From 1ce91520b20430c8aa0fb1f031c641e942986972 Mon Sep 17 00:00:00 2001
From: Marco Castelluccio <mcastelluccio@mozilla.com>
Date: Thu, 1 Feb 2024 00:43:27 +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 | 120 ----
 .../shadow-dom/shadow-root-clonable.html      | 522 ++++++++++++++++++
 2 files changed, 522 insertions(+), 120 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 316005ac8d77..000000000000
--- a/testing/web-platform/tests/shadow-dom/declarative/clonable.window.js
+++ /dev/null
@@ -1,120 +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 000000000000..382be25665f0
--- /dev/null
+++ b/testing/web-platform/tests/shadow-dom/shadow-root-clonable.html
@@ -0,0 +1,522 @@
+<
+!
+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
+>