OLD | NEW |
| (Empty) |
1 <html> | |
2 <head> | |
3 <style> | |
4 #node { | |
5 transition: left 100s; | |
6 left: 0px; | |
7 } | |
8 </style> | |
9 <script src="../../http/tests/inspector/inspector-test.js"></script> | |
10 <script src="../../http/tests/inspector/elements-test.js"></script> | |
11 <script> | |
12 function startCSSTransition() { | |
13 // Force style recalcs that will trigger a transition. | |
14 getComputedStyle(node).left; | |
15 node.style.left = "100px"; | |
16 getComputedStyle(node).left; | |
17 } | |
18 | |
19 var initialize_Animations = function() { | |
20 InspectorTest.preloadModule("animation"); | |
21 } | |
22 | |
23 function test() { | |
24 UI.viewManager.showView("animations"); | |
25 var timeline = self.runtime.sharedInstance(Animation.AnimationTimeline); | |
26 InspectorTest.evaluateInPage("startCSSTransition()"); | |
27 InspectorTest.waitForAnimationAdded(animationAdded); | |
28 function animationAdded(group) { | |
29 group.animations()[0].setTiming(1, 0); | |
30 InspectorTest.completeTest(); | |
31 } | |
32 } | |
33 | |
34 </script> | |
35 </head> | |
36 | |
37 <body onload="runTest()"> | |
38 <p> | |
39 This test passes if it does not crash. | |
40 </p> | |
41 | |
42 <div id="node"></div> | |
43 | |
44 </body> | |
45 </html> | |
OLD | NEW |