Add crbug for nested web workers

colelawrence · colelawrence · commit 1c476f9ee9b3 · 2021-05-21T13:27:34.000-04:00
diff --git a/static/random/2021-05/crbug-nested-dedicated-workers-user-timing-issues/bug.png b/static/random/2021-05/crbug-nested-dedicated-workers-user-timing-issues/bug.png
diff --git a/static/random/2021-05/crbug-nested-dedicated-workers-user-timing-issues/index.html b/static/random/2021-05/crbug-nested-dedicated-workers-user-timing-issues/index.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>CRBug Nested Dedicated Workers</title>
+    <style>
+      html {
+        font-family: systemui;
+      }
+    </style>
+  </head>
+  <body>
+    <h1>CRBug Nested Dedicated Workers issue</h1>
+    <a href="./bug.png">Screenshot of what I see in DevTools for this page.</a>
+    <pre>
+// this html file
+const worker = new Worker("worker.js", {
+  type: "module"
+})
+    </pre>
+    <pre>
+// <a href="./worker.js">worker.js</a>
+const startMark = "w";
+performance.mark(startMark);
+console.info("worker.js executed");
+const w = new Worker("./subworker.js", { type: "module" });
+console.info("worker.js constructed subworker");
+performance.measure("worker.js", startMark);
+    </pre>
+    <pre>
+// <a href="./subworker.js">subworker.js</a>
+const startMark = "sw";
+performance.mark(startMark);
+console.info("subworker.js executed");
+performance.measure("subworker.js", startMark);
+    </pre>
+    <p>
+      Observe that we get a user timing for "worker.js", we do not get a user
+      timing for "subworker.js". We get logs for both "worker.js executed" and
+      "subworker.js executed".
+    </p>
+    <script>
+      const worker = new Worker("worker.js", {
+        type: "module",
+      });
+    </script>
+  </body>
+</html>
diff --git a/static/random/2021-05/crbug-nested-dedicated-workers-user-timing-issues/subworker.js b/static/random/2021-05/crbug-nested-dedicated-workers-user-timing-issues/subworker.js
@@ -0,0 +1,5 @@
+// subworker.js
+const startMark = "sw";
+performance.mark(startMark);
+console.info("subworker.js executed");
+performance.measure("subworker.js", startMark);
diff --git a/static/random/2021-05/crbug-nested-dedicated-workers-user-timing-issues/worker.js b/static/random/2021-05/crbug-nested-dedicated-workers-user-timing-issues/worker.js
@@ -0,0 +1,7 @@
+// worker.js
+const startMark = "w";
+performance.mark(startMark);
+console.info("worker.js executed");
+const w = new Worker("./subworker.js", { type: "module" });
+console.info("worker.js constructed subworker");
+performance.measure("worker.js", startMark);
diff --git a/static/random/index.html b/static/random/index.html
@@ -24,6 +24,9 @@
     <li>
       <a href="./2021-04/svelte-minimal-demo/index.html">Minimal Svelte demo</a>
     </li>
+    <li>
+      <a href="./2021-05/crbug-nested-dedicated-workers-user-timing-issues/index.html">Chromium bug with User Timings in nested workers</a>
+    </li>
   </ul>
   <br>
   <ul>
@@ -33,4 +36,4 @@
   </ul>
 </body>
 
-</html>
+</html>
