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 <div id='element'></div> | 4 <div id='element'></div> |
5 <script> | 5 <script> |
6 | 6 |
7 var element = document.getElementById('element'); | 7 var element = document.getElementById('element'); |
8 | 8 |
9 test(function() { | 9 test(function() { |
10 var keyframes = [ | 10 var keyframes = [ |
11 {borderTopLeftRadius: '8% 16%'}, | 11 {borderTopLeftRadius: '8% 16%'}, |
12 {borderTopLeftRadius: '12% 24%'} | 12 {borderTopLeftRadius: '12% 24%'} |
13 ]; | 13 ]; |
(...skipping 16 matching lines...) Expand all Loading... |
30 | 30 |
31 element.style.fontSize = '10px'; | 31 element.style.fontSize = '10px'; |
32 var player = element.animate(keyframes, 10); | 32 var player = element.animate(keyframes, 10); |
33 player.pause(); | 33 player.pause(); |
34 player.currentTime = 5; | 34 player.currentTime = 5; |
35 element.style.fontSize = '20px'; | 35 element.style.fontSize = '20px'; |
36 assert_equals(getComputedStyle(element).borderTopLeftRadius, '200px 400px'); | 36 assert_equals(getComputedStyle(element).borderTopLeftRadius, '200px 400px'); |
37 }, 'Border radius lengths respond to style changes'); | 37 }, 'Border radius lengths respond to style changes'); |
38 | 38 |
39 </script> | 39 </script> |
OLD | NEW |