Index: third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-opacity-change.html |
diff --git a/third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-opacity-change.html b/third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-opacity-change.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..a88462b64c063dba7a9eb8e0fea81706408e3170 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/paint/invalidation/flexbox/repaint-opacity-change.html |
@@ -0,0 +1,34 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+<script src="../resources/text-based-repaint.js" type="text/javascript"></script> |
+<script> |
+function repaintTest() |
+{ |
+ if (window.testRunner) { |
+ var targetElement = document.getElementById('target'); |
+ targetElement.style.opacity = '0.5'; |
+ document.body.offsetTop; |
+ targetElement.style.opacity = '1'; |
+ document.body.offsetTop; |
+ } |
+} |
+</script> |
+<style> |
+.item { |
+ margin: 10px; |
+ padding: 10px; |
+ opacity: 1; |
+} |
+.flex { |
+ display: flex; |
+ flex-direction: column; |
+} |
+</style> |
+</head> |
+<body onload="runRepaintAndPixelTest()"> |
+<div class="flex"> |
+ <div class="item" id="target"></div> |
+ <div class="item"></div> |
+</div> |
+</body> |