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 |