OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <title>SVG-in-<img>: Animation resets when all references are removed.</ti
tle> | 2 <title>SVG-in-<img>: Animation resets when all references are removed.</ti
tle> |
3 <div style="width: 100px; height: 100px;"></div> | 3 <div style="width: 100px; height: 100px;"></div> |
4 <script> | 4 <script> |
5 if (window.testRunner) | 5 if (window.testRunner) |
6 testRunner.waitUntilDone(); | 6 testRunner.waitUntilDone(); |
7 var div = document.querySelector('div'); | 7 var div = document.querySelector('div'); |
8 var imgurl = "url('../as-image/resources/animated-rect-color.svg')"; | 8 var imgurl = "url('../as-image/resources/animated-rect-color.svg')"; |
9 div.style.background = imgurl; | 9 div.style.background = imgurl; |
10 setTimeout(function() { | 10 setTimeout(function() { |
11 div.style.background = ""; | 11 div.style.background = ""; |
| 12 // FIXME: we need a better way of waiting for chromium events to happen |
12 setTimeout(function() { | 13 setTimeout(function() { |
13 div.style.background = imgurl; | 14 div.style.background = imgurl; |
14 setTimeout(function() { | 15 setTimeout(function() { |
15 if (window.testRunner) | 16 if (window.testRunner) |
16 testRunner.notifyDone(); | 17 testRunner.notifyDone(); |
17 }, 10); | 18 }, 10); |
18 }, 0); | 19 }, 1); |
19 }, 100); | 20 }, 100); |
20 </script> | 21 </script> |
21 | 22 |
OLD | NEW |