Index: third_party/WebKit/LayoutTests/paint/invalidation/compositing/squash-partial-repaint-inside-squashed-layer.html |
diff --git a/third_party/WebKit/LayoutTests/paint/invalidation/compositing/squash-partial-repaint-inside-squashed-layer.html b/third_party/WebKit/LayoutTests/paint/invalidation/compositing/squash-partial-repaint-inside-squashed-layer.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..6311f0abf8cef09d77c2c38b94d27323358b2370 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/paint/invalidation/compositing/squash-partial-repaint-inside-squashed-layer.html |
@@ -0,0 +1,67 @@ |
+<!DOCTYPE html> |
+<head> |
+<style> |
+.composited { |
+transform: translatez(0); |
+} |
+ |
+.box { |
+ width: 100px; |
+ height: 100px; |
+} |
+ |
+.behind { |
+ position: absolute; |
+ z-index: 1; |
+ top: 100px; |
+ left: 100px; |
+ background-color: blue; |
+} |
+ |
+.middle { |
+ position: absolute; |
+ z-index: 1; |
+ top: 180px; |
+ left: 180px; |
+ background-color: lime; |
+} |
+ |
+.repaintdiv { |
+ position: absolute; |
+ z-index: 1; |
+ top: 260px; |
+ left: 260px; |
+ width: 182px; |
+ height: 29px; |
+ background-color:red; |
+} |
+ |
+.top { |
+ position: absolute; |
+ z-index: 1; |
+ top: 280px; |
+ left: 340px; |
+ background-color: cyan; |
+} |
+ |
+div:hover { |
+ background-color: green; |
+ transform:translatez(0); |
+} |
+ |
+</style> |
+<script src="../resources/text-based-repaint.js"></script> |
+<script> |
+ function repaintTest() |
+ { |
+ document.getElementById('repaintdiv').style.background = 'salmon'; |
+ } |
+ runRepaintAndPixelTest(); |
+</script> |
+</head> |
+<body> |
+ <div class="composited box behind"></div> |
+ <div class="box middle"></div> |
+ <img id="repaintdiv" class="repaintdiv"></img> |
+ <div class="box top"></div> |
+</body> |