OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="resources/shadow-dom.js"></script> | 4 <script src="resources/shadow-dom.js"></script> |
5 <script src="../../../resources/js-test.js"></script> | 5 <script src="../../../resources/js-test.js"></script> |
6 </head> | 6 </head> |
7 <body> | 7 <body> |
8 </body> | 8 </body> |
9 <script> | 9 <script> |
10 document.body.appendChild( | 10 document.body.appendChild( |
11 createDOM('div', {'id': 'foo-host'}, | 11 createDOM('div', {'id': 'foo-host'}, |
12 createShadowRoot( | 12 createShadowRoot( |
13 createDOM('div', {}, | 13 createDOM('div', {}, |
14 createDOM('span', {'id': 'not-top1'})), | 14 createDOM('span', {'id': 'not-top1'})), |
15 createDOM('span', {'id': 'top1'})), | 15 createDOM('span', {'id': 'top1'})), |
16 createShadowRoot( | 16 createShadowRoot( |
17 createDOM('div', {}, | 17 createDOM('div', {}, |
18 createDOM('span', {'id': 'not-top2'})), | 18 createDOM('span', {'id': 'not-top2'})), |
19 createDOM('span', {'id': 'top2'})), | 19 createDOM('span', {'id': 'top2'})), |
20 createShadowRoot( | 20 createShadowRoot( |
21 createDOM('div', {}, | 21 createDOM('div', {}, |
22 createDOM('span', {'id': 'not-top3'})), | 22 createDOM('span', {'id': 'not-top3'})), |
23 createDOM('span', {'id': 'top3'})))); | 23 createDOM('span', {'id': 'top3'})))); |
24 | 24 |
25 document.body.appendChild( | 25 document.body.appendChild( |
26 createDOM('pre', {'id': 'console'})); | 26 createDOM('pre', {'id': 'console'})); |
27 | 27 |
28 description('crbug.com/337616: test for querySelectorAll with ::shadow and /deep
/'); | 28 description('crbug.com/337616: test for querySelectorAll with ::shadow and /deep
/'); |
29 | 29 |
30 var shadowRoot1 = getNodeInTreeOfTrees('foo-host/'); | 30 var shadowRoot1 = getNodeInComposedTree('foo-host/'); |
31 var shadowRoot2 = getNodeInTreeOfTrees('foo-host//'); | 31 var shadowRoot2 = getNodeInComposedTree('foo-host//'); |
32 var shadowRoot3 = getNodeInTreeOfTrees('foo-host///'); | 32 var shadowRoot3 = getNodeInComposedTree('foo-host///'); |
33 | 33 |
34 shouldBe('document.querySelectorAll("#foo-host::shadow span").length', '6'); | 34 shouldBe('document.querySelectorAll("#foo-host::shadow span").length', '6'); |
35 shouldBe('document.querySelectorAll("#foo-host::shadow span")[0].id', '"not-top1
"'); | 35 shouldBe('document.querySelectorAll("#foo-host::shadow span")[0].id', '"not-top1
"'); |
36 shouldBe('document.querySelectorAll("#foo-host::shadow span")[1].id', '"top1"'); | 36 shouldBe('document.querySelectorAll("#foo-host::shadow span")[1].id', '"top1"'); |
37 shouldBe('document.querySelectorAll("#foo-host::shadow span")[2].id', '"not-top2
"'); | 37 shouldBe('document.querySelectorAll("#foo-host::shadow span")[2].id', '"not-top2
"'); |
38 shouldBe('document.querySelectorAll("#foo-host::shadow span")[3].id', '"top2"'); | 38 shouldBe('document.querySelectorAll("#foo-host::shadow span")[3].id', '"top2"'); |
39 shouldBe('document.querySelectorAll("#foo-host::shadow span")[4].id', '"not-top3
"'); | 39 shouldBe('document.querySelectorAll("#foo-host::shadow span")[4].id', '"not-top3
"'); |
40 shouldBe('document.querySelectorAll("#foo-host::shadow span")[5].id', '"top3"'); | 40 shouldBe('document.querySelectorAll("#foo-host::shadow span")[5].id', '"top3"'); |
41 | 41 |
42 shouldBe('shadowRoot1.querySelectorAll(":host::shadow span").length', '2'); | 42 shouldBe('shadowRoot1.querySelectorAll(":host::shadow span").length', '2'); |
43 shouldBe('shadowRoot1.querySelectorAll(":host::shadow span")[0].id', '"not-top1"
'); | 43 shouldBe('shadowRoot1.querySelectorAll(":host::shadow span")[0].id', '"not-top1"
'); |
44 shouldBe('shadowRoot1.querySelectorAll(":host::shadow span")[1].id', '"top1"'); | 44 shouldBe('shadowRoot1.querySelectorAll(":host::shadow span")[1].id', '"top1"'); |
45 | 45 |
46 shouldBe('shadowRoot2.querySelectorAll(":host::shadow span").length', '2'); | 46 shouldBe('shadowRoot2.querySelectorAll(":host::shadow span").length', '2'); |
47 shouldBe('shadowRoot2.querySelectorAll(":host::shadow span")[0].id', '"not-top2"
'); | 47 shouldBe('shadowRoot2.querySelectorAll(":host::shadow span")[0].id', '"not-top2"
'); |
48 shouldBe('shadowRoot2.querySelectorAll(":host::shadow span")[1].id', '"top2"'); | 48 shouldBe('shadowRoot2.querySelectorAll(":host::shadow span")[1].id', '"top2"'); |
49 | 49 |
50 shouldBe('shadowRoot3.querySelectorAll(":host::shadow span").length', '2'); | 50 shouldBe('shadowRoot3.querySelectorAll(":host::shadow span").length', '2'); |
51 shouldBe('shadowRoot3.querySelectorAll(":host::shadow span")[0].id', '"not-top3"
'); | 51 shouldBe('shadowRoot3.querySelectorAll(":host::shadow span")[0].id', '"not-top3"
'); |
52 shouldBe('shadowRoot3.querySelectorAll(":host::shadow span")[1].id', '"top3"'); | 52 shouldBe('shadowRoot3.querySelectorAll(":host::shadow span")[1].id', '"top3"'); |
53 </script> | 53 </script> |
54 </html> | 54 </html> |
55 | 55 |
OLD | NEW |