Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(286)

Unified Diff: third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-column-reverse.html

Issue 2321183002: Move repaint tests (except for svg/) to paint/invalidation (Closed)
Patch Set: - Created 4 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698