| 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 |