alice · alice · Jan 8, 2025 · Jan 8, 2025 · Jan 8, 2025 · Dec 10, 2024
diff --git a/JSTests/wasm/stress/table-set-to-js-then-grow.js b/JSTests/wasm/stress/table-set-to-js-then-grow.js
@@ -0,0 +1,25 @@
+import { instantiate } from "../wabt-wrapper.js"
+import * as assert from "../assert.js"
+
+let wat = `
+(module
+    (type $ri (func (result i32)))
+    (import "e" "foo" (func $foo (result i32)))
+    (export "foo" (func $foo))
+    (table $table 0 funcref)
+    (func (export "test") (param funcref) (result i32)
+        (table.grow $table (ref.null func) (i32.const 1))
+        drop
+        (table.set $table (i32.const 0) (local.get 0))
+        (table.grow $table (ref.null func) (i32.const 10))
+        drop
+        (call_indirect $table (type $ri) (i32.const 0))
+    )
+)
+`
+
+function foo() { return 0; }
+const instance = await instantiate(wat, { e: { foo } });
+
+for (let i = 0; i < 1e3; ++i)
+    assert.eq(instance.exports.test(instance.exports.foo), 0);
diff --git a/JSTests/wasm/stress/wasm-bbq-catch-unbind.js b/JSTests/wasm/stress/wasm-bbq-catch-unbind.js
diff --git a/...imported/w3c/web-platform-tests/shadow-dom/reference-target/tentative/README.md b/...imported/w3c/web-platform-tests/shadow-dom/reference-target/tentative/README.md
@@ -0,0 +1,9 @@
+# Reference Target tentative tests
+
+Tests in this directory are for the proposed Reference Target feature for
+shadow dom. This is not yet standardized and browsers should not be expected to
+pass these tests.
+
+See the explainer at
+https://github.com/WICG/aom/blob/gh-pages/reference-target-explainer.md for
+more information about the API.
diff --git a/...imported/w3c/web-platform-tests/shadow-dom/reference-target/tentative/anchor-expected.txt b/...imported/w3c/web-platform-tests/shadow-dom/reference-target/tentative/anchor-expected.txt
@@ -0,0 +1,6 @@
+Popover content
+
+FAIL ShadowRoot ReferenceTarget works with anchor attribute. assert_equals: popover.offsetLeft expected 100 but got 682
+FAIL ShadowRoot ReferenceTarget works with anchor attribute via options. assert_equals: popover.offsetLeft expected 100 but got 682
+FAIL ShadowRoot ReferenceTarget works with .anchorElement property. assert_equals: popover.offsetLeft expected 100 but got 682
+
diff --git a/...utTests/imported/w3c/web-platform-tests/shadow-dom/reference-target/tentative/anchor.html b/...utTests/imported/w3c/web-platform-tests/shadow-dom/reference-target/tentative/anchor.html
@@ -0,0 +1,109 @@
+<!DOCTYPE HTML>
+<html>
+
+<head>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="/resources/testdriver-actions.js"></script>
+  <script src="/wai-aria/scripts/aria-utils.js"></script>
+  <style>
+    body {
+      margin: 0;
+    }
+
+    [popover] {
+      position: absolute;
+      left: anchor(right);
+      top: anchor(top);
+      margin: 0;
+    }
+  </style>
+</head>
+
+<body>
+  <div>
+    <x-anchor id="x-anchor-1">
+      <template shadowrootmode="open" shadowrootreferencetarget="anchor">
+        <style>
+          div {
+            width: 100px;
+            height: 100px;
+          }
+
+          #anchor {
+            background-color: yellow;
+          }
+        </style>
+
+        <div></div>
+        <div id="anchor"></div>
+      </template>
+    </x-anchor>
+    <div id="popover-1" popover anchor="x-anchor-1">Popover content</div>
+  </div>
+
+  <div>
+    <x-anchor-2 id="x-anchor-2"></x-anchor-2>
+    <div id="popover-2" popover anchor="x-anchor-2">Popover content</div>
+  </div>
+  <script>
+    const customAnchor = document.querySelector('x-anchor-2');
+    customAnchor.attachShadow({ mode: 'open', referenceTarget: 'anchor' });
+    customAnchor.shadowRoot.innerHTML =`
+<style>
+div {
+width: 100px;
+height: 100px;
+}
+
+#anchor {
+background-color: yellow;
+}
+</style>
+
+<div></div>
+<div id="anchor"></div>`;
+  </script>
+
+  <div>
+    <x-anchor id="x-anchor-3">
+      <template shadowrootmode="open" shadowrootreferencetarget="anchor">
+        <style>
+          div {
+            width: 100px;
+            height: 100px;
+          }
+
+          #anchor {
+            background-color: yellow;
+          }
+        </style>
+
+        <div></div>
+        <div id="anchor"></div>
+      </template>
+    </x-anchor>
+    <div id="popover-3" popover>Popover content</div>
+  </div>
+
+  <script>
+    function testPopoverAnchor(id, name) {
+      test(function () {
+        const popover = document.getElementById(id);
+        popover.showPopover();
+        assert_equals(popover.offsetLeft, 100, "popover.offsetLeft");
+        assert_equals(popover.offsetTop, 100, "popover.offsetTop");
+        // Clean up the test context for future tests.
+        popover.parentElement.remove();
+      }, name);
+    }
+    testPopoverAnchor('popover-1', "ShadowRoot ReferenceTarget works with anchor attribute.");
+    testPopoverAnchor('popover-2', "ShadowRoot ReferenceTarget works with anchor attribute via options.");
+    document.getElementById('popover-3').anchorElement = document.getElementById('x-anchor-3');
+    testPopoverAnchor('popover-3', "ShadowRoot ReferenceTarget works with .anchorElement property.");
+  </script>
+</body>
+
+</html>
diff --git a/...w3c/web-platform-tests/shadow-dom/reference-target/tentative/aria-labelledby-expected.txt b/...w3c/web-platform-tests/shadow-dom/reference-target/tentative/aria-labelledby-expected.txt
@@ -0,0 +1,6 @@
+  Label 2
+
+PASS Label 1
+PASS Label 2
+PASS Label 3
+
diff --git a/...mported/w3c/web-platform-tests/shadow-dom/reference-target/tentative/aria-labelledby.html b/...mported/w3c/web-platform-tests/shadow-dom/reference-target/tentative/aria-labelledby.html
@@ -0,0 +1,65 @@
+<!DOCTYPE HTML>
+<html>
+
+<head>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/testdriver.js"></script>
+<script src="/resources/testdriver-vendor.js"></script>
+<script src="/resources/testdriver-actions.js"></script>
+<script src="/wai-aria/scripts/aria-utils.js"></script>
+</head>
+
+<body>
+
+<!-- 1. Declaratively defined custom label -->
+<x-label1 id="x-label1">
+  <template shadowrootmode="closed" shadowrootreferencetarget="label1">
+    <span>FAIL IF INCLUDED</span>
+    <label id="label1">Label 1</label>
+  </template>
+</x-label1>
+<input class="ex" aria-labelledby="x-label1" data-expectedlabel="Label 1">
+
+<!-- 2. Imperatively defined custom element -->
+<script>
+  customElements.define(
+    "x-label2",
+    class XLabel2 extends HTMLElement {
+      constructor() {
+        super();
+
+        this.shadowRoot_ = this.attachShadow({ mode: "closed" });
+        this.shadowRoot_.innerHTML = `
+          <span>FAIL IF INCLUDED</span>
+          <label id="label2">
+            <slot></slot>
+          </label>
+        `;
+        this.shadowRoot_.referenceTarget = "label2";
+      }
+    }
+  );
+</script>
+<x-label2 id="x-label2">Label 2</x-label2>
+<input class="ex" aria-labelledby="x-label2" data-expectedlabel="Label 2">
+
+<!-- 3. Setting .ariaLabelledByElements to target a declaratively defined custom label -->
+<x-label3 id="x-label3">
+  <template shadowrootmode="closed" shadowrootreferencetarget="label3">
+    <span>FAIL IF INCLUDED</span>
+    <label id="label3">Label 3</label>
+  </template>
+</x-label3>
+<input id="input3" class="ex" data-expectedlabel="Label 3">
+<script>
+  document.getElementById("input3").ariaLabelledByElements = [ document.getElementById("x-label3") ];
+</script>
+
+<script>
+  AriaUtils.verifyLabelsBySelector('.ex');
+</script>
+
+</body>
+
+</html>
diff --git a/...ed/w3c/web-platform-tests/shadow-dom/reference-target/tentative/dom-mutation-expected.txt b/...ed/w3c/web-platform-tests/shadow-dom/reference-target/tentative/dom-mutation-expected.txt
@@ -0,0 +1,7 @@
+
+
+FAIL Changing the ID of the referenced element updates the computed label assert_equals: expected "Outside the label Label 1 Label 2" but got ""
+FAIL Removing the referenced element updates the computed label assert_equals: expected "Outside the label Label 2" but got ""
+PASS New referenced element prepended to the shadow supercedes the existing label
+PASS Changing the reference target ID updates the computed label
+
diff --git a/...s/imported/w3c/web-platform-tests/shadow-dom/reference-target/tentative/dom-mutation.html b/...s/imported/w3c/web-platform-tests/shadow-dom/reference-target/tentative/dom-mutation.html
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="/resources/testdriver-actions.js"></script>
+  <script src="/wai-aria/scripts/aria-utils.js"></script>
+</head>
+<body>
+
+<div id="test-container"></div>
+
+<script>
+async function setup_test() {
+  const test_container = document.querySelector("#test-container");
+  test_container.setHTMLUnsafe(`
+    <div id="host1">
+      <template shadowrootmode="open" shadowrootreferencetarget="label1">
+        <span>Outside the label</span>
+        <label id="label1">Label 1</label>
+        <label id="label2">Label 2</label>
+      </template>
+    </div>
+    <input id="input1" aria-labelledby="host1">`);
+  const input1 = test_container.querySelector("#input1");
+  assert_equals(await test_driver.get_computed_label(input1), "Label 1");
+  return test_container
+}
+
+promise_test(async t => {
+  const test_container = await setup_test();
+  const host1 = test_container.querySelector("#host1");
+  const label1 = host1.shadowRoot.querySelector("#label1");
+  label1.id = "changed";
+  assert_equals(await test_driver.get_computed_label(input1), "Outside the label Label 1 Label 2");
+}, "Changing the ID of the referenced element updates the computed label");
+
+promise_test(async t => {
+  const test_container = await setup_test();
+  const host1 = test_container.querySelector("#host1");
+  const label1 = host1.shadowRoot.querySelector("#label1");
+  label1.remove();
+  assert_equals(await test_driver.get_computed_label(input1), "Outside the label Label 2");
+}, "Removing the referenced element updates the computed label");
+
+promise_test(async t => {
+     const test_container = await setup_test();
+     const host1 = test_container.querySelector("#host1");
+     const new_label = document.createElement("label");
+     new_label.id = "label1";
+     new_label.textContent = "New label";
+     host1.shadowRoot.prepend(new_label);
+     assert_equals(await test_driver.get_computed_label(input1), "New label");
+}, "New referenced element prepended to the shadow supercedes the existing label");
+
+promise_test(async t => {
+     const test_container = await setup_test();
+     const host1 = test_container.querySelector("#host1");
+     host1.shadowRoot.referenceTarget = "label2";
+     assert_equals(await test_driver.get_computed_label(input1), "Label 2");
+}, "Changing the reference target ID updates the computed label");
+</script>
+</body>
+</html>
diff --git a/...3c/web-platform-tests/shadow-dom/reference-target/tentative/label-descendant-expected.txt b/...3c/web-platform-tests/shadow-dom/reference-target/tentative/label-descendant-expected.txt
@@ -0,0 +1,9 @@
+Input 1
+Input 1 via Options
+Input 2 Input 2 via Options
+
+PASS Label applies to descendant custom element that uses shadowrootreferencetarget (Input 1)
+PASS Label applies to descendant custom element that uses shadowrootreferencetarget (Input 1 via Options)
+PASS Label applies to multiple layers of descendant custom elements that use shadowrootreferencetarget (Input 2)
+PASS Label applies to multiple layers of descendant custom elements that use shadowrootreferencetarget (Input 2 via Options)
+