Index: LayoutTests/media/video-object-fit-change-expected.html |
diff --git a/LayoutTests/media/video-object-fit-change-expected.html b/LayoutTests/media/video-object-fit-change-expected.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..84b9d0e3cfe1198b95a423d461f02d2d76f69fad |
--- /dev/null |
+++ b/LayoutTests/media/video-object-fit-change-expected.html |
@@ -0,0 +1,48 @@ |
+<!DOCTYPE html> |
+<html> |
+ <head> |
+ <title>changing object-fit values on video elements</title> |
+ <style> |
+ video { |
+ width: 120px; |
+ height: 120px; |
+ border: 1px solid blue; |
+ background-color: gray; |
+ margin: 10px; |
+ } |
+ </style> |
+ <script src=media-file.js></script> |
+ <script> |
+ if (window.testRunner) |
+ testRunner.waitUntilDone(); |
+ |
+ function init() |
+ { |
+ setSrcByTagName("video", findMediaFile("video", "content/test")); |
+ |
+ var totalCount = document.getElementsByTagName('video').length; |
+ var count = totalCount; |
+ |
+ if (window.testRunner) { |
+ document.addEventListener("canplaythrough", function () { |
+ if (!--count) |
+ setTimeout(function() { testRunner.notifyDone(); }, 500); |
+ }, true); |
+ |
+ setTimeout(function() { |
+ document.body.appendChild(document.createTextNode('FAILED TOO')); |
+ if (window.testRunner) |
+ testRunner.notifyDone(); |
+ }, 1500); |
+ } |
+ } |
+ </script> |
+ |
+ </head> |
+ <body onload="init();"> |
+ <video id="video1" style="object-fit:contain;"></video> |
+ <video id="video2" style="object-fit:cover;"></video> |
+ <video id="video3" style="object-fit:fill;"></video> |
+ <video id="video4" style="object-fit:scale-down;"></video> |
+ </body> |
+</html> |