| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <meta charset=utf-8> | 2 <meta charset=utf-8> |
| 3 <title>Animate() with no offsets</title> | 3 <title>Animate() with no offsets</title> |
| 4 <link rel="help" href="https://w3c.github.io/web-animations/#keyframe-animation-
effects"> | 4 <link rel="help" href="https://w3c.github.io/web-animations/#keyframe-animation-
effects"> |
| 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="../../imported/wpt/web-animations/testcommon.js"></script> | 7 <script src="../../external/wpt/web-animations/testcommon.js"></script> |
| 8 <body> | 8 <body> |
| 9 <script> | 9 <script> |
| 10 'use strict'; | 10 'use strict'; |
| 11 test(function(t) { | 11 test(function(t) { |
| 12 var keyframes = [ | 12 var keyframes = [ |
| 13 {opacity: '0.25', left: '25px'}, | 13 {opacity: '0.25', left: '25px'}, |
| 14 {opacity: '0.75', left: '75px'}, | 14 {opacity: '0.75', left: '75px'}, |
| 15 ]; | 15 ]; |
| 16 var expectations = { | 16 var expectations = { |
| 17 0.5: {opacity: '0.5', left: '50px'}, | 17 0.5: {opacity: '0.5', left: '50px'}, |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 49 delay: -progress * 1000, | 49 delay: -progress * 1000, |
| 50 }); | 50 }); |
| 51 var computedStyle = getComputedStyle(element); | 51 var computedStyle = getComputedStyle(element); |
| 52 for (var property in expectations[progress]) { | 52 for (var property in expectations[progress]) { |
| 53 assert_equals(computedStyle[property], expectations[progress][property], | 53 assert_equals(computedStyle[property], expectations[progress][property], |
| 54 property + ' at ' + (progress * 100) + '%'); | 54 property + ' at ' + (progress * 100) + '%'); |
| 55 } | 55 } |
| 56 } | 56 } |
| 57 }, 'element.animate() with 3 keyframes'); | 57 }, 'element.animate() with 3 keyframes'); |
| 58 </script> | 58 </script> |
| OLD | NEW |