OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <script src="../../../resources/js-test.js"></script> | |
3 <style> | |
4 .c5 > .c4 ~ .c3 .c2 + .c1 { background-color: green } | |
5 <!-- | |
esprehn
2014/04/03 22:58:05
Can you put this comment not inside the <style> ?
rune
2014/04/04 09:29:37
Oh. That was not intentional. Moved it out of <sty
| |
6 Expected sets | |
7 | |
8 .c1 { } | |
9 .c2 { subtree } | |
10 .c3 { c1 } | |
11 .c4 { subtree } | |
12 .c5 { c1 } | |
13 | |
14 --> | |
15 </style> | |
16 <div id="i5"> | |
17 <div id="i4"></div> | |
18 <div></div> | |
19 <div></div> | |
20 <div></div> | |
21 <div id="i3"> | |
22 <div> | |
23 <div id="i2"></div> | |
24 <div id="i1"> | |
25 <div>This text should have a green background.</div> | |
26 <span></span> | |
27 <span></span> | |
28 </div> | |
29 </div> | |
30 </div> | |
31 </div> | |
32 <script> | |
33 description("Check that targeted class invalidation works with when adjacent com binators are present."); | |
34 | |
35 var transparent = "rgba(0, 0, 0, 0)"; | |
36 var green = "rgb(0, 128, 0)"; | |
37 | |
38 var i1 = document.getElementById("i1"); | |
39 var i2 = document.getElementById("i2"); | |
40 var i3 = document.getElementById("i3"); | |
41 var i4 = document.getElementById("i4"); | |
42 var i5 = document.getElementById("i5"); | |
43 | |
44 shouldBe("getComputedStyle(i1, null).backgroundColor", "transparent"); | |
45 | |
46 document.body.offsetTop; // Force style recalc. | |
47 i1.className = "c1"; | |
48 if (window.internals) | |
49 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "1"); | |
50 | |
51 document.body.offsetTop; // Force style recalc. | |
52 i2.className = "c2"; | |
53 if (window.internals) | |
54 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "1"); | |
55 | |
56 document.body.offsetTop; // Force style recalc. | |
57 i3.className = "c3"; | |
58 if (window.internals) | |
59 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "2"); | |
60 | |
61 document.body.offsetTop; // Force style recalc. | |
62 i4.className = "c4"; | |
63 if (window.internals) | |
64 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "1"); | |
65 | |
66 shouldBe("getComputedStyle(i1, null).backgroundColor", "transparent"); | |
67 | |
68 document.body.offsetLeft; // force style recalc. | |
69 i5.className = "c5"; | |
70 if (window.internals) | |
71 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "2"); | |
72 | |
73 shouldBe("getComputedStyle(i1, null).backgroundColor", "green"); | |
74 | |
75 </script> | |
OLD | NEW |