Index: third_party/WebKit/LayoutTests/compositing/squashing/dont-squash-into-animated-layers.html |
diff --git a/third_party/WebKit/LayoutTests/compositing/squashing/dont-squash-into-animated-layers.html b/third_party/WebKit/LayoutTests/compositing/squashing/dont-squash-into-animated-layers.html |
index 7b2c5d5c95154eabaaf33c17629d198ed76d67ba..006e4ed632d1fea1e6ddb376349dac4b2bd81628 100644 |
--- a/third_party/WebKit/LayoutTests/compositing/squashing/dont-squash-into-animated-layers.html |
+++ b/third_party/WebKit/LayoutTests/compositing/squashing/dont-squash-into-animated-layers.html |
@@ -1,21 +1,31 @@ |
<!doctype HTML> |
Any errors will show below this line. |
-<div id="target" style="position: absolute; width: 200px; height: 200px; will-change: transform; transition: transform 0.1s cubic-bezier(0.23, 1, 0.32, 1); background: lightblue"></div> |
+<style> |
+@keyframes twiddle { |
+ 0% { transform: rotate(0deg); } |
+ 100% { transform: rotate(180deg); } |
+} |
+ |
+.animated { |
+ animation: twiddle 3s alternate infinite linear; |
+ width: 100px; |
+ height: 100px; |
+ background: orange; |
+} |
+</style> |
+<div id="target" class="animated" style="position: absolute; width: 200px; height: 200px; background: lightblue"></div> |
<div style="position: absolute; width: 200px; height: 200px; top: 100px; left: 100px; background: lightgray"></div> |
<script src="../../resources/testharness.js"></script> |
<script> |
if (window.testRunner) { |
testRunner.dumpAsText(); |
- testRunner.waitUntilDone(); |
} |
onload = function() { |
target.style.transform = "translateX(10px)"; |
- requestAnimationFrame(function() { |
- if (window.internals) { |
- var layers = JSON.parse(internals.layerTreeAsText(document, 1)); |
- assert_true(layers.children[0].children[1].compositingReasons[1] == "Cannot squash into a layer that is animating."); |
- } |
- testRunner.notifyDone(); |
- }); |
+ if (window.internals) { |
+ var layers = JSON.parse(internals.layerTreeAsText(document, 1)); |
+ assert_true(layers.children[0].children[1].compositingReasons[1] == "Layer was separately composited because it could not be squashed."); |
+ assert_true(layers.children[0].children[1].squashingDisallowedReasons[0] == "Cannot squash into a layer that is animating."); |
+ } |
}; |
-</script> |
+</script> |