Test video resizing during playback

Fixes #17821. New media files are from @guest271314: #19030 (comment) #19030 (comment)
web-platform-tests · Nov 15, 2019 · d36965b · d36965b
1 parent 56450ba
commit d36965b
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 0 deletions.
diff --git a/html/semantics/embedded-content/the-video-element/resize-during-playback.html b/html/semantics/embedded-content/the-video-element/resize-during-playback.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html>
+<head>
+<title>video element resizing during playback</title>
+<link rel="help" href="https://html.spec.whatwg.org/multipage/media.html#concept-video-intrinsic-width">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+</head>
+<body>
+<div id="log"></div>
+<script>
+for (const format of ['mp4', 'webm']) {
+  promise_test(async (t) => {
+    const video = document.createElement('video');
+    assert_precondition(video.canPlayType(`video/${format}`), `${format} supported`);
+
+    // Load the video and wait for initial resize event.
+    video.src = `/media/400x300-red-resize-200x150-green.${format}`;
+    video.preload = 'auto';
+    document.body.appendChild(video);
+    const eventWatcher = new EventWatcher(t, video, ['resize', 'playing', 'error', 'ended']);
+    await eventWatcher.wait_for(['resize']);
+    assert_equals(video.videoWidth, 400, 'width after first resize event');
+    assert_equals(video.videoHeight, 300, 'height after first resize event');
+
+    // Now play and wait for a second resize event.
+    const playPromise = video.play();
+    if (playPromise) {
+      playPromise.catch(t.unreached_func("play rejected"));
+    }
+    await eventWatcher.wait_for(['playing', 'resize']);
+    assert_equals(video.videoWidth, 200, 'width after second resize event');
+    assert_equals(video.videoHeight, 150, 'height after second resize event');
+  }, `${format} video`);
+}
+</script>
+</body>
+</html>
diff --git a/media/400x300-red-resize-200x150-green.mp4 b/media/400x300-red-resize-200x150-green.mp4
diff --git a/media/400x300-red-resize-200x150-green.webm b/media/400x300-red-resize-200x150-green.webm