Index: third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-on-layout.html |
diff --git a/third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-on-layout.html b/third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-on-layout.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..8d3c7f1dd816db9882eedc2a07c12f310d6863df |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-on-layout.html |
@@ -0,0 +1,59 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+ <title>Test for repaint on layout of flexbox</title> |
+ <script src="../resources/text-based-repaint.js" type="text/javascript"></script> |
+ <script> |
+ function repaintTest() |
+ { |
+ if (window.testRunner) |
+ document.getElementById('badge').style.display = "none"; |
+ } |
+ </script> |
+ <style> |
+ html { |
+ height: 100% |
+ } |
+ |
+ .nav-bar { |
+ display: flex; |
+ height: 100%; |
+ position: fixed; |
+ top: 0; |
+ background-color: yellow; |
+ } |
+ |
+ .nav-right { |
+ width: 200px; |
+ background-color: green; |
+ } |
+ |
+ .state { |
+ float: right; |
+ line-height: 0; |
+ } |
+ |
+ #badge { |
+ background-color: red; |
+ display: inline-block; |
+ height: 20px; |
+ width: 80px; |
+ } |
+ |
+ .item:hover #badge { |
+ display: none; |
+ } |
+ </style> |
+</head> |
+<body onload="runRepaintAndPixelTest()"> |
+ <nav class="nav-bar"> |
+ <div class="nav-right"></div> |
+ </nav> |
+ <div class="item"> |
+ <div class="state"> |
+ <div id="badge"></div> |
+ </div> |
+ </div> |
+</body> |
+</html> |
+ |