| OLD | NEW |
| 1 <!DOCTYPE> | 1 <!DOCTYPE> |
| 2 | 2 |
| 3 <html> | 3 <html> |
| 4 <head> | 4 <head> |
| 5 <style> | 5 <style> |
| 6 #outer { | 6 #outer { |
| 7 font-size: 200%; | 7 font-size: 200%; |
| 8 color: #00F; | 8 color: #00F; |
| 9 -webkit-transition: all 1s linear; | 9 -webkit-transition: all 1s linear; |
| 10 } | 10 } |
| 11 | 11 |
| 12 #inner { | 12 #inner { |
| 13 color: #F00; | 13 color: #F00; |
| 14 } | 14 } |
| 15 | 15 |
| 16 #outer.changed { | 16 #outer.changed { |
| 17 color: #0F0; | 17 color: #0F0; |
| 18 } | 18 } |
| 19 </style> | 19 </style> |
| 20 <script src="resources/transition-test-helpers.js"></script> | 20 <script src="../animations/resources/animation-test-helpers.js"></script> |
| 21 <script type="text/javascript"> | 21 <script type="text/javascript"> |
| 22 const expectedValues = [ | 22 const expectedValues = [ |
| 23 // [time, element-id, property, expected-value, tolerance, post-completion
callback, should-be-transitioning] | 23 // [time, element-id, property, expected-value, tolerance, post-completion
callback, should-be-transitioning] |
| 24 [0.5, 'outer', 'color', [0, 127, 127], 2, null, shouldBeTransitioning], | 24 [0.5, 'outer', 'color', [0, 127, 127], 2, null, shouldBeTransitioning], |
| 25 [0.5, 'inner', 'color', [255, 0, 0], 2, null, shouldNotBeTransitioning], | 25 [0.5, 'inner', 'color', [255, 0, 0], 2, null, shouldNotBeTransitioning], |
| 26 [0.5, 'inner', '-webkit-text-fill-color', [255, 0, 0], 2, null, shouldNotB
eTransitioning], | 26 [0.5, 'inner', '-webkit-text-fill-color', [255, 0, 0], 2, null, shouldNotB
eTransitioning], |
| 27 ]; | 27 ]; |
| 28 | 28 |
| 29 function setupTest() | 29 function setupTest() |
| 30 { | 30 { |
| (...skipping 10 matching lines...) Expand all Loading... |
| 41 inner | 41 inner |
| 42 </div> | 42 </div> |
| 43 outer | 43 outer |
| 44 </div> | 44 </div> |
| 45 | 45 |
| 46 <div id="result"> | 46 <div id="result"> |
| 47 </div> | 47 </div> |
| 48 | 48 |
| 49 </body> | 49 </body> |
| 50 </html> | 50 </html> |
| OLD | NEW |