third_party/WebKit/LayoutTests/web-animations-api/resource-loading.html

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