OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 #target { | 3 #target { |
4 width: 100px; | 4 width: 100px; |
5 height: 100px; | 5 height: 100px; |
6 } | 6 } |
7 </style> | 7 </style> |
8 <div id='target'></div> | 8 <div id='target'></div> |
9 This test passes if it does not crash. Newly referenced resources in the Web Ani
mations api should be resolved in the style building stage. | 9 This test passes if it does not crash. Newly referenced resources in the Web Ani
mations api should be resolved in the style building stage. |
10 <script> | 10 <script> |
11 target.animate([ | 11 target.animate([ |
12 {backgroundImage: 'url(../animations/resources/blue-100.png)', color: 'blue'
}, | 12 {backgroundImage: 'url(../../animations/resources/blue-100.png)', color: 'bl
ue'}, |
13 {backgroundImage: 'url(../animations/resources/green-100.png)', color: 'gree
n'}, | 13 {backgroundImage: 'url(../../animations/resources/green-100.png)', color: 'g
reen'}, |
14 ], {duration: 1, fill: 'forwards'}); | 14 ], {duration: 1, fill: 'forwards'}); |
15 if (window.testRunner) { | 15 if (window.testRunner) { |
16 testRunner.dumpAsText(); | 16 testRunner.dumpAsText(); |
17 testRunner.waitUntilDone(); | 17 testRunner.waitUntilDone(); |
18 } | 18 } |
19 requestAnimationFrame(function() { | 19 requestAnimationFrame(function() { |
20 if (window.testRunner) { | 20 if (window.testRunner) { |
21 testRunner.notifyDone(); | 21 testRunner.notifyDone(); |
22 } | 22 } |
23 }); | 23 }); |
24 </script> | 24 </script> |
OLD | NEW |