| 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 | 
|---|