| 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>
|
|
|