OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../resources/testharness.js"></script> | 2 <script src="../resources/testharness.js"></script> |
3 <script src="../resources/testharnessreport.js"></script> | 3 <script src="../resources/testharnessreport.js"></script> |
4 <style> | 4 <style> |
5 a { visibility: hidden; } | 5 a { visibility: hidden; } |
6 </style> | 6 </style> |
7 | 7 |
8 <div id='container'> | 8 <div id='container'> |
9 <div id='child'></div> | 9 <div id='child'></div> |
10 </div> | 10 </div> |
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
58 var keyframes = [ | 58 var keyframes = [ |
59 {backgroundColor: 'rgba(250, 240, 220, 0.431372549)'}, | 59 {backgroundColor: 'rgba(250, 240, 220, 0.431372549)'}, |
60 {backgroundColor: 'currentColor'} | 60 {backgroundColor: 'currentColor'} |
61 ]; | 61 ]; |
62 | 62 |
63 element.style.color = 'rgb(204, 0, 0)'; | 63 element.style.color = 'rgb(204, 0, 0)'; |
64 var player = element.animate(keyframes, 10); | 64 var player = element.animate(keyframes, 10); |
65 player.pause(); | 65 player.pause(); |
66 player.currentTime = 3; | 66 player.currentTime = 3; |
67 element.style.color = 'rgba(160, 190, 180, 0.980392157)'; | 67 element.style.color = 'rgba(160, 190, 180, 0.980392157)'; |
68 assert_equals(getComputedStyle(element).backgroundColor, 'rgba(206, 215, 200
, 0.596)'); | 68 assert_equals(getComputedStyle(element).backgroundColor, 'rgba(206, 215, 200
, 0.596078)'); |
69 }, 'Color interpolation uses pre-multiplied colors'); | 69 }, 'Color interpolation uses pre-multiplied colors'); |
70 | 70 |
71 test(function() { | 71 test(function() { |
72 var keyframes = [ | 72 var keyframes = [ |
73 { | 73 { |
74 borderBottomColor: 'currentColor', | 74 borderBottomColor: 'currentColor', |
75 borderLeftColor: 'currentColor', | 75 borderLeftColor: 'currentColor', |
76 borderRightColor: 'currentColor', | 76 borderRightColor: 'currentColor', |
77 borderTopColor: 'currentColor', | 77 borderTopColor: 'currentColor', |
78 offset: 0 | 78 offset: 0 |
(...skipping 149 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
228 var player1 = unvisitedChild.animate(keyframes, 10); | 228 var player1 = unvisitedChild.animate(keyframes, 10); |
229 var player2 = visitedChild.animate(keyframes, 10); | 229 var player2 = visitedChild.animate(keyframes, 10); |
230 player1.pause(); | 230 player1.pause(); |
231 player2.pause(); | 231 player2.pause(); |
232 player1.currentTime = 5; | 232 player1.currentTime = 5; |
233 player2.currentTime = 5; | 233 player2.currentTime = 5; |
234 assert_equals(getComputedStyle(unvisitedChild).color, getComputedStyle(visit
edChild).color); | 234 assert_equals(getComputedStyle(unvisitedChild).color, getComputedStyle(visit
edChild).color); |
235 }, 'Color animations do not expose parent visited status'); | 235 }, 'Color animations do not expose parent visited status'); |
236 | 236 |
237 </script> | 237 </script> |
OLD | NEW |