Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(223)

Side by Side Diff: third_party/WebKit/LayoutTests/fast/dom/shadow/querySelector-with-shadow-all-and-shadow-deep.html

Issue 1684533002: Rename "tree of trees" to "composed tree". (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698