| Index: third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-rtl-column.html
|
| diff --git a/third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-rtl-column.html b/third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-rtl-column.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..4dfd2c64f6507bef07f55d2687c8cf1bbcb478fb
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-rtl-column.html
|
| @@ -0,0 +1,52 @@
|
| +<!DOCTYPE html>
|
| +<style>
|
| +#flexbox {
|
| + display: flex;
|
| + flex-flow: column;
|
| + height: 300px;
|
| + width: 200px;
|
| +}
|
| +#left {
|
| + flex: 1;
|
| + background-color: yellow;
|
| + min-height: 0;
|
| +}
|
| +#content {
|
| + flex: 1;
|
| + border: 5px solid blue;
|
| + min-height: 0;
|
| +}
|
| +#content > div {
|
| + height: 350px;
|
| + background-color: orange;
|
| +}
|
| +</style>
|
| +<script src="../resources/text-based-repaint.js"></script>
|
| +<script>
|
| +// This test makes sure that we repaint the right region of a flexbox when
|
| +// changing the flex values. Only the middle of the test page should be
|
| +// repainted. If the top of the test page (above the flexbox) is repainted,
|
| +// this test fails.
|
| +function setFlex(value)
|
| +{
|
| + document.getElementById("content").style.flex = value;
|
| +}
|
| +
|
| +window.testIsAsync = true;
|
| +window.onload = runRepaintAndPixelTest;
|
| +
|
| +function repaintTest() {
|
| + requestAnimationFrame(function() {
|
| + setFlex(4.6);
|
| + document.getElementById("content").offsetTop;
|
| + requestAnimationFrame(function() {
|
| + setFlex(5);
|
| + finishRepaintTest();
|
| + }, 1)
|
| + }, 1)
|
| +};
|
| +</script>
|
| +<div style="height: 60px"></div>
|
| +<div id="flexbox" dir="rtl">
|
| +<div id="left"></div>
|
| +<div id="content"><div></div></div>
|
|
|