OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <meta charset=utf-8> | 2 <meta charset=utf-8> |
3 <title>Keyframe handling tests</title> | 3 <title>Keyframe handling tests</title> |
4 <link rel="help" href="https://w3c.github.io/web-animations/#the-effect-value-of
-a-keyframe-animation-effect"> | 4 <link rel="help" href="https://w3c.github.io/web-animations/#the-effect-value-of
-a-keyframe-animation-effect"> |
5 <script src="../resources/testharness.js"></script> | 5 <script src="../resources/testharness.js"></script> |
6 <script src="../resources/testharnessreport.js"></script> | 6 <script src="../resources/testharnessreport.js"></script> |
7 <script src="../external/wpt/web-animations/testcommon.js"></script> | 7 <script src="../external/wpt/web-animations/testcommon.js"></script> |
8 <body> | 8 <body> |
9 <div id="log"></div> | 9 <div id="log"></div> |
10 <div id="target"></div> | 10 <div id="target"></div> |
11 <script> | 11 <script> |
12 'use strict'; | 12 'use strict'; |
13 | 13 |
14 test(function(t) { | 14 test(function(t) { |
15 var div = createDiv(t); | 15 var div = createDiv(t); |
16 div.style.color = 'rgb(0, 0, 0)'; | 16 div.style.color = 'rgb(0, 0, 0)'; |
17 var anim = div.animate({ color: [ '-webkit-text', '-webkit-text'] }, 1000); | 17 var anim = div.animate({ color: [ '-webkit-text', '-webkit-text'] }, 1000); |
18 | 18 |
19 anim.pause(); | 19 anim.pause(); |
20 anim.currentTime = 0; | 20 anim.currentTime = 0; |
21 | 21 |
22 assert_equals(getComputedStyle(div).color, 'rgb(0, 0, 0)'); | 22 assert_equals(getComputedStyle(div).color, 'rgb(0, 0, 0)'); |
23 | 23 |
24 }, 'Tests keyframes with property values which are unsupported are removed'); | 24 }, 'Tests keyframes with property values which are unsupported are removed'); |
25 </script> | 25 </script> |
26 </body> | 26 </body> |
OLD | NEW |