| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="resources/shadow-dom.js"></script> | 2 <script src="resources/shadow-dom.js"></script> |
| 3 <script src="../../../resources/js-test.js"></script> | 3 <script src="../../../resources/js-test.js"></script> |
| 4 <body></body> | 4 <body></body> |
| 5 <script> | 5 <script> |
| 6 document.body.appendChild( | 6 document.body.appendChild( |
| 7 createDOM('div', {'id': 'foo-host'}, | 7 createDOM('div', {'id': 'foo-host'}, |
| 8 createShadowRoot( | 8 createShadowRoot( |
| 9 createDOM('div', {}, | 9 createDOM('div', {}, |
| 10 createDOM('span', {'id': 'not-top'})), | 10 createDOM('span', {'id': 'not-top'})), |
| (...skipping 14 matching lines...) Expand all Loading... |
| 25 shouldBe('document.querySelectorAll("#foo-host /deep/ span").length', '5'); | 25 shouldBe('document.querySelectorAll("#foo-host /deep/ span").length', '5'); |
| 26 shouldBe('document.querySelectorAll("#foo-host /deep/ span")[0].id', '"not-top"'
); | 26 shouldBe('document.querySelectorAll("#foo-host /deep/ span")[0].id', '"not-top"'
); |
| 27 shouldBe('document.querySelectorAll("#foo-host /deep/ span")[1].id', '"top"'); | 27 shouldBe('document.querySelectorAll("#foo-host /deep/ span")[1].id', '"top"'); |
| 28 shouldBe('document.querySelectorAll("#foo-host /deep/ span")[2].id', '"nested"')
; | 28 shouldBe('document.querySelectorAll("#foo-host /deep/ span")[2].id', '"nested"')
; |
| 29 shouldBe('document.querySelectorAll("#foo-host /deep/ span")[3].id', '"inner-hos
t"'); | 29 shouldBe('document.querySelectorAll("#foo-host /deep/ span")[3].id', '"inner-hos
t"'); |
| 30 shouldBe('document.querySelectorAll("#foo-host /deep/ span")[4].id', '"outer-hos
t"'); | 30 shouldBe('document.querySelectorAll("#foo-host /deep/ span")[4].id', '"outer-hos
t"'); |
| 31 | 31 |
| 32 shouldBe('document.querySelector("::before, #foo-host /deep/ span").id', '"not-t
op"'); | 32 shouldBe('document.querySelector("::before, #foo-host /deep/ span").id', '"not-t
op"'); |
| 33 | 33 |
| 34 // FIXME: after making "*" in shadow tree not to match shadow host, rebaseline. | 34 // FIXME: after making "*" in shadow tree not to match shadow host, rebaseline. |
| 35 var fooShadowRoot = getNodeInTreeOfTrees('foo-host/'); | 35 var fooShadowRoot = getNodeInComposedTree('foo-host/'); |
| 36 shouldBe('fooShadowRoot.querySelectorAll("*::shadow span").length', '1'); | 36 shouldBe('fooShadowRoot.querySelectorAll("*::shadow span").length', '1'); |
| 37 shouldBe('fooShadowRoot.querySelectorAll("*::shadow span")[0].id', '"nested"'); | 37 shouldBe('fooShadowRoot.querySelectorAll("*::shadow span")[0].id', '"nested"'); |
| 38 | 38 |
| 39 shouldBe('fooShadowRoot.querySelectorAll("* /deep/ span").length', '3'); | 39 shouldBe('fooShadowRoot.querySelectorAll("* /deep/ span").length', '3'); |
| 40 shouldBe('fooShadowRoot.querySelectorAll("* /deep/ span")[0].id', '"not-top"'); | 40 shouldBe('fooShadowRoot.querySelectorAll("* /deep/ span")[0].id', '"not-top"'); |
| 41 shouldBe('fooShadowRoot.querySelectorAll("* /deep/ span")[1].id', '"nested"'); | 41 shouldBe('fooShadowRoot.querySelectorAll("* /deep/ span")[1].id', '"nested"'); |
| 42 shouldBe('fooShadowRoot.querySelectorAll("* /deep/ span")[2].id', '"inner-host"'
); | 42 shouldBe('fooShadowRoot.querySelectorAll("* /deep/ span")[2].id', '"inner-host"'
); |
| 43 | 43 |
| 44 // #foo-host in foo's shadow tree cannot match div#foo-host. | 44 // #foo-host in foo's shadow tree cannot match div#foo-host. |
| 45 shouldBe('fooShadowRoot.querySelectorAll("#foo-host /deep/ span").length', '0'); | 45 shouldBe('fooShadowRoot.querySelectorAll("#foo-host /deep/ span").length', '0'); |
| (...skipping 11 matching lines...) Expand all Loading... |
| 57 shouldBe('fooShadowRoot.querySelectorAll(":host-context(body)::shadow span")[2].
id', '"inner-host"'); | 57 shouldBe('fooShadowRoot.querySelectorAll(":host-context(body)::shadow span")[2].
id', '"inner-host"'); |
| 58 | 58 |
| 59 var barHost = fooShadowRoot.getElementById('bar-host'); | 59 var barHost = fooShadowRoot.getElementById('bar-host'); |
| 60 shouldBe('barHost.querySelectorAll("#bar-host::shadow span").length', '1'); | 60 shouldBe('barHost.querySelectorAll("#bar-host::shadow span").length', '1'); |
| 61 shouldBe('barHost.querySelectorAll("#bar-host::shadow span")[0].id', '"nested"')
; | 61 shouldBe('barHost.querySelectorAll("#bar-host::shadow span")[0].id', '"nested"')
; |
| 62 shouldBe('barHost.querySelectorAll(":host :scope span").length', '1'); | 62 shouldBe('barHost.querySelectorAll(":host :scope span").length', '1'); |
| 63 shouldBe('barHost.querySelectorAll(":host :scope span")[0].id', '"inner-host"'); | 63 shouldBe('barHost.querySelectorAll(":host :scope span")[0].id', '"inner-host"'); |
| 64 shouldBe('barHost.querySelectorAll(":host /deep/ #bar-host span").length', '1'); | 64 shouldBe('barHost.querySelectorAll(":host /deep/ #bar-host span").length', '1'); |
| 65 shouldBe('barHost.querySelectorAll(":host /deep/ #bar-host span")[0].id', '"inne
r-host"'); | 65 shouldBe('barHost.querySelectorAll(":host /deep/ #bar-host span")[0].id', '"inne
r-host"'); |
| 66 | 66 |
| 67 var barShadowRoot = getNodeInTreeOfTrees('foo-host/bar-host/'); | 67 var barShadowRoot = getNodeInComposedTree('foo-host/bar-host/'); |
| 68 shouldBe('barShadowRoot.querySelectorAll("*::shadow span").length', '0'); | 68 shouldBe('barShadowRoot.querySelectorAll("*::shadow span").length', '0'); |
| 69 shouldBe('barShadowRoot.querySelectorAll("* /deep/ span").length', '0'); | 69 shouldBe('barShadowRoot.querySelectorAll("* /deep/ span").length', '0'); |
| 70 | 70 |
| 71 shouldBe('barShadowRoot.querySelectorAll(":host(div#bar-host)::shadow span").len
gth', '1'); | 71 shouldBe('barShadowRoot.querySelectorAll(":host(div#bar-host)::shadow span").len
gth', '1'); |
| 72 shouldBe('barShadowRoot.querySelectorAll(":host(div#bar-host)::shadow span")[0].
id', '"nested"'); | 72 shouldBe('barShadowRoot.querySelectorAll(":host(div#bar-host)::shadow span")[0].
id', '"nested"'); |
| 73 shouldBe('barShadowRoot.querySelectorAll(":host(div#bar-host) /deep/ span").leng
th', '1'); | 73 shouldBe('barShadowRoot.querySelectorAll(":host(div#bar-host) /deep/ span").leng
th', '1'); |
| 74 shouldBe('barShadowRoot.querySelectorAll(":host(div#bar-host) /deep/ span")[0].i
d', '"nested"'); | 74 shouldBe('barShadowRoot.querySelectorAll(":host(div#bar-host) /deep/ span")[0].i
d', '"nested"'); |
| 75 | 75 |
| 76 shouldBe('barShadowRoot.querySelectorAll(":host-context(div#foo-host)::shadow sp
an").length', '1'); | 76 shouldBe('barShadowRoot.querySelectorAll(":host-context(div#foo-host)::shadow sp
an").length', '1'); |
| 77 shouldBe('barShadowRoot.querySelectorAll(":host-context(div#foo-host)::shadow sp
an")[0].id', '"nested"'); | 77 shouldBe('barShadowRoot.querySelectorAll(":host-context(div#foo-host)::shadow sp
an")[0].id', '"nested"'); |
| 78 shouldBe('barShadowRoot.querySelectorAll(":host-context(div#foo-host) /deep/ spa
n").length', '1'); | 78 shouldBe('barShadowRoot.querySelectorAll(":host-context(div#foo-host) /deep/ spa
n").length', '1'); |
| 79 shouldBe('barShadowRoot.querySelectorAll(":host-context(div#foo-host) /deep/ spa
n")[0].id', '"nested"'); | 79 shouldBe('barShadowRoot.querySelectorAll(":host-context(div#foo-host) /deep/ spa
n")[0].id', '"nested"'); |
| 80 | 80 |
| 81 // crbug.com/390301 | 81 // crbug.com/390301 |
| 82 var fooHost = document.getElementById("foo-host"); | 82 var fooHost = document.getElementById("foo-host"); |
| 83 shouldBe('fooHost.querySelectorAll("::shadow span").length', '3'); | 83 shouldBe('fooHost.querySelectorAll("::shadow span").length', '3'); |
| 84 shouldBe('fooHost.querySelectorAll("::shadow span")[0].id', '"not-top"'); | 84 shouldBe('fooHost.querySelectorAll("::shadow span")[0].id', '"not-top"'); |
| 85 shouldBe('fooHost.querySelectorAll("::shadow span")[1].id', '"top"'); | 85 shouldBe('fooHost.querySelectorAll("::shadow span")[1].id', '"top"'); |
| 86 shouldBe('fooHost.querySelectorAll("::shadow span")[2].id', '"inner-host"'); | 86 shouldBe('fooHost.querySelectorAll("::shadow span")[2].id', '"inner-host"'); |
| 87 | 87 |
| 88 // crbug.com/511486 | 88 // crbug.com/511486 |
| 89 shouldBe('document.querySelectorAll("::shadow span").length', '3'); | 89 shouldBe('document.querySelectorAll("::shadow span").length', '3'); |
| 90 shouldBe('document.querySelectorAll("::shadow span")[0].id', '"not-top"'); | 90 shouldBe('document.querySelectorAll("::shadow span")[0].id', '"not-top"'); |
| 91 shouldBe('document.querySelectorAll("::shadow span")[1].id', '"top"'); | 91 shouldBe('document.querySelectorAll("::shadow span")[1].id', '"top"'); |
| 92 shouldBe('document.querySelectorAll("::shadow span")[2].id', '"inner-host"'); | 92 shouldBe('document.querySelectorAll("::shadow span")[2].id', '"inner-host"'); |
| 93 </script> | 93 </script> |
| OLD | NEW |