Index: third_party/WebKit/LayoutTests/paint/invalidation/compositing/invalidations-on-composited-layers.html |
diff --git a/third_party/WebKit/LayoutTests/paint/invalidation/compositing/invalidations-on-composited-layers.html b/third_party/WebKit/LayoutTests/paint/invalidation/compositing/invalidations-on-composited-layers.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..f97a7e9fa0b78cd9926718dc331dda499f87cec9 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/paint/invalidation/compositing/invalidations-on-composited-layers.html |
@@ -0,0 +1,46 @@ |
+<!DOCTYPE html> |
+ |
+<!-- |
+This test checks that repaint testing works with composited layers. |
+--> |
+ |
+<html> |
+<head> |
+ <style type="text/css"> |
+ #parent { |
+ transform: translateZ(0px); |
+ width: 400px; |
+ height: 400px; |
+ background: blue; |
+ } |
+ |
+ #child { |
+ transform: translateZ(0px); |
+ position: relative; |
+ left: 50px; |
+ top: 50px; |
+ width: 75px; |
+ height: 75px; |
+ background: green; |
+ } |
+ |
+ </style> |
+ <script src="../resources/text-based-repaint.js"></script> |
+ <script> |
+ function repaintTest() { |
+ var parent = document.getElementById('parent'); |
+ var child = document.getElementById('child'); |
+ |
+ child.style.background = 'blue'; |
+ parent.style.background = 'green'; |
+ } |
+ |
+ runRepaintAndPixelTest(); |
+ </script> |
+</head> |
+<body> |
+ <div id="parent"> |
+ <div id="child"></div> |
+ </div> |
+</body> |
+</html> |