| Index: third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-column-reverse.html
|
| diff --git a/third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-column-reverse.html b/third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-column-reverse.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..c9ca816e6cb79e4053a5d57c63a3ef1744c1b64d
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-column-reverse.html
|
| @@ -0,0 +1,34 @@
|
| +<!DOCTYPE html>
|
| +<script src="../resources/text-based-repaint.js"></script>
|
| +<style>
|
| +#flexbox {
|
| + display: flex;
|
| + flex-flow: column-reverse;
|
| + width: 200px;
|
| +}
|
| +.flex-item {
|
| + height: 30px;
|
| +}
|
| +</style>
|
| +<script>
|
| +function repaintTest()
|
| +{
|
| + document.getElementById("blue").style.margin = "1px";
|
| +}
|
| +
|
| +window.onload = function() {
|
| + if (!window.testRunner) {
|
| + document.body.appendChild(document.createTextNode(
|
| + "This test checks that for flex items that are moved multiple times during the layout "
|
| + + "only the initial and final positions are repainted. Only the blue flex item should be repainted "
|
| + + "after changing its position. If the other flex items are repainted, this test fails."));
|
| + }
|
| + window.enablePixelTesting = true;
|
| + runRepaintTest();
|
| +};
|
| +</script>
|
| +<div id="flexbox">
|
| + <div id="blue" class="flex-item" style="background-color: blue;"></div>
|
| + <div id="green" class="flex-item" style="background-color: green;"></div>
|
| + <div id="yellow" class="flex-item" style="background-color: yellow;"></div>
|
| +</div>
|
|
|