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