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 <form id="form"><input id="input" type="text" name="text"></form> | 8 <form id="form"><input id="input" type="text" name="text"></form> |
9 <details id="details"> | 9 <details id="details"> |
10 <summary id="summary"></summary> | 10 <summary id="summary"></summary> |
11 <p id="p"></p> | 11 <p id="p"></p> |
12 </details> | 12 </details> |
13 <meter value="2" min="0" max="10" id="meter"></meter> | 13 <meter value="2" min="0" max="10" id="meter"></meter> |
14 <progress value="22" max="100" id="progress"></progress> | 14 <progress value="22" max="100" id="progress"></progress> |
15 <pre id="console"></pre> | 15 <pre id="console"></pre> |
16 </body> | 16 </body> |
17 <script> | 17 <script> |
18 description('crbug.com/337616: test for querySelectorAll with /shadow/ and /shad
ow-deep/'); | 18 description('crbug.com/337616: test for querySelectorAll with /shadow/ and /deep
/'); |
19 | 19 |
20 shouldBe('document.querySelectorAll("form /shadow-deep/ *").length', '1'); | 20 shouldBe('document.querySelectorAll("form /deep/ *").length', '1'); |
21 shouldBe('document.querySelectorAll("form /shadow-deep/ *")[0].id', '"input"'); | 21 shouldBe('document.querySelectorAll("form /deep/ *")[0].id', '"input"'); |
22 shouldBe('document.querySelectorAll("form /shadow/ *").length', '0'); | 22 shouldBe('document.querySelectorAll("form /shadow/ *").length', '0'); |
23 shouldBe('document.querySelectorAll("input /shadow-deep/ *").length', '0'); | 23 shouldBe('document.querySelectorAll("input /deep/ *").length', '0'); |
24 shouldBe('document.querySelectorAll("input /shadow/ *").length', '0'); | 24 shouldBe('document.querySelectorAll("input /shadow/ *").length', '0'); |
25 shouldBe('document.querySelectorAll("details /shadow-deep/ *").length', '2'); | 25 shouldBe('document.querySelectorAll("details /deep/ *").length', '2'); |
26 shouldBe('document.querySelectorAll("details /shadow-deep/ *")[0].id', '"summary
"'); | 26 shouldBe('document.querySelectorAll("details /deep/ *")[0].id', '"summary"'); |
27 shouldBe('document.querySelectorAll("details /shadow-deep/ *")[1].id', '"p"'); | 27 shouldBe('document.querySelectorAll("details /deep/ *")[1].id', '"p"'); |
28 shouldBe('document.querySelectorAll("details /shadow/ *").length', '0'); | 28 shouldBe('document.querySelectorAll("details /shadow/ *").length', '0'); |
29 shouldBe('document.querySelectorAll("summary /shadow-deep/ *").length', '0'); | 29 shouldBe('document.querySelectorAll("summary /deep/ *").length', '0'); |
30 shouldBe('document.querySelectorAll("summary /shadow/ *").length', '0'); | 30 shouldBe('document.querySelectorAll("summary /shadow/ *").length', '0'); |
31 shouldBe('document.querySelectorAll("meter /shadow-deep/ *").length', '0'); | 31 shouldBe('document.querySelectorAll("meter /deep/ *").length', '0'); |
32 shouldBe('document.querySelectorAll("meter /shadow/ *").length', '0'); | 32 shouldBe('document.querySelectorAll("meter /shadow/ *").length', '0'); |
33 shouldBe('document.querySelectorAll("progress /shadow-deep/ *").length', '0'); | 33 shouldBe('document.querySelectorAll("progress /deep/ *").length', '0'); |
34 shouldBe('document.querySelectorAll("progress /shadow/ *").length', '0'); | 34 shouldBe('document.querySelectorAll("progress /shadow/ *").length', '0'); |
35 </script> | 35 </script> |
36 </html> | 36 </html> |
OLD | NEW |