| <html> |
| <head> |
| <style type="text/css" media="screen"> |
| div { |
| border-radius: 1px; |
| background-size: 200px 200px; |
| background-image: url('resources/red-green-animated.gif'); |
| height: 200px; |
| width: 200px; |
| } |
| </style> |
| <script src="../../resources/run-after-layout-and-paint.js"></script> |
| <script type="text/javascript" charset="utf-8"> |
| if (window.testRunner) |
| testRunner.waitUntilDone(); |
| |
| function pageLoaded() |
| { |
| runAfterLayoutAndPaint(function () { |
| window.setTimeout(function() { |
| if (window.testRunner) |
| testRunner.notifyDone(); |
| }, 200); // Red frame of GIF has 100ms duration |
| }); |
| } |
| |
| window.addEventListener('load', pageLoaded, false); |
| </script> |
| </script> |
| </head> |
| <body> |
| <p>Div background should animate between red and green. DRT should snapshot when it is green.</p> |
| <div></div> |
| </body> |
| </html> |
