OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../../../resources/js-test.js"></script> | 2 <script src="../../../resources/js-test.js"></script> |
3 <style> | 3 <style> |
4 .t1 #host1 /shadow/ .match { background-color: green; } | 4 .t1 #host1 /shadow/ .match { background-color: green; } |
5 .t2 /shadow-deep/ .match { background-color: green; } | 5 .t2 /deep/ .match { background-color: green; } |
6 </style> | 6 </style> |
7 <div id="t1"> | 7 <div id="t1"> |
8 <div id="host1"></div> | 8 <div id="host1"></div> |
9 <div></div> | 9 <div></div> |
10 </div> | 10 </div> |
11 <div id="t2"> | 11 <div id="t2"> |
12 <div id="host2"></div> | 12 <div id="host2"></div> |
13 <div></div> | 13 <div></div> |
14 </div> | 14 </div> |
15 <script> | 15 <script> |
16 description("Check that targeted class invalidation works for /shadow/ and /shad
ow-deep/ combinators."); | 16 description("Check that targeted class invalidation works for /shadow/ and /deep
/ combinators."); |
17 | 17 |
18 // Create shadow trees | 18 // Create shadow trees |
19 | 19 |
20 var host1 = document.getElementById("host1"); | 20 var host1 = document.getElementById("host1"); |
21 var match1 = host1.createShadowRoot().appendChild(document.createElement("div"))
; | 21 var match1 = host1.createShadowRoot().appendChild(document.createElement("div"))
; |
22 match1.className = "match"; | 22 match1.className = "match"; |
23 | 23 |
24 var host2 = document.getElementById("host2"); | 24 var host2 = document.getElementById("host2"); |
25 var innerHost = host2.createShadowRoot().appendChild(document.createElement("div
")); | 25 var innerHost = host2.createShadowRoot().appendChild(document.createElement("div
")); |
26 var match2 = innerHost.createShadowRoot().appendChild(document.createElement("di
v")); | 26 var match2 = innerHost.createShadowRoot().appendChild(document.createElement("di
v")); |
(...skipping 12 matching lines...) Expand all Loading... |
39 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "2"); | 39 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "2"); |
40 shouldBe("getComputedStyle(match1, null).backgroundColor", "green"); | 40 shouldBe("getComputedStyle(match1, null).backgroundColor", "green"); |
41 | 41 |
42 document.body.offsetLeft; // force style recalc. | 42 document.body.offsetLeft; // force style recalc. |
43 | 43 |
44 document.getElementById("t2").className = "t2"; | 44 document.getElementById("t2").className = "t2"; |
45 if (window.internals) | 45 if (window.internals) |
46 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "2"); | 46 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "2"); |
47 shouldBe("getComputedStyle(match2, null).backgroundColor", "green"); | 47 shouldBe("getComputedStyle(match2, null).backgroundColor", "green"); |
48 </script> | 48 </script> |
OLD | NEW |