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 11 matching lines...) Expand all Loading... |
22 shouldBe('document.querySelectorAll("#foo-host::shadow span")[1].id', '"top"'); | 22 shouldBe('document.querySelectorAll("#foo-host::shadow span")[1].id', '"top"'); |
23 shouldBe('document.querySelectorAll("#foo-host::shadow span")[2].id', '"inner-ho
st"'); | 23 shouldBe('document.querySelectorAll("#foo-host::shadow span")[2].id', '"inner-ho
st"'); |
24 | 24 |
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"'); |
| 33 |
32 // 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. |
33 var fooShadowRoot = getNodeInTreeOfTrees('foo-host/'); | 35 var fooShadowRoot = getNodeInTreeOfTrees('foo-host/'); |
34 shouldBe('fooShadowRoot.querySelectorAll("*::shadow span").length', '1'); | 36 shouldBe('fooShadowRoot.querySelectorAll("*::shadow span").length', '1'); |
35 shouldBe('fooShadowRoot.querySelectorAll("*::shadow span")[0].id', '"nested"'); | 37 shouldBe('fooShadowRoot.querySelectorAll("*::shadow span")[0].id', '"nested"'); |
36 | 38 |
37 shouldBe('fooShadowRoot.querySelectorAll("* /deep/ span").length', '3'); | 39 shouldBe('fooShadowRoot.querySelectorAll("* /deep/ span").length', '3'); |
38 shouldBe('fooShadowRoot.querySelectorAll("* /deep/ span")[0].id', '"not-top"'); | 40 shouldBe('fooShadowRoot.querySelectorAll("* /deep/ span")[0].id', '"not-top"'); |
39 shouldBe('fooShadowRoot.querySelectorAll("* /deep/ span")[1].id', '"nested"'); | 41 shouldBe('fooShadowRoot.querySelectorAll("* /deep/ span")[1].id', '"nested"'); |
40 shouldBe('fooShadowRoot.querySelectorAll("* /deep/ span")[2].id', '"inner-host"'
); | 42 shouldBe('fooShadowRoot.querySelectorAll("* /deep/ span")[2].id', '"inner-host"'
); |
41 | 43 |
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
82 shouldBe('fooHost.querySelectorAll("::shadow span")[0].id', '"not-top"'); | 84 shouldBe('fooHost.querySelectorAll("::shadow span")[0].id', '"not-top"'); |
83 shouldBe('fooHost.querySelectorAll("::shadow span")[1].id', '"top"'); | 85 shouldBe('fooHost.querySelectorAll("::shadow span")[1].id', '"top"'); |
84 shouldBe('fooHost.querySelectorAll("::shadow span")[2].id', '"inner-host"'); | 86 shouldBe('fooHost.querySelectorAll("::shadow span")[2].id', '"inner-host"'); |
85 | 87 |
86 // crbug.com/511486 | 88 // crbug.com/511486 |
87 shouldBe('document.querySelectorAll("::shadow span").length', '3'); | 89 shouldBe('document.querySelectorAll("::shadow span").length', '3'); |
88 shouldBe('document.querySelectorAll("::shadow span")[0].id', '"not-top"'); | 90 shouldBe('document.querySelectorAll("::shadow span")[0].id', '"not-top"'); |
89 shouldBe('document.querySelectorAll("::shadow span")[1].id', '"top"'); | 91 shouldBe('document.querySelectorAll("::shadow span")[1].id', '"top"'); |
90 shouldBe('document.querySelectorAll("::shadow span")[2].id', '"inner-host"'); | 92 shouldBe('document.querySelectorAll("::shadow span")[2].id', '"inner-host"'); |
91 </script> | 93 </script> |
OLD | NEW |