| OLD | NEW | 
|---|
| 1 <html> | 1 <html> | 
| 2 <head> | 2 <head> | 
| 3 <style> | 3 <style> | 
| 4 a { | 4 a { | 
| 5     font-size: 300%; | 5     font-size: 300%; | 
| 6     -webkit-transition: all 1s linear; | 6     -webkit-transition: all 1s linear; | 
| 7     background-color: #00F; | 7     background-color: #00F; | 
| 8     border: 8px solid #F00; | 8     border: 8px solid #F00; | 
| 9     color: #0F0; | 9     color: #0F0; | 
| 10     outline: 8px solid #0F0; | 10     outline: 8px solid #0F0; | 
| 11     -webkit-column-rule-color: #0F0; | 11     -webkit-column-rule-color: #0F0; | 
| 12     -webkit-text-stroke-color: #0F0; | 12     -webkit-text-stroke-color: #0F0; | 
| 13     -webkit-text-fill-color: #0F0; | 13     -webkit-text-fill-color: #0F0; | 
| 14 } | 14 } | 
| 15 .changed { | 15 .changed { | 
| 16     background-color: #0F0; | 16     background-color: #0F0; | 
| 17     border: 8px solid #00F; | 17     border: 8px solid #00F; | 
| 18     color: #F00; | 18     color: #F00; | 
| 19     outline: 8px solid #F00; | 19     outline: 8px solid #F00; | 
| 20     -webkit-column-rule-color: #F00; | 20     -webkit-column-rule-color: #F00; | 
| 21     -webkit-text-stroke-color: #F00; | 21     -webkit-text-stroke-color: #F00; | 
| 22     -webkit-text-fill-color: #00F; | 22     -webkit-text-fill-color: #00F; | 
| 23 } | 23 } | 
| 24 </style> | 24 </style> | 
| 25 <script src="resources/transition-test-helpers.js"></script> | 25 <script src="../animations/resources/animation-test-helpers.js"></script> | 
| 26 <script> | 26 <script> | 
| 27     const expectedValues = [ | 27     const expectedValues = [ | 
| 28     // [time, element-id, property, expected-value, tolerance, post-completion c
    allback, should-be-transitioning] | 28     // [time, element-id, property, expected-value, tolerance, post-completion c
    allback, should-be-transitioning] | 
| 29     [0.5, 'link', 'color', [127, 127, 0], 10, null, shouldBeTransitioning], | 29     [0.5, 'link', 'color', [127, 127, 0], 10, null, shouldBeTransitioning], | 
| 30     [0.5, 'link', 'background-color', [0, 127, 127], 10, null, shouldBeTransitio
    ning], | 30     [0.5, 'link', 'background-color', [0, 127, 127], 10, null, shouldBeTransitio
    ning], | 
| 31     [0.5, 'link', 'border-left-color', [127, 0, 127], 10, null, shouldBeTransiti
    oning], | 31     [0.5, 'link', 'border-left-color', [127, 0, 127], 10, null, shouldBeTransiti
    oning], | 
| 32     [0.5, 'link', 'border-right-color', [127, 0, 127], 10, null, shouldBeTransit
    ioning], | 32     [0.5, 'link', 'border-right-color', [127, 0, 127], 10, null, shouldBeTransit
    ioning], | 
| 33     [0.5, 'link', 'border-top-color', [127, 0, 127], 10, null, shouldBeTransitio
    ning], | 33     [0.5, 'link', 'border-top-color', [127, 0, 127], 10, null, shouldBeTransitio
    ning], | 
| 34     [0.5, 'link', 'border-bottom-color', [127, 0, 127], 10, null, shouldBeTransi
    tioning], | 34     [0.5, 'link', 'border-bottom-color', [127, 0, 127], 10, null, shouldBeTransi
    tioning], | 
| 35     [0.5, 'link', 'outline-color', [127, 127, 0], 10, null, shouldBeTransitionin
    g], | 35     [0.5, 'link', 'outline-color', [127, 127, 0], 10, null, shouldBeTransitionin
    g], | 
| (...skipping 15 matching lines...) Expand all  Loading... | 
| 51 <a id="link" href=""> | 51 <a id="link" href=""> | 
| 52    link | 52    link | 
| 53 </a> | 53 </a> | 
| 54 <br> | 54 <br> | 
| 55 <br> | 55 <br> | 
| 56 </div> | 56 </div> | 
| 57 <div id="result"> | 57 <div id="result"> | 
| 58 </div> | 58 </div> | 
| 59 </body> | 59 </body> | 
| 60 </html> | 60 </html> | 
| OLD | NEW | 
|---|