| 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 |