Index: third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-release.js |
diff --git a/third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-release.js b/third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-release.js |
new file mode 100644 |
index 0000000000000000000000000000000000000000..df14b4521839f2da991a4f432d9210e3748a945b |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-release.js |
@@ -0,0 +1,25 @@ |
+(async function() { |
+ let {page, session, Protocol} = await InspectorTest.startHTML(` |
+ <div id='node' style='background-color: red; width: 100px'></div> |
+ `, 'Tests that the animation is correctly paused.'); |
+ |
+ Protocol.Animation.enable(); |
+ session.evaluate(` |
+ window.animation = node.animate([{ width: '100px' }, { width: '2000px' }], { duration: 0, fill: 'forwards' }); |
+ `); |
+ |
+ var id = (await Protocol.Animation.onceAnimationStarted()).params.animation.id; |
+ InspectorTest.log('Animation started'); |
+ var width = await session.evaluate('node.offsetWidth'); |
+ InspectorTest.log('Box is animating: ' + (width != 100).toString()); |
+ Protocol.Animation.setPaused({ animations: [ id ], paused: true }); |
+ session.evaluate('animation.cancel()'); |
+ width = await session.evaluate('node.offsetWidth'); |
+ InspectorTest.log('Animation paused'); |
+ InspectorTest.log('Box is animating: ' + (width != 100).toString()); |
+ Protocol.Animation.releaseAnimations({ animations: [ id ] }); |
+ width = await session.evaluate('node.offsetWidth'); |
+ InspectorTest.log('Animation released'); |
+ InspectorTest.log('Box is animating: ' + (width != 100).toString()); |
+ InspectorTest.completeTest(); |
+})(); |