<!
DOCTYPE HTML>
<
html>
<
head>
<
title>Test IPCBlob and CreateImageBitmap</
title>
<
script src=
"/tests/SimpleTest/SimpleTest.js"></
script>
<
link rel=
"stylesheet" type=
"text/css" href=
"/tests/SimpleTest/test.css" />
</
head>
<
body>
<
script type=
"text/javascript">
SimpleTest.waitForExplicitFinish();
function test_mainThread() {
let bc = new BroadcastChannel(
'testMainThread');
bc.onmessage = e => {
createImageBitmap(e.data).then(image => {
ok(image.height,
"this image has a valid size.");
}, () => {
ok(false,
"error creating the image!");
}).then(next);
}
fetch(
'green.jpg').then(r => r.blob()).then(blob => {
let innerBc = new BroadcastChannel(
'testMainThread');
innerBc.postMessage(blob);
});
}
function test_worker() {
function workerScript() {
function ok(a, msg) { postMessage({ type:
'test', status: !!a, msg }); };
function finish() { postMessage({ type:
'finish' }); };
let bc = new BroadcastChannel(
'testWorker');
bc.onmessage = e => {
createImageBitmap(e.data).then(image => {
ok(image.height,
"this image has a valid size.");
}, () => {
ok(false,
"error creating the image!");
}).then(finish);
}
fetch(
'http://mochi.test:8888/tests/dom/file/ipc/tests/green.jpg').then(r => r.blob
()).then(blob => {
let innerBc = new BroadcastChannel('testWorker');
innerBc.postMessage(blob);
});
}
let workerUrl = URL.createObjectURL(new Blob(["(", workerScript.toString(), ")()"]));
let worker = new Worker(workerUrl);
worker.onmessage = event => {
if (event.data.type == 'test') {
ok(event.data.status, event.data.msg);
return;
}
if (event.data.type == 'finish') {
next();
}
}
}
let tests = [
test_mainThread,
test_worker,
];
function next() {
if (!tests.length) {
SimpleTest.finish();
return;
}
let test = tests.shift();
test();
}
next();
</script>
</pre>
</body>
</html>