Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(397)

Side by Side Diff: third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-start-cancel.js

Issue 2942573003: [DevTools] New harness for inspector-protocol layout tests (Closed)
Patch Set: Protocol -> dp Created 3 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <html> 1 (async function(testRunner) {
2 <head> 2 let {page, session, dp} = await testRunner.startHTML(`
3 <script type="text/javascript" src="../../http/tests/inspector-protocol/inspecto r-protocol-test.js"></script> 3 <div id='node' style='background-color: red; width: 100px'></div>
4 <script> 4 `, '');
5 5
6 function triggerEmptyTransition() 6 dp.Animation.onAnimationCreated(() => testRunner.log('Animation created'));
7 { 7 dp.Animation.onAnimationStarted(() => testRunner.log('Animation started'));
8 node.style.transition = "1s"; 8 dp.Animation.onAnimationCanceled(() => {
9 testRunner.log('Animation canceled')
10 testRunner.completeTest();
11 });
12 dp.Animation.enable();
13
14 session.evaluate(`
15 node.style.transition = '1s';
9 node.offsetTop; 16 node.offsetTop;
10 node.style.width = "200px"; 17 node.style.width = '200px';
11 node.offsetTop; 18 node.offsetTop;
12 // Deliberately delay for two RAFs, which causes the animation to start 19 // Deliberately delay for two RAFs, which causes the animation to start
13 // before we cancel it by clearing the transition. 20 // before we cancel it by clearing the transition.
14 window.requestAnimationFrame(function() { 21 window.requestAnimationFrame(function() {
15 window.requestAnimationFrame(function() { 22 window.requestAnimationFrame(function() {
16 node.style.transition = ""; 23 node.style.transition = '';
17 }); 24 });
18 }); 25 });
19 } 26 `);
20 27 })
21 function test()
22 {
23 InspectorTest.eventHandler["Animation.animationCreated"] = onCreated;
24 InspectorTest.eventHandler["Animation.animationStarted"] = onStarted;
25 InspectorTest.eventHandler["Animation.animationCanceled"] = onCanceled;
26 InspectorTest.sendCommand("Animation.enable", {});
27 InspectorTest.evaluateInPage("triggerEmptyTransition()", function() {});
28
29 function onCreated()
30 {
31 InspectorTest.log("Animation created");
32 }
33
34 function onStarted()
35 {
36 InspectorTest.log("Animation started");
37 }
38
39 function onCanceled()
40 {
41 InspectorTest.log("Animation canceled");
42 InspectorTest.completeTest();
43 }
44 }
45
46 </script>
47 </head>
48 <body onload="runTest()">
49 <div id="node" style="background-color: red; width: 100px"></div>
50 </body>
51 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698