| 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: height 150ms; | 5 transition: height 150ms; |
| 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 26 matching lines...) Expand all Loading... |
| 37 } | 37 } |
| 38 | 38 |
| 39 function test() | 39 function test() |
| 40 { | 40 { |
| 41 var firstGroup; | 41 var firstGroup; |
| 42 var i = 0; | 42 var i = 0; |
| 43 startTransition(); | 43 startTransition(); |
| 44 | 44 |
| 45 function startTransition() | 45 function startTransition() |
| 46 { | 46 { |
| 47 var model = Animation.AnimationModel.fromTarget(InspectorTest.mainTarget
); | 47 var model = InspectorTest.mainTarget.model(Animation.AnimationModel); |
| 48 model.ensureEnabled(); | 48 model.ensureEnabled(); |
| 49 model.addEventListener(Animation.AnimationModel.Events.AnimationGroupSta
rted, groupStarted); | 49 model.addEventListener(Animation.AnimationModel.Events.AnimationGroupSta
rted, groupStarted); |
| 50 InspectorTest.evaluateInPage("startCSSTransition()"); | 50 InspectorTest.evaluateInPage("startCSSTransition()"); |
| 51 } | 51 } |
| 52 | 52 |
| 53 function groupStarted(event) | 53 function groupStarted(event) |
| 54 { | 54 { |
| 55 InspectorTest.addResult("Animation group triggered"); | 55 InspectorTest.addResult("Animation group triggered"); |
| 56 InspectorTest.addResult("First animation of type: " + event.data.animati
ons()[0].type()); | 56 InspectorTest.addResult("First animation of type: " + event.data.animati
ons()[0].type()); |
| 57 var group = event.data; | 57 var group = event.data; |
| (...skipping 15 matching lines...) Expand all Loading... |
| 73 | 73 |
| 74 <body onload="runTest()"> | 74 <body onload="runTest()"> |
| 75 <p> | 75 <p> |
| 76 Tests the matching of groups in AnimationModel. | 76 Tests the matching of groups in AnimationModel. |
| 77 </p> | 77 </p> |
| 78 | 78 |
| 79 <div id="node" style="background-color: red; height: 100px"></div> | 79 <div id="node" style="background-color: red; height: 100px"></div> |
| 80 | 80 |
| 81 </body> | 81 </body> |
| 82 </html> | 82 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2674573006:
[DevTools] Migrate TargetObserver to AnimationModel observer where makes sense. (Closed)
