Write explicit test description and combine a few more tests

web-platform-tests · Feb 29, 2024 · dc2c7ac · dc2c7ac
1 parent 0c7deeb
commit dc2c7ac
Show file tree

Hide file tree

Showing 3 changed files with 92 additions and 98 deletions.
diff --git a/dom/nodes/insertion-effects/Node-appendChild-script-and-style-from-fragment.tentative.html b/dom/nodes/insertion-effects/Node-appendChild-script-and-style-from-fragment.tentative.html
diff --git a/dom/nodes/insertion-effects/Node-appendChild-script-and-style.tentative.html b/dom/nodes/insertion-effects/Node-appendChild-script-and-style.tentative.html
@@ -5,10 +5,12 @@
 <script src=/resources/testharnessreport.js></script>
 <body>
 <script>
-const happened = [];
-const style = document.createElement("style");
-let styleSheet = null;
+// <script> & <style> element tests.
 test(() => {
+  window.happened = [];
+  window.style = document.createElement("style");
+  let styleSheet = null;
+
   style.appendChild(new Text("body {}"));
   const script = document.createElement("script");
   script.textContent = `
@@ -26,5 +28,91 @@
   document.body.appendChild(div);
   assert_array_equals(happened, ["sheet", 2]);
   assert_not_equals(style.sheet, styleSheet, "style sheet was created only once");
-});
+}, "An earlier-inserted <script> synchronously observes a later-inserted " +
+   "<style> (via a div) being applied");
+
+test(() => {
+  window.happened = [];
+  window.style = document.createElement("style");
+  let styleSheet = null;
+
+  style.appendChild(new Text("body {}"));
+  const script = document.createElement("script");
+  script.textContent = `
+    styleSheet = style.sheet;
+    happened.push(style.sheet ? "sheet" : null);
+    style.appendChild(new Text("body {}"));
+    happened.push(style.sheet?.cssRules.length);
+`;
+
+  const df = document.createDocumentFragment();
+  df.appendChild(script);
+  df.appendChild(style);
+
+  assert_array_equals(happened, []);
+  document.body.appendChild(df);
+  assert_array_equals(happened, ["sheet", 2]);
+  assert_not_equals(style.sheet, styleSheet, "style sheet was created only once");
+}, "An earlier-inserted <script> synchronously observes a later-inserted " +
+   "<style> (via a DocumentFragment) being applied");
+
+// <script> & <link rel=stylesheet> element tests.
+test(() => {
+  window.happened = [];
+  window.link = document.createElement("link");
+  link.rel = "stylesheet";
+  link.href = "data:text/css,";
+
+  const script = document.createElement("script");
+  script.textContent = `
+    happened.push(link.sheet ? "sheet" : null);
+  `;
+
+  const df = document.createDocumentFragment();
+  df.appendChild(script);
+  df.appendChild(link);
+
+  assert_array_equals(happened, []);
+  document.body.appendChild(df);
+  assert_array_equals(happened, ["sheet"]);
+}, "Earlier-inserted <script> (via a DocumentFragment) synchronously " +
+   "observes a later-inserted <link rel=stylesheet>'s CSSStyleSheet creation");
+
+test(() => {
+  window.happened = [];
+  window.link = document.createElement("link");
+  link.rel = "stylesheet";
+  link.href = "data:text/css,";
+
+  const script = document.createElement("script");
+  script.textContent = `
+    happened.push(link.sheet ? "sheet" : null);
+`;
+
+  const div = document.createElement("div");
+  div.appendChild(script);
+  div.appendChild(link);
+
+  assert_array_equals(happened, []);
+  document.body.appendChild(div);
+  assert_array_equals(happened, ["sheet"]);
+}, "Earlier-inserted <script> (via a div) synchronously observes a " +
+   "later-inserted <link rel=stylesheet>'s CSSStyleSheet creation");
+
+test(() => {
+  window.happened = [];
+  window.link = document.createElement("link");
+  link.rel = "stylesheet";
+  link.href = "data:text/css,";
+
+  const script = document.createElement("script");
+  script.textContent = `
+    happened.push(link.sheet ? "sheet" : null);
+`;
+
+  assert_array_equals(happened, []);
+  document.body.append(script, link);
+  assert_array_equals(happened, ["sheet"]);
+}, "Earlier-inserted <script> (via a append()) synchronously observes a " +
+   "later-inserted <link rel=stylesheet>'s CSSStyleSheet creation");
 </script>
diff --git a/dom/nodes/insertion-effects/Node-appendChild-script-and-stylesheet-link.tentative.html b/dom/nodes/insertion-effects/Node-appendChild-script-and-stylesheet-link.tentative.html