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