From 0a4012b4be7664c3d567d17900db9136a066c994 Mon Sep 17 00:00:00 2001
From: Marco Castelluccio <mcastelluccio@mozilla.com>
Date: Thu, 1 Feb 2024 00:42:26 +0000
Subject: [PATCH] Bug 1876659 [wpt PR 44216] - Add support for the shadow root
 clonable flag, a=testonly

Automatic update from web-platform-tests
Add support for the shadow root clonable flag

This landed in the these two spec PRs:

  https://github.com/whatwg/dom/pull/892
  https://github.com/whatwg/dom/pull/1237

and was discussed here:

  https://github.com/whatwg/dom/issues/1137
  https://github.com/whatwg/dom/issues/1236

This CL adds support for clonable, behind a new ShadowRootClonable
flag. There was already a very basic test, but I added a few
more cases.

This should be fairly web compatible, but there is a risk since with
this feature enabled, declarative shadow roots in the main document
(as opposed to in a <template> element) will now be cloned. I will
launch this feature carefully. Safari has already shipped, and Gecko
has implemented this and plans to ship soon.

Chromestatus:
https://chromestatus.com/feature/5161435196030976

I2P:
https://groups.google.com/a/chromium.org/g/blink-dev/c/nZhPt0ePCAA

Bug: 1510466
Change-Id: Ie25b72f369ca0542555f91010b0f22d295403728
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5239277
Auto-Submit: Mason Freed <masonfchromium.org>
Reviewed-by: David Baron <dbaronchromium.org>
Commit-Queue: David Baron <dbaronchromium.org>
Cr-Commit-Position: refs/heads/main{#1253059}

--

wpt-commits: adc1ac02e6d8e080508325ab4525bab8d09177a6
wpt-pr: 44216

UltraBlame original commit: c628961696861f1ee92fe22401f9f939d8df6a8d
---
 .../shadow-dom/declarative/clonable.window.js | 10 ----
 .../shadow-dom/shadow-root-clonable.html      | 49 +++++++++++++++++++
 2 files changed, 49 insertions(+), 10 deletions(-)
 delete mode 100644 testing/web-platform/tests/shadow-dom/declarative/clonable.window.js
 create mode 100644 testing/web-platform/tests/shadow-dom/shadow-root-clonable.html
diff --git a/testing/web-platform/tests/shadow-dom/declarative/clonable.window.js b/testing/web-platform/tests/shadow-dom/declarative/clonable.window.js
deleted file mode 100644
index 5ebeacf37cbd8..0000000000000
--- a/testing/web-platform/tests/shadow-dom/declarative/clonable.window.js
+++ /dev/null
@@ -1,10 +0,0 @@
-test(() => {
-  const div = document.createElement("div");
-  const root = div.attachShadow({ mode: "open", clonable: true });
-  root.appendChild(document.createElement("input"));
-  assert_true(root.clonable, "clonable attribute");
-
-  const cloned = div.cloneNode(true);
-  assert_equals(cloned.shadowRoot.children.length, 1, "children count");
-  assert_equals(cloned.shadowRoot.children[0].localName, "input", "children content");
-}, "attachShadow with clonable: true");
diff --git a/testing/web-platform/tests/shadow-dom/shadow-root-clonable.html b/testing/web-platform/tests/shadow-dom/shadow-root-clonable.html
new file mode 100644
index 0000000000000..fa6a9d8df96b6
--- /dev/null
+++ b/testing/web-platform/tests/shadow-dom/shadow-root-clonable.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<title>Shadow root clonable flag</title>
+<link rel='author' href='mailto:krosylight@mozilla.com'>
+<link rel='author' href='mailto:masonf@chromium.org'>
+<link rel='help' href='https://dom.spec.whatwg.org/#shadowroot-clonable'>
+<script src='/resources/testharness.js'></script>
+<script src='/resources/testharnessreport.js'></script>
+
+<body>
+<script>
+test(() => {
+  const div = document.createElement("div");
+  const root = div.attachShadow({ mode: "open", clonable: true });
+  root.appendChild(document.createElement("input"));
+  assert_true(root.clonable, "clonable attribute");
+
+  const clone = div.cloneNode(true);
+  const clonedRoot = clone.shadowRoot;
+  assert_true(clonedRoot.clonable, "clone gets the same clonable state");
+  assert_equals(clonedRoot.children.length, 1, "children count");
+  assert_equals(clonedRoot.children[0].localName, "input", "children content");
+}, "attachShadow with clonable: true");
+
+for (const clonable of [false, undefined]) {
+  test(() => {
+    const div = document.createElement("div");
+    const root = div.attachShadow({ mode: "open", clonable });
+    root.appendChild(document.createElement("input"));
+    assert_false(root.clonable, "clonable attribute");
+
+    const clone = div.cloneNode(true);
+    assert_true(!clone.shadowRoot, "shadow should not be cloned");
+  }, `attachShadow with clonable: ${clonable}`);
+}
+
+test(() => {
+  const div = document.createElement("div");
+  div.setHTMLUnsafe('<div><template shadowrootmode=open><input></template></div>');
+  const root = div.firstElementChild.shadowRoot;
+  assert_true(!!root);
+  assert_true(root.clonable, "clonable is automatically true for declarative shadow root");
+
+  const clone = div.cloneNode(true);
+  const clonedRoot = clone.firstElementChild.shadowRoot;
+  assert_true(!!clonedRoot);
+  assert_equals(clonedRoot.children.length, 1, "children count");
+  assert_equals(clonedRoot.children[0].localName, "input", "children content");
+}, "declarative shadow roots get clonable: true automatically");
+</script>
