OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <script src="../resources/js-test.js"></script> | |
3 <script> | |
4 description('This tests multiple shadow roots creation with createShadowRoot and
mode parameter.'); | |
5 | |
6 function shouldBeV0ShadowRoot(root) { | |
7 shouldBeEqualToString('internals.shadowRootType(' + root + ')', 'V0ShadowRoo
t'); | |
8 } | |
9 | |
10 function shouldBeOpenShadowRoot(root) { | |
11 shouldBeEqualToString('internals.shadowRootType(' + root + ')', 'OpenShadowR
oot'); | |
12 } | |
13 | |
14 function shouldBeClosedShadowRoot(root) { | |
15 shouldBeEqualToString('internals.shadowRootType(' + root + ')', 'ClosedShado
wRoot'); | |
16 } | |
17 | |
18 function shouldBeUserAgentShadowRoot(root) { | |
19 shouldBeEqualToString('internals.shadowRootType(' + root + ')', 'UserAgentSh
adowRoot'); | |
20 } | |
21 | |
22 function youngestShadowRootShouldBe(host, root) { | |
23 shouldBe('internals.youngestShadowRoot(' + host + ')', root); | |
24 } | |
25 | |
26 debug('createShadowRoot() can still create multiple shadow roots.'); | |
27 | |
28 var div = document.createElement('div'); | |
29 var shadow1 = div.createShadowRoot(); | |
30 shouldBeV0ShadowRoot('shadow1'); | |
31 var shadow2 = div.createShadowRoot(); | |
32 shouldBeV0ShadowRoot('shadow2'); | |
33 youngestShadowRootShouldBe('div', 'shadow2'); | |
34 shouldBe('shadow2.olderShadowRoot', 'shadow1'); | |
35 | |
36 debug('Other attempts to create multiple shadow roots should fail'); | |
37 | |
38 div = document.createElement('div'); | |
39 shadow1 = div.createShadowRoot(); | |
40 shouldBeV0ShadowRoot('shadow1'); | |
41 shouldThrow('div.attachShadow({mode: "open"})'); | |
42 shouldThrow('div.attachShadow({mode: "closed"})'); | |
43 youngestShadowRootShouldBe('div', 'shadow1'); | |
44 | |
45 div = document.createElement('div'); | |
46 shadow1 = div.attachShadow({mode: "open"}); | |
47 shouldBeOpenShadowRoot('shadow1'); | |
48 shouldThrow('div.createShadowRoot()'); | |
49 shouldThrow('div.attachShadow({mode: "open"})'); | |
50 shouldThrow('div.attachShadow({mode: "closed"})'); | |
51 youngestShadowRootShouldBe('div', 'shadow1'); | |
52 | |
53 div = document.createElement('div'); | |
54 shadow1 = div.attachShadow({mode: "closed"}); | |
55 shouldBeClosedShadowRoot('shadow1'); | |
56 shouldThrow('div.createShadowRoot()'); | |
57 shouldThrow('div.attachShadow({mode: "open"})'); | |
58 shouldThrow('div.attachShadow({mode: "closed"})'); | |
59 youngestShadowRootShouldBe('div', 'shadow1'); | |
60 | |
61 | |
62 debug('V0 shadow root cannot be created on UA shadow root'); | |
63 var input = document.createElement('input'); | |
64 shouldBeUserAgentShadowRoot('internals.shadowRoot(input)'); | |
65 shouldThrow('input.createShadowRoot()'); | |
66 | |
67 input = document.createElement('input'); | |
68 shouldThrow('input.attachShadow({mode: "open"})'); | |
69 | |
70 input = document.createElement('input'); | |
71 shouldThrow('input.attachShadow({mode: "closed"})'); | |
72 </script> | |
OLD | NEW |