Index: LayoutTests/compositing/squashing/squashed-layer-color-update.html |
diff --git a/LayoutTests/compositing/squashing/squashed-layer-color-update.html b/LayoutTests/compositing/squashing/squashed-layer-color-update.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..60bc3d6fa45b385c8edd27b178afa63ca82a7ab2 |
--- /dev/null |
+++ b/LayoutTests/compositing/squashing/squashed-layer-color-update.html |
@@ -0,0 +1,45 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+ <style> |
+ .squashed { |
+ height: 40px; |
+ width: 40px; |
+ background-color: lightgreen; |
+ position: absolute; |
+ top: 90px; |
+ } |
+ .composited { |
+ position: absolute; |
+ margin-top: 5px; |
+ height: 100px; |
+ width: 100px; |
+ background-color: lightblue; |
+ -webkit-transform: translateZ(1px); |
+ } |
+ </style> |
+ <script> |
+ onload = function() { |
+ if (window.testRunner) { |
+ testRunner.waitUntilDone(); |
+ internals.settings.setLayerSquashingEnabled(true); |
+ } |
+ |
+ var target = document.getElementById('target3'); |
+ requestAnimationFrame(function() { |
+ target.style.backgroundColor = 'green'; |
+ getComputedStyle(target).backgroundColor; |
+ setTimeout(function() { |
+ if (window.testRunner) |
+ testRunner.notifyDone(); |
+ }); |
+ }); |
+ } |
+ </script> |
+</head> |
+<body> |
+ <div id="target2" class="second composited"> |
+ </div> |
+ <div id="target3" class="squashed"></div> |
+</body> |
+</html> |