OLD | NEW |
| (Empty) |
1 <html> | |
2 <head> | |
3 <script type="text/javascript" src="../../http/tests/inspector-protocol/inspecto
r-protocol-test.js"></script> | |
4 <script> | |
5 function startAnimation() | |
6 { | |
7 node.animate([{ width: "1000px" }, { width: "2000px" }], 1000); | |
8 } | |
9 | |
10 function rafWidth(resolve, reject) | |
11 { | |
12 var callback; | |
13 var promise = new Promise((fulfill) => callback = fulfill); | |
14 if (window.testRunner) | |
15 testRunner.layoutAndPaintAsyncThen(() => callback(node.offsetWidth)); | |
16 return promise; | |
17 } | |
18 | |
19 function test() | |
20 { | |
21 InspectorTest.eventHandler["Animation.animationStarted"] = onStarted; | |
22 InspectorTest.sendCommand("Animation.enable", {}); | |
23 InspectorTest.evaluateInPage("startAnimation()", function() {}); | |
24 | |
25 function onStarted(response) | |
26 { | |
27 InspectorTest.log("Animation started"); | |
28 seekAnimation(response.params.animation.id); | |
29 } | |
30 | |
31 function seekAnimation(id) | |
32 { | |
33 InspectorTest.sendCommand("Animation.seekAnimations", { animations: [ id
], currentTime: 2000 }, logWidth); | |
34 } | |
35 | |
36 function logWidth() | |
37 { | |
38 InspectorTest.evaluateInPageAsync("rafWidth()") | |
39 .then(function(result) { | |
40 InspectorTest.log(result); | |
41 InspectorTest.completeTest(); | |
42 }); | |
43 } | |
44 } | |
45 | |
46 </script> | |
47 </head> | |
48 <body onload="runTest()"> | |
49 <div id="node" style="background-color: red; height: 100px; width: 100px"></
div> | |
50 </body> | |
51 </html> | |
OLD | NEW |