Index: third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-paused-css-animation.html |
diff --git a/third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-empty-transition-cancel.html b/third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-paused-css-animation.html |
similarity index 68% |
copy from third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-empty-transition-cancel.html |
copy to third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-paused-css-animation.html |
index 8be61a2e2da586e7c6f6b0fd3a1bfaf55f660265..581063a9b929bc65bf7f6c5dcff69fc810ee12b6 100644 |
--- a/third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-empty-transition-cancel.html |
+++ b/third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-paused-css-animation.html |
@@ -1,17 +1,25 @@ |
<html> |
<head> |
<script type="text/javascript" src="../../http/tests/inspector-protocol/inspector-protocol-test.js"></script> |
+<style type="text/css"> |
+#node.anim { |
+ animation: anim 300ms ease-in-out paused; |
+} |
+ |
+@keyframes anim { |
+ from { |
+ width: 100px; |
+ } |
+ to { |
+ width: 200px; |
+ } |
+} |
+</style> |
<script> |
-function triggerEmptyTransition() |
+function startAnimation() |
{ |
- node.offsetTop; |
- node.style.transition = "1s"; |
- node.offsetTop; |
- node.style.width = "200px"; |
- node.offsetTop; |
- node.style.transition = ""; |
- node.offsetTop; |
+ node.classList.add("anim"); |
} |
function test() |
@@ -19,7 +27,7 @@ function test() |
InspectorTest.eventHandler["Animation.animationCreated"] = onCreated; |
InspectorTest.eventHandler["Animation.animationCanceled"] = onCanceled; |
InspectorTest.sendCommand("Animation.enable", {}); |
- InspectorTest.evaluateInPage("triggerEmptyTransition()", function() {}); |
+ InspectorTest.evaluateInPage("startAnimation()", function() {}); |
function onCreated() |
{ |