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