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 shouldBeOpenByDefaultShadowRoot(root) { |
7 shouldBeEqualToString('internals.shadowRootType(' + root + ')', 'OpenByDefau
ltShadowRoot'); | 7 shouldBeEqualToString('internals.shadowRootType(' + root + ')', 'OpenByDefau
ltShadowRoot'); |
8 } | 8 } |
9 | 9 |
10 function shouldBeOpenShadowRoot(root) { | 10 function shouldBeOpenShadowRoot(root) { |
(...skipping 17 matching lines...) Expand all Loading... |
28 var shadow1 = div.createShadowRoot(); | 28 var shadow1 = div.createShadowRoot(); |
29 shouldBeOpenByDefaultShadowRoot('shadow1'); | 29 shouldBeOpenByDefaultShadowRoot('shadow1'); |
30 | 30 |
31 var shadow2 = div.createShadowRoot(); | 31 var shadow2 = div.createShadowRoot(); |
32 shouldBeOpenByDefaultShadowRoot('shadow2'); | 32 shouldBeOpenByDefaultShadowRoot('shadow2'); |
33 | 33 |
34 youngestShadowRootShouldBe('div', 'shadow2'); | 34 youngestShadowRootShouldBe('div', 'shadow2'); |
35 shouldBe('shadow2.olderShadowRoot', 'shadow1'); | 35 shouldBe('shadow2.olderShadowRoot', 'shadow1'); |
36 | 36 |
37 | 37 |
38 debug('(2/2) createShadowRoot({mode:"open"}) cannot create multiple shadow roots
'); | 38 debug('(2/2) attachShadow({mode:"open"}) cannot create multiple shadow roots'); |
39 div = document.createElement('div'); | 39 div = document.createElement('div'); |
40 shadow1 = div.createShadowRoot(); | 40 shadow1 = div.createShadowRoot(); |
41 shouldBeOpenByDefaultShadowRoot('shadow1'); | 41 shouldBeOpenByDefaultShadowRoot('shadow1'); |
42 | 42 |
43 shouldThrow('div.createShadowRoot({mode: "open"})'); | 43 shouldThrow('div.attachShadow({mode: "open"})'); |
44 youngestShadowRootShouldBe('div', 'shadow1'); | 44 youngestShadowRootShouldBe('div', 'shadow1'); |
45 | 45 |
46 | 46 |
47 debug('(3/3) createShadowRoot() cannot create multiple shadow roots on shadow ro
ot with explicit open parameter.'); | 47 debug('(3/3) createShadowRoot() cannot create multiple shadow roots on shadow ro
ot with explicit open parameter.'); |
48 div = document.createElement('div'); | 48 div = document.createElement('div'); |
49 shadow1 = div.createShadowRoot({mode: 'open'}); | 49 shadow1 = div.attachShadow({mode: 'open'}); |
50 shouldBeOpenShadowRoot('shadow1'); | 50 shouldBeOpenShadowRoot('shadow1'); |
51 | 51 |
52 shouldThrow('div.createShadowRoot()'); | 52 shouldThrow('div.createShadowRoot()'); |
53 youngestShadowRootShouldBe('div', 'shadow1'); | 53 youngestShadowRootShouldBe('div', 'shadow1'); |
54 | 54 |
55 | 55 |
56 debug('(4/4) closed shadow root cannot be created on any open shadow roots'); | 56 debug('(4/4) closed shadow root cannot be created on any open shadow roots'); |
57 div = document.createElement('div'); | 57 div = document.createElement('div'); |
58 shadow1 = div.createShadowRoot(); | 58 shadow1 = div.createShadowRoot(); |
59 shouldBeOpenByDefaultShadowRoot('shadow1'); | 59 shouldBeOpenByDefaultShadowRoot('shadow1'); |
60 | 60 |
61 shouldThrow('div.createShadowRoot({mode: "closed"})'); | 61 shouldThrow('div.attachShadow({mode: "closed"})'); |
62 youngestShadowRootShouldBe('div', 'shadow1'); | 62 youngestShadowRootShouldBe('div', 'shadow1'); |
63 | 63 |
64 div = document.createElement('div'); | 64 div = document.createElement('div'); |
65 shadow1 = div.createShadowRoot({mode: 'open'}); | 65 shadow1 = div.attachShadow({mode: 'open'}); |
66 shouldBeOpenShadowRoot('shadow1'); | 66 shouldBeOpenShadowRoot('shadow1'); |
67 | 67 |
68 shouldThrow('div.createShadowRoot({mode: "closed"})'); | 68 shouldThrow('div.attachShadow({mode: "closed"})'); |
69 youngestShadowRootShouldBe('div', 'shadow1'); | 69 youngestShadowRootShouldBe('div', 'shadow1'); |
70 | 70 |
71 | 71 |
72 debug('(5/5) any shadow root cannot be created on closed shadow root'); | 72 debug('(5/5) any shadow root cannot be created on closed shadow root'); |
73 div = document.createElement('div'); | 73 div = document.createElement('div'); |
74 shadow1 = div.createShadowRoot({mode: 'closed'}); | 74 shadow1 = div.attachShadow({mode: 'closed'}); |
75 shouldBeClosedShadowRoot('shadow1'); | 75 shouldBeClosedShadowRoot('shadow1'); |
76 | 76 |
77 shouldThrow('div.createShadowRoot()'); | 77 shouldThrow('div.createShadowRoot()'); |
78 shouldThrow('div.createShadowRoot({mode: "open"})'); | 78 shouldThrow('div.attachShadow({mode: "open"})'); |
79 shouldThrow('div.createShadowRoot({mode: "closed"})'); | 79 shouldThrow('div.attachShadow({mode: "closed"})'); |
80 | 80 |
81 | 81 |
82 debug('(6/6) explicitly open/closed shadow root cannot be created on UA shadow r
oot'); | 82 debug('(6/6) explicitly open/closed shadow root cannot be created on UA shadow r
oot'); |
83 var input = document.createElement('input'); | 83 var input = document.createElement('input'); |
84 shouldBeUserAgentShadowRoot('internals.shadowRoot(input)'); | 84 shouldBeUserAgentShadowRoot('internals.shadowRoot(input)'); |
85 shadow1 = input.createShadowRoot(); | 85 shadow1 = input.createShadowRoot(); |
86 youngestShadowRootShouldBe('input', 'shadow1'); | 86 youngestShadowRootShouldBe('input', 'shadow1'); |
87 shouldBeOpenByDefaultShadowRoot('shadow1'); | 87 shouldBeOpenByDefaultShadowRoot('shadow1'); |
88 | 88 |
89 input = document.createElement('input'); | 89 input = document.createElement('input'); |
90 shouldThrow('input.createShadowRoot({mode: "open"})'); | 90 shouldThrow('input.attachShadow({mode: "open"})'); |
91 | 91 |
92 input = document.createElement('input'); | 92 input = document.createElement('input'); |
93 shouldThrow('input.createShadowRoot({mode: "closed"})'); | 93 shouldThrow('input.attachShadow({mode: "closed"})'); |
94 </script> | 94 </script> |
OLD | NEW |