Skip to content

Commit dde1560

Browse files
AtkinsSJgmta
AtkinsSJ
authored and
gmta
committed
Tests: Import some declarative shadow dom tests
1 parent 7ce103b commit dde1560

File tree

4 files changed

+510
-0
lines changed

4 files changed

+510
-0
lines changed

‎Tests/LibWeb/Text/expected/wpt-import/shadow-dom/attachShadow-with-ShadowRoot.txt‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
Harness status: OK
2+
3+
Found 2 tests
4+
5+
1 Pass
6+
1 Fail
7+
Pass can use ShadowRoot as options for attachShadow
8+
Fail can use ShadowRoot in document fragment as options for attachShadow

‎Tests/LibWeb/Text/expected/wpt-import/shadow-dom/declarative/declarative-shadow-dom-basic.txt‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
Harness status: OK
2+
3+
Found 22 tests
4+
5+
18 Pass
6+
4 Fail
7+
Pass Declarative Shadow DOM: Basic test
8+
Pass Declarative Shadow DOM: Feature detection
9+
Pass Shadowrootmode reflection
10+
Pass Shadowrootmode reflection, setter
11+
Pass Shadowrootdelegatesfocus reflection
12+
Pass Shadowrootdelegatesfocus reflection, setter
13+
Pass Shadowrootclonable reflection
14+
Pass Shadowrootclonable reflection, setter
15+
Pass Declarative Shadow DOM: Fragment parser basic test
16+
Pass Declarative Shadow DOM: Invalid shadow root attribute
17+
Pass Declarative Shadow DOM: Closed shadow root attribute
18+
Pass Declarative Shadow DOM: Missing closing tag
19+
Pass Declarative Shadow DOM: delegates focus attribute
20+
Pass Declarative Shadow DOM: clonable attribute
21+
Pass Declarative Shadow DOM: Multiple roots
22+
Fail Declarative Shadow DOM: template containing declarative shadow root (with shadowrootclonable)
23+
Fail Declarative Shadow DOM: template containing (deeply nested) declarative shadow root
24+
Fail Declarative Shadow DOM: template containing a template containing declarative shadow root
25+
Fail Declarative Shadow DOM: template containing declarative shadow root and UA shadow root
26+
Pass Declarative Shadow DOM: template containing closed declarative shadow root and UA shadow root
27+
Pass Declarative Shadow DOM: declarative shadow roots are not supported by the template element
28+
Pass Declarative Shadow DOM: explicit test that exceptions are not thrown

‎Tests/LibWeb/Text/input/wpt-import/shadow-dom/attachShadow-with-ShadowRoot.html‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
<!DOCTYPE html>
2+
<head>
3+
<title>Shadow DOM: Element.attachShadow with ShadowRoot</title>
4+
<meta name="author" title="Jesse Jurman" href="mailto:j.r.jurman@gmail.com">
5+
<meta name="assert" content="It should be possible to use an existing ShadowRoot as input for Element.attachShadow">
6+
<link rel=help href="https://bugs.webkit.org/show_bug.cgi?id=295174">
7+
8+
<script src="../resources/testharness.js"></script>
9+
<script src="../resources/testharnessreport.js"></script>
10+
<script src="../resources/testdriver.js"></script>
11+
<script src="../resources/testdriver-actions.js"></script>
12+
<script src="../resources/testdriver-vendor.js"></script>
13+
</head>
14+
15+
16+
<body>
17+
<div id="elementSource">
18+
<span>
19+
<template shadowrootmode="open"></template>
20+
</span>
21+
</div>
22+
23+
<div id="elementTarget"></div>
24+
25+
<template id="templateSource">
26+
<span>
27+
<template shadowrootmode="open"></template>
28+
</span>
29+
</template>
30+
31+
<div id="templateTarget"></div>
32+
</body>
33+
34+
<script>
35+
'use strict';
36+
37+
// test that we can use a ShadowRoot as an input for attachShadow
38+
promise_test(async () => {
39+
const shadowRoot = elementSource.children[0].shadowRoot;
40+
41+
// validate that the ShadowRoot is an object, and has properties we expect (like "mode")
42+
assert_equals(typeof shadowRoot, 'object');
43+
assert_equals(shadowRoot.mode, 'open');
44+
45+
// attach the shadowRoot to our target element
46+
elementTarget.attachShadow(shadowRoot);
47+
48+
// validate that our target element has a shadowRoot with the same options
49+
assert_equals(typeof elementTarget.shadowRoot, 'object');
50+
assert_equals(elementTarget.shadowRoot.mode, 'open');
51+
}, 'can use ShadowRoot as options for attachShadow');
52+
53+
// test that we can use a ShadowRoot in a template element as an input for attachShadow
54+
promise_test(async () => {
55+
const shadowRoot = templateSource.content.children[0].shadowRoot;
56+
57+
// validate that the ShadowRoot is an object, and has properties we expect (like "mode")
58+
assert_equals(typeof shadowRoot, 'object');
59+
assert_equals(shadowRoot.mode, 'open');
60+
61+
// attach the shadowRoot to our target element
62+
templateTarget.attachShadow(shadowRoot);
63+
64+
// validate that our target element has a shadowRoot with the same options
65+
assert_equals(typeof templateTarget.shadowRoot, 'object');
66+
assert_equals(templateTarget.shadowRoot.mode, 'open');
67+
}, 'can use ShadowRoot in document fragment as options for attachShadow');
68+
69+
</script>

0 commit comments

Comments
 (0)