diff --git a/packages/playground/worker/index.html b/packages/playground/worker/index.html
index be0b3becb5f94f..77c527785ff032 100644
--- a/packages/playground/worker/index.html
+++ b/packages/playground/worker/index.html
@@ -26,11 +26,15 @@
 <p>new SharedWorker(new Url('path', import.meta.url))</p>
 <div class="shared-worker-import-meta-url"></div>
 
+<p>nested worker</p>
+<div class="nested-worker"></div>
+
 <script type="module">
   import myWorker from './my-worker?worker'
   import InlineWorker from './my-worker?worker&inline'
   import mySharedWorker from './my-shared-worker?sharedworker&name=shared'
   import TSOutputWorker from './possible-ts-output-worker?worker'
+  import NestedWorker from './worker-nested-worker?worker'
   import { mode } from './workerImport'
 
   document.querySelector('.mode-true').textContent = mode
@@ -103,4 +107,10 @@
     )
   })
   w2.port.start()
+
+  const nestedWorker = new NestedWorker()
+  nestedWorker.addEventListener('message', (ev) => {
+    text('.nested-worker', ev.data)
+  })
+  nestedWorker.postMessage('ping')
 </script>
diff --git a/packages/playground/worker/sub-worker.js b/packages/playground/worker/sub-worker.js
new file mode 100644
index 00000000000000..eec65b86a0382a
--- /dev/null
+++ b/packages/playground/worker/sub-worker.js
@@ -0,0 +1,5 @@
+self.onmessage = (event) => {
+  if (event.data === 'ping') {
+    self.postMessage('pong')
+  }
+}
diff --git a/packages/playground/worker/worker-nested-worker.js b/packages/playground/worker/worker-nested-worker.js
new file mode 100644
index 00000000000000..6d4d1e4969005f
--- /dev/null
+++ b/packages/playground/worker/worker-nested-worker.js
@@ -0,0 +1,13 @@
+import SubWorker from './sub-worker?worker'
+
+const subWorker = new SubWorker()
+
+self.onmessage = (event) => {
+  if (event.data === 'ping') {
+    subWorker.postMessage('ping')
+  }
+}
+
+subWorker.onmessage = (event) => {
+  self.postMessage(event.data)
+}