| OLD | NEW |
|---|
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <style type="text/css"> | 3 <style type="text/css"> |
| 4 #node { | 4 #node { |
| 5 transition: background-color 150ms cubic-bezier(0, 0.5, 0.5, 1); | 5 transition: background-color 150ms cubic-bezier(0, 0.5, 0.5, 1); |
| 6 } | 6 } |
| 7 | 7 |
| 8 #node.css-anim { | 8 #node.css-anim { |
| 9 animation: anim 300ms ease-in-out; | 9 animation: anim 300ms ease-in-out; |
| 10 } | 10 } |
| (...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 49 } | 49 } |
| 50 | 50 |
| 51 var initialize_Animations = function() { | 51 var initialize_Animations = function() { |
| 52 | 52 |
| 53 InspectorTest.preloadModule("animation"); | 53 InspectorTest.preloadModule("animation"); |
| 54 } | 54 } |
| 55 | 55 |
| 56 function test() | 56 function test() |
| 57 { | 57 { |
| 58 // Override timeline width for testing | 58 // Override timeline width for testing |
| 59 WebInspector.AnimationTimeline.prototype.width = function() { return 1000; } | 59 Animation.AnimationTimeline.prototype.width = function() { return 1000; } |
| 60 // Override animation color for testing | 60 // Override animation color for testing |
| 61 // FIXME: Set animation name of Web Animation instead; not supported yet | 61 // FIXME: Set animation name of Web Animation instead; not supported yet |
| 62 WebInspector.AnimationUI.Color = function() { return "black"; } | 62 Animation.AnimationUI.Color = function() { return "black"; } |
| 63 | 63 |
| 64 WebInspector.viewManager.showView("animations"); | 64 UI.viewManager.showView("animations"); |
| 65 var timeline = self.runtime.sharedInstance(WebInspector.AnimationTimeline); | 65 var timeline = self.runtime.sharedInstance(Animation.AnimationTimeline); |
| 66 InspectorTest.evaluateInPage("startAnimationWithDelay()"); | 66 InspectorTest.evaluateInPage("startAnimationWithDelay()"); |
| 67 InspectorTest.waitForAnimationAdded(step2); | 67 InspectorTest.waitForAnimationAdded(step2); |
| 68 | 68 |
| 69 function step2(group) | 69 function step2(group) |
| 70 { | 70 { |
| 71 timeline._selectAnimationGroup(group); | 71 timeline._selectAnimationGroup(group); |
| 72 timeline._render(); | 72 timeline._render(); |
| 73 InspectorTest.addResult(">>>> Animation with start delay only"); | 73 InspectorTest.addResult(">>>> Animation with start delay only"); |
| 74 InspectorTest.dumpAnimationTimeline(timeline); | 74 InspectorTest.dumpAnimationTimeline(timeline); |
| 75 timeline._reset(); | 75 timeline._reset(); |
| (...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 124 | 124 |
| 125 <body onload="runTest()"> | 125 <body onload="runTest()"> |
| 126 <p> | 126 <p> |
| 127 Tests the display of animations on the animation timeline. | 127 Tests the display of animations on the animation timeline. |
| 128 </p> | 128 </p> |
| 129 | 129 |
| 130 <div id="node" style="background-color: red; height: 100px"></div> | 130 <div id="node" style="background-color: red; height: 100px"></div> |
| 131 | 131 |
| 132 </body> | 132 </body> |
| 133 </html> | 133 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2493373002:
DevTools: rename WebInspector into modules. (Closed)
