Index: third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-paused-css-animation.js |
diff --git a/third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-paused-css-animation.js b/third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-paused-css-animation.js |
new file mode 100644 |
index 0000000000000000000000000000000000000000..a52764be42631c69f476c808b40ea7d3bbd558ca |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-paused-css-animation.js |
@@ -0,0 +1,28 @@ |
+(async function(testRunner) { |
+ let {page, session, dp} = await testRunner.startHTML(` |
+ <style type='text/css'> |
+ #node.anim { |
+ animation: anim 300ms ease-in-out paused; |
+ } |
+ |
+ @keyframes anim { |
+ from { |
+ width: 100px; |
+ } |
+ to { |
+ width: 200px; |
+ } |
+ } |
+ </style> |
+ <div id='node' style='background-color: red; width: 100px'></div> |
+ `, ''); |
+ |
+ |
+ dp.Animation.enable(); |
+ session.evaluate('node.classList.add("anim");'); |
+ await dp.Animation.onceAnimationCreated(); |
+ testRunner.log('Animation created'); |
+ await dp.Animation.onceAnimationCanceled(); |
+ testRunner.log('Animation canceled'); |
+ testRunner.completeTest(); |
+}) |