| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 | 2 |
| 3 <html lang="en"> | 3 <html lang="en"> |
| 4 <head> | 4 <head> |
| 5 <title>Test of dynamic stylesheet loading</title> | 5 <title>Test of dynamic stylesheet loading</title> |
| 6 <link rel="stylesheet" href="resources/dynamic-stylesheet-insertion-main.css"> | 6 <link rel="stylesheet" href="resources/dynamic-stylesheet-insertion-main.css"> |
| 7 <script src="resources/animation-test-helpers.js" type="text/javascript" chars
et="utf-8"></script> | 7 <script src="resources/animation-test-helpers.js" type="text/javascript" chars
et="utf-8"></script> |
| 8 <script type="text/javascript" charset="utf-8"> | 8 <script type="text/javascript" charset="utf-8"> |
| 9 | 9 |
| 10 const expectedValues = [ | 10 const expectedValues = [ |
| 11 // [time, element-id, property, expected-value, tolerance] | 11 // [time, element-id, property, expected-value, tolerance] |
| 12 [0.3, "splash", "webkitTransform.5", 100, 0.1], | 12 [0.3, "splash", "transform.5", 100, 0.1], |
| 13 ]; | 13 ]; |
| 14 | 14 |
| 15 var controller = {}; | 15 var controller = {}; |
| 16 | 16 |
| 17 controller.init = function () { | 17 controller.init = function () { |
| 18 // put a listener on the initial splash animation | 18 // put a listener on the initial splash animation |
| 19 this.splash = document.getElementById('splash'); | 19 this.splash = document.getElementById('splash'); |
| 20 this.splash.addEventListener('webkitAnimationStart', this, false); | 20 this.splash.addEventListener('webkitAnimationStart', this, false); |
| 21 this.splash.addEventListener('webkitAnimationEnd', this, false); | 21 this.splash.addEventListener('webkitAnimationEnd', this, false); |
| 22 | 22 |
| (...skipping 18 matching lines...) Expand all Loading... |
| 41 </head> | 41 </head> |
| 42 <body> | 42 <body> |
| 43 This test performs an animation and then dynamically loads a new stylesheet (whi
ch is empty). It should start | 43 This test performs an animation and then dynamically loads a new stylesheet (whi
ch is empty). It should start |
| 44 animating after a 100ms delay and then stop halfway through the animation at whi
ch point we see if it is at the | 44 animating after a 100ms delay and then stop halfway through the animation at whi
ch point we see if it is at the |
| 45 correct position. The loading of the stylesheet should not prevent the animation
from running. | 45 correct position. The loading of the stylesheet should not prevent the animation
from running. |
| 46 <div id="splash"></div> | 46 <div id="splash"></div> |
| 47 <div id="result"> | 47 <div id="result"> |
| 48 </div> | 48 </div> |
| 49 </body> | 49 </body> |
| 50 </html> | 50 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2970883003:
Separate out animations tests with prefixing (Closed)
