mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
112 lines
4.6 KiB
HTML
112 lines
4.6 KiB
HTML
<!DOCTYPE HTML>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
|
|
|
<title>Canvas2D test: CaptureStream()</title>
|
|
|
|
<script src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
<script src="captureStream_common.js"></script>
|
|
<link rel="stylesheet" href="/tests/SimpleTest/test.css">
|
|
<body>
|
|
<script>
|
|
var c; // Canvas element captured by streams.
|
|
var h; // CaptureStreamTestHelper holding utility test functions.
|
|
var vauto; // Video element with captureStream stream in automatic mode.
|
|
var vmanual; // Video element with captureStream stream in manual (fps 0) mode.
|
|
var vrate; // Video element with captureStream stream with fixed frame rate.
|
|
|
|
function checkDrawColorInitialRed() {
|
|
info("Checking that all video elements become red after first drawColor(red).");
|
|
|
|
h.drawColor(c, h.red);
|
|
|
|
vauto.mozSrcObject = c.captureStream();
|
|
vmanual.mozSrcObject = c.captureStream(0);
|
|
vrate.mozSrcObject = c.captureStream(10);
|
|
|
|
ok(h.testPixel(vauto, [0, 0, 0, 0], 0), "vauto hould not be drawn to before stable state");
|
|
ok(h.testPixel(vrate, [0, 0, 0, 0], 0), "vrate Should not be drawn to before stable state");
|
|
ok(h.testPixel(vmanual, [0, 0, 0, 0], 0), "vmanual Should not be drawn to before stable state");
|
|
|
|
return Promise.resolve()
|
|
.then(() => h.waitForPixel(vauto, h.red, 0, "should become red automatically"))
|
|
.then(() => h.waitForPixel(vrate, h.red, 0, "should become red automatically"))
|
|
.then(() => h.waitForPixel(vmanual, h.red, 0, "should become red when we get" +
|
|
" to stable state (first frame)"));
|
|
}
|
|
|
|
function checkDrawColorGreen() {
|
|
info("Checking that drawColor(green) propagates properly to video elements.");
|
|
h.drawColor(c, h.green);
|
|
|
|
return Promise.resolve()
|
|
.then(() => h.waitForPixel(vauto, h.green, 0, "should become green automatically"))
|
|
.then(() => h.waitForPixel(vrate, h.green, 0, "should become green automatically"))
|
|
.then(() => h.waitForPixel(vmanual, h.red, 0, "should still be red"))
|
|
.then(() => h.requestFrame(vmanual))
|
|
.then(() => h.waitForPixel(vmanual, h.green, 0, "should become green after requstFrame()"));
|
|
}
|
|
|
|
function checkRequestFrameOrderGuarantee() {
|
|
info("Checking that requestFrame() immediately before and after drawColor() " +
|
|
"calls results in the expected frame seen in the stream.");
|
|
|
|
return Promise.resolve()
|
|
.then(() => h.waitForPixel(vmanual, h.green, 0, "should still be green"))
|
|
.then(() => h.drawColor(c, h.red)) // 1. Draw canvas red
|
|
.then(() => h.requestFrame(vmanual)) // 2. Immediately request a frame
|
|
.then(() => h.drawColor(c, h.green)) // 3. Immediately draw canvas green
|
|
.then(() => h.waitForPixel(vmanual, h.red, 0, "should become red after call order test"))
|
|
.then(() => h.waitForPixelToTimeout(vmanual, h.green, 0, 500, "should not become green after call order test"));
|
|
}
|
|
|
|
function checkDrawImageNotCleanRed() {
|
|
info("Checking that drawImage with not origin-clean image renders streams useless.");
|
|
var ctx = c.getContext('2d');
|
|
var notCleanRed = new Image();
|
|
|
|
return new Promise((resolve, reject) => {
|
|
notCleanRed.onload = resolve;
|
|
notCleanRed.onerror = () => reject(new Error("Failed to load tainted image."));
|
|
notCleanRed.src = "http://example.com/tests/dom/canvas/test/image_red_crossorigin_credentials.png";
|
|
document.body.appendChild(notCleanRed);
|
|
})
|
|
.then(() => ctx.drawImage(notCleanRed, 0, 0, c.width, c.height))
|
|
.then(() => h.testNotClean(c))
|
|
.then(() => h.waitForPixelToTimeout(vauto, h.red, 0, 1000, "should not become red"))
|
|
.then(() => h.waitForPixelToTimeout(vrate, h.red, 0, 0, "should not become red"))
|
|
.then(() => h.waitForPixel(vmanual, h.green, 0, "should still be green"))
|
|
.then(() => h.requestFrame(vmanual))
|
|
.then(() => h.waitForPixelToTimeout(vmanual, h.red, 0, 1000, "should not become red"));
|
|
}
|
|
|
|
function finish() {
|
|
ok(true, 'Test complete.');
|
|
SimpleTest.finish();
|
|
}
|
|
|
|
function beginTest() {
|
|
h = new CaptureStreamTestHelper2D();
|
|
|
|
c = h.createAndAppendElement('canvas', 'c');
|
|
vauto = h.createAndAppendElement('video', 'vauto');
|
|
vmanual = h.createAndAppendElement('video', 'vmanual');
|
|
vrate = h.createAndAppendElement('video', 'vrate');
|
|
|
|
Promise.resolve()
|
|
.then(checkDrawColorInitialRed)
|
|
.then(checkDrawColorGreen)
|
|
.then(checkRequestFrameOrderGuarantee)
|
|
.then(checkDrawColorGreen) // Restore video elements to green.
|
|
.then(checkDrawImageNotCleanRed)
|
|
.then(finish);
|
|
}
|
|
|
|
SimpleTest.waitForExplicitFinish();
|
|
|
|
var prefs = [
|
|
[ "canvas.capturestream.enabled", true ],
|
|
];
|
|
SpecialPowers.pushPrefEnv({ "set" : prefs }, beginTest);
|
|
</script>
|
|
|