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 0000000000..7415a112b1
--- /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 0000000000..83f2ca3483
--- /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>