| <html> |
| <head> |
| <script src="../resources/testharness.js"></script> |
| <script src="../resources/testharnessreport.js"></script> |
| <script src="media-file.js"></script> |
| <script src="video-paint-test.js"></script> |
| <style> |
| video { width:200px; border: 3px solid red; -webkit-box-reflect: below 5px; } |
| </style> |
| </head> |
| <body> |
| <p>Test dynamic removal of transformed and reflected video </p> |
| <video id="one" style="transform:rotate(20deg)"></video><br> |
| <video class="otherVids" style="transform:scale(0.5)"></video><br> |
| <video class="otherVids" style="transform:skew(20deg)"></video><br> |
| <script> |
| var videos = Array.from(document.getElementsByClassName("otherVids")); |
| var presentationPromise = |
| Promise.all(videos.map(video => videoPresentationPromise(video))); |
| |
| setSrcByTagName('video', 'content/test.ogv'); |
| document.body.removeChild(document.getElementById('one')); |
| document.body.offsetLeft; |
| async_test(t => { |
| presentationPromise.then(() => t.done()); |
| }); |
| </script> |
| </body> |
| </html> |