<!DOCTYPE html>
<script src =../../resources/testharness.js></script>
<script src =../../resources/testharnessreport.js></script>
<body></body>
<script>
function draw2d(canvas) {
var ctx = canvas.getContext('2d');
ctx.fillStyle = 'green';
ctx.fillRect(0, 0, canvas.width, canvas.height);
};
function drawWebGL(canvas) {
var gl = canvas.getContext('webgl');
gl.clearColor(0, 1, 0, 1);
gl.clear(gl.COLOR_BUFFER_BIT);
};
// Run captureStream() on OffscreenCanvas that uses transferToImageBitmap().
var testOffScreenCanvasTransferBitmaps = function(drawFunction, message) {
async_test(function(test) {
var canvas = document.createElement('canvas');
document.body.appendChild(canvas);
var ctx = canvas.getContext('bitmaprenderer');
var offscreen = new OffscreenCanvas(64, 48);
var recorder = new MediaRecorder(canvas.captureStream());
recorder.ondataavailable = test.step_func_done(function(event) {
assert_true(event.data.size > 0, 'Recorded data size should be > 0');
});
recorder.start(0);
drawFunction(offscreen);
var image = offscreen.transferToImageBitmap();
assert_equals(image.width, 64);
assert_equals(image.height, 48);
ctx.transferFromImageBitmap(offscreen.transferToImageBitmap());
}), message;
};
testOffScreenCanvasTransferBitmaps(
draw2d,
'captureStream() on OffscreenCanvas with 2D context using transferToImageBitmap().');
testOffScreenCanvasTransferBitmaps(
drawWebGL,
'captureStream() on OffscreenCanvas with WebGL context using transferToImageBitmap().');
</script>