1 files changed, 62 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/canvas/element/manual/imagebitmap/canvas-createImageBitmap-video-resize.html b/testing/web-platform/tests/html/canvas/element/manual/imagebitmap/canvas-createImageBitmap-video-resize.html
new file mode 100644
index 0000000000..d48d9e80ca
--- /dev/null
+++ b/testing/web-platform/tests/html/canvas/element/manual/imagebitmap/canvas-createImageBitmap-video-resize.html
@@ -0,0 +1,62 @@
+<!DOCTYPE HTML>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/common/media.js"></script>
+<script>
+function createNewCanvas(width, height)
+{
+    var canvas = document.createElement("canvas");
+    canvas.width = width;
+    canvas.height = height;
+    var ctx = canvas.getContext("2d");
+    ctx.clearRect(0, 0, width, height);
+    return ctx;
+}
+
+function checkLowResult(imageBitmap, bw, bh, video, sx, sy, sw, sh)
+{
+    var ctx1 = createNewCanvas(bw, bh);
+    var ctx2 = createNewCanvas(bw, bh);
+    ctx1.drawImage(imageBitmap, 0, 0);
+    ctx2.drawImage(video, sx, sy, sw, sh, 0, 0, bw, bh);
+    var data1 = ctx1.getImageData(0, 0, bw, bh).data;
+    var data2 = ctx2.getImageData(0, 0, bw, bh).data;
+    var dataMatched = true;
+    for (var i = 0; i < data1.length; i++) {
+        // data1[i] is strictly the same as data2[i] on software rendering.
+        // But on GPU, the difference could be quite significant.
+        if (Math.abs(data1[i] - data2[i]) > 33) {
+            dataMatched = false;
+            break;
+        }
+    }
+    assert_true(dataMatched);
+}
+
+function generateTest()
+{
+    bitmapWidth = video.videoWidth/2;
+    bitmapHeight = video.videoHeight/2;
+    return Promise.all([
+        createImageBitmap(video, {resizeWidth: bitmapWidth, resizeHeight: bitmapHeight, resizeQuality: "low"}),
+        createImageBitmap(video, 10, 10, bitmapWidth, bitmapHeight, {resizeWidth: bitmapWidth, resizeHeight: bitmapHeight, resizeQuality: "low"}),
+    ]).then(t.step_func_done(([noCropLow, cropLow]) => {
+        checkLowResult(noCropLow, bitmapWidth, bitmapHeight, video, 0, 0, video.videoWidth, video.videoHeight);
+        checkLowResult(cropLow, bitmapWidth, bitmapHeight, video, 10, 10, bitmapWidth, bitmapHeight);
+    }), t.step_func_done(function() {
+        assert_true(false, 'Promise rejected');
+    }));
+}
+
+var t = async_test('createImageBitmap(HTMLVideoElement) with resize option');
+
+// HTMLVideoElement
+var video = document.createElement("video");
+video.preload = "auto";
+if (video.requestVideoFrameCallback) {
+    video.requestVideoFrameCallback(t.step_func(() => generateTest()));
+} else {
+    video.oncanplaythrough = t.step_func(() => generateTest());
+}
+video.src = getVideoURI("/media/counting");
+</script>