From f1dcf567e492f3500f3d2096c7f2259c06e5b0a3 Mon Sep 17 00:00:00 2001
From: Andreas Kling <andreas@ladybird.org>
Date: Tue, 25 Jun 2024 16:19:44 +0200
Subject: [PATCH] Tests: Add a basic test for Declarative Shadow DOM

(cherry picked from commit 7ce350b8c069c13540c50631413b2150bab967d4)
---
 .../expected/ShadowDOM/declarative-basic.txt  | 25 +++++++++++
 .../input/ShadowDOM/declarative-basic.html    | 43 +++++++++++++++++++
 2 files changed, 68 insertions(+)
 create mode 100644 Tests/LibWeb/Text/expected/ShadowDOM/declarative-basic.txt
 create mode 100644 Tests/LibWeb/Text/input/ShadowDOM/declarative-basic.html

diff --git a/Tests/LibWeb/Text/expected/ShadowDOM/declarative-basic.txt b/Tests/LibWeb/Text/expected/ShadowDOM/declarative-basic.txt
new file mode 100644
index 00000000000000..7415a112b13893
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/ShadowDOM/declarative-basic.txt
@@ -0,0 +1,25 @@
+open closed open open open   [object ShadowRoot]
+0
+null
+0
+[object ShadowRoot]
+1
+null
+0
+[object ShadowRoot]
+0
+
+
+
+<template shadowrootmode="open">open</template>
+
+
+<template shadowrootmode="open" shadowrootserializable="">open</template>
+
+
+
+
+
+<template shadowrootmode="open" shadowrootserializable="">open</template>
+
+
diff --git a/Tests/LibWeb/Text/input/ShadowDOM/declarative-basic.html b/Tests/LibWeb/Text/input/ShadowDOM/declarative-basic.html
new file mode 100644
index 00000000000000..83f2ca3483b7f2
--- /dev/null
+++ b/Tests/LibWeb/Text/input/ShadowDOM/declarative-basic.html
@@ -0,0 +1,43 @@
+<div id="basicOpen">
+<template shadowrootmode="open">open</template>
+</div>
+<div id="basicClosed">
+<template shadowrootmode="closed">closed</template>
+</div>
+<div id="redundant">
+<template shadowrootmode="open">open</template>
+<template shadowrootmode="open">also open</template>
+</div>
+<div id="basicOpenClonable">
+<template shadowrootmode="open" shadowrootclonable>open</template>
+</div>
+<div id="basicOpenSerializable">
+<template shadowrootmode="open" shadowrootserializable>open</template>
+</div>
+<script src="../include.js"></script>
+<script>
+    test(() => {
+        println(basicOpen.shadowRoot);
+        println(basicOpen.childElementCount);
+
+        println(basicClosed.shadowRoot);
+        println(basicClosed.childElementCount);
+
+        println(redundant.shadowRoot);
+        println(redundant.childElementCount);
+
+        let clonedUnclonable = basicOpen.cloneNode();
+        println(clonedUnclonable.shadowRoot);
+        println(clonedUnclonable.childElementCount);
+
+        let clonedClonable = basicOpenClonable.cloneNode();
+        println(clonedClonable.shadowRoot);
+        println(clonedClonable.childElementCount);
+
+        println(basicOpen.getHTML({ serializableShadowRoots: true}));
+        println(basicOpen.getHTML({ shadowRoots: [ basicOpen.shadowRoot ]}));
+        println(basicOpenSerializable.getHTML({ serializableShadowRoots: true}));
+        println(basicOpenSerializable.getHTML({ serializableShadowRoots: false}));
+        println(basicOpenSerializable.getHTML({ shadowRoots: [ basicOpenSerializable.shadowRoot ]}));
+    });
+</script>