| graouts@webkit.org | 30863c5 | 2018-07-26 22:16:28 +0000 | [diff] [blame^] | 1 | <!DOCTYPE html> |
| 2 | <body> | ||||
| 3 | <style> | ||||
| 4 | |||||
| 5 | body { | ||||
| 6 | margin: 0; | ||||
| 7 | } | ||||
| 8 | |||||
| 9 | div { | ||||
| 10 | height: 100px; | ||||
| 11 | } | ||||
| 12 | |||||
| 13 | #target { | ||||
| 14 | left: 0; | ||||
| 15 | width: 100px; | ||||
| 16 | background-color: red; | ||||
| 17 | } | ||||
| 18 | |||||
| 19 | #cache { | ||||
| 20 | top: 0; | ||||
| 21 | left: 25px; | ||||
| 22 | width: 775px; | ||||
| 23 | position: absolute; | ||||
| 24 | background-color: black; | ||||
| 25 | } | ||||
| 26 | |||||
| 27 | </style> | ||||
| 28 | <div id="target"></div> | ||||
| 29 | <div id="cache"></div> | ||||
| 30 | <script> | ||||
| 31 | |||||
| 32 | if (window.testRunner) | ||||
| 33 | testRunner.waitUntilDone(); | ||||
| 34 | |||||
| 35 | document.getElementById("target").animate({ transform: "translateX(700px)" }, { delay: 10, duration: 1000 }) | ||||
| 36 | requestAnimationFrame(() => { | ||||
| 37 | setTimeout(() => { | ||||
| 38 | if (window.testRunner) | ||||
| 39 | testRunner.notifyDone(); | ||||
| 40 | }, 100); | ||||
| 41 | }); | ||||
| 42 | |||||
| 43 | </script> | ||||
| 44 | </body> | ||||