| Index: third_party/WebKit/LayoutTests/fast/css/invalidation/subtree-with-sibling.html
|
| diff --git a/third_party/WebKit/LayoutTests/fast/css/invalidation/subtree-with-sibling.html b/third_party/WebKit/LayoutTests/fast/css/invalidation/subtree-with-sibling.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..ed113f0d46ede48b9b06d8b7d17d5053622b64ea
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/fast/css/invalidation/subtree-with-sibling.html
|
| @@ -0,0 +1,69 @@
|
| +<!DOCTYPE html>
|
| +<script src="../../../resources/js-test.js"></script>
|
| +<style>
|
| +/* Rule to set childrenAffectedByDirectAdjacentRules() on #parent */
|
| +div + #x { color: orange }
|
| +
|
| +/* Rule to cause subtree recalc on #c1 when className set to c1. */
|
| +.c1 * { background-color: green }
|
| +
|
| +/* Rule to cause subtree recalc on div sibling of #c2 when className set to c2. */
|
| +.c2 + div * { background-color: green }
|
| +
|
| +</style>
|
| +<div id="parent">
|
| + <div id="c1">
|
| + <span>This text should be green</span>
|
| + <span>This text should be green</span>
|
| + </div>
|
| + <div>
|
| + <span></span>
|
| + <span></span>
|
| + </div>
|
| + <div id="c2">
|
| + <span></span>
|
| + <span></span>
|
| + </div>
|
| + <div>
|
| + <span>This text should be green</span>
|
| + <span>This text should be green</span>
|
| + </div>
|
| + <div>
|
| + <span></span>
|
| + <span></span>
|
| + </div>
|
| + <div id="x"></div>
|
| +</div>
|
| +<script>
|
| +description("A subtree invalidation should not invalidation sibling forest");
|
| +
|
| +var transparent = "rgba(0, 0, 0, 0)";
|
| +var green = "rgb(0, 128, 0)";
|
| +
|
| +var c1Spans = c1.querySelectorAll("span");
|
| +shouldBe("getComputedStyle(c1Spans[0]).backgroundColor", "transparent");
|
| +shouldBe("getComputedStyle(c1Spans[1]).backgroundColor", "transparent");
|
| +
|
| +var c2Spans = document.querySelectorAll("#c2 + div span");
|
| +shouldBe("getComputedStyle(c2Spans[0]).backgroundColor", "transparent");
|
| +shouldBe("getComputedStyle(c2Spans[1]).backgroundColor", "transparent");
|
| +
|
| +document.body.offsetTop; // force recalc
|
| +
|
| +c1.className = "c1";
|
| +
|
| +if (window.internals)
|
| + shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "3");
|
| +shouldBe("getComputedStyle(c1Spans[0]).backgroundColor", "green");
|
| +shouldBe("getComputedStyle(c1Spans[1]).backgroundColor", "green");
|
| +
|
| +document.body.offsetTop; // force recalc
|
| +
|
| +c2.className = "c2";
|
| +
|
| +if (window.internals)
|
| + shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "3");
|
| +shouldBe("getComputedStyle(c2Spans[0]).backgroundColor", "green");
|
| +shouldBe("getComputedStyle(c2Spans[1]).backgroundColor", "green");
|
| +
|
| +</script>
|
|
|