blob: a2ad28f79c8c04401b1d0c53e09b66b7818b77b0 [file] [log] [blame]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>WebGL Origin Restrictions Conformance Tests</title>
<script>
function create3DContext(canvas, attributes)
{
if (!canvas)
canvas = document.createElement("canvas");
var context = null;
try {
context = canvas.getContext("experimental-webgl", attributes);
} catch(e) {}
if (!context) {
try {
context = canvas.getContext("webkit-3d", attributes);
} catch(e) {}
}
if (!context) {
try {
context = canvas.getContext("moz-webgl", attributes);
} catch(e) {}
}
if (!context) {
throw "Unable to fetch WebGL rendering context for Canvas";
}
return context;
}
function description(msg)
{
// For MSIE 6 compatibility
var span = document.createElement("span");
span.innerHTML = '<p>' + msg + '</p><p>On success, you will see a series of "<span class="pass">PASS</span>" messages, followed by "<span class="pass">TEST COMPLETE</span>".</p>';
var description = document.getElementById("description");
if (description.firstChild)
description.replaceChild(span, description.firstChild);
else
description.appendChild(span);
}
function debug(msg)
{
var span = document.createElement("span");
document.getElementById("console").appendChild(span); // insert it first so XHTML knows the namespace
span.innerHTML = msg + '<br />';
}
function escapeHTML(text)
{
return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\0/g, "\\0");
}
function testPassed(msg)
{
debug('<span><span class="pass">PASS</span> ' + escapeHTML(msg) + '</span>');
}
function testFailed(msg)
{
debug('<span><span class="fail">FAIL</span> ' + escapeHTML(msg) + '</span>');
}
function assertMsg(assertion, msg) {
if (assertion) {
testPassed(msg);
} else {
testFailed(msg);
}
}
// Checks if function throws an exception.
function causedException(func) {
var hadException = false;
try {
func();
} catch(e) {
hadException = true;
}
return hadException;
}
var testVideo = false;
function init() {
var video = document.getElementById("video");
var base = "http://localhost:8000/resources/";
var videos = [
["video/mp4", base + "test.mp4"],
["video/ogg", base + "test.ogv"],
];
var videoFile = null;
for (var i = 0; i < videos.length; ++i) {
if (video.canPlayType(videos[i][0])) {
videoFile = videos[i][1];
break;
}
}
assertMsg(videoFile, "Playable video format found");
if (videoFile) {
if (window.testRunner) {
testRunner.dumpAsText();
testRunner.waitUntilDone();
}
video.src = videoFile;
video.addEventListener("playing", runTests);
video.play();
testVideo = true;
} else {
// Still run the other tests, even if the video failed.
runTests();
}
}
function runTests() {
description("This test ensures WebGL implementations follow proper same-origin restrictions.");
var img = document.getElementById("img");
assertMsg(img.width > 0 && img.height > 0, "img was loaded");
function makeTexImage2D(gl, src) {
return function() {
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, src);
};
}
function makeTexSubImage2D(gl, src) {
return function() {
gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, gl.RGBA, gl.UNSIGNED_BYTE, src);
};
}
function makeReadPixels(gl) {
return function() {
var buf = new Uint8Array(4);
gl.readPixels(0, 0, 1, 1, gl.RGBA, gl.UNSIGNED_BYTE, buf);
};
}
function makeToDataURL(canvas) {
return function() {
var data = canvas.toDataURL();
}
}
var canvas1 = document.getElementById("canvas1");
var gl = create3DContext(canvas1);
debug("");
debug("check that an attempt to upload an image from another origin throws an exception.");
var tex = gl.createTexture();
gl.bindTexture(gl.TEXTURE_2D, tex);
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, 256, 256, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
assertMsg(causedException(makeTexImage2D(gl, img)),
"texImage2D with cross-origin image should throw exception.");
assertMsg(causedException(makeTexSubImage2D(gl, img)),
"texSubImage2D with cross-origin image should throw exception.");
debug("check that readPixels and toDataURL continue to work against this canvas.");
assertMsg(!causedException(makeReadPixels(gl)),
"readPixels should never throw exception -- not possible to dirty origin of WebGL canvas.");
assertMsg(!causedException(makeToDataURL(canvas1)),
"should not throw exception by toDataURL for WebGL canvas, which should stay origin clean.");
debug("check that an attempt to upload a tainted canvas throws an exception.");
var canvas2 = document.getElementById("canvas2");
var ctx2d = canvas2.getContext("2d");
ctx2d.drawImage(img, 0, 0);
assertMsg(causedException(makeToDataURL(canvas2)),
"should throw exception by toDataURL for NON origin clean canvas.");
assertMsg(causedException(makeTexImage2D(gl, canvas2)),
"texImage2D with NON origin clean canvas should throw exception.");
assertMsg(causedException(makeTexSubImage2D(gl, canvas2)),
"texSubImage2D with NON origin clean canvas should throw exception.");
debug("check that readPixels and toDataURL continue to work against this canvas.");
assertMsg(!causedException(makeReadPixels(gl)),
"readPixels should never throw exception -- not possible to dirty origin of WebGL canvas.");
assertMsg(!causedException(makeToDataURL(canvas1)),
"should not throw exception by toDataURL for WebGL canvas, which should stay origin clean.");
if (testVideo) {
debug("check that an attempt to upload a video from another origin throws an exception.");
var video = document.getElementById("video");
assertMsg(causedException(makeTexImage2D(gl, video)),
"texImage2D with cross-origin video should throw exception.");
assertMsg(causedException(makeTexSubImage2D(gl, video)),
"texSubImage2D with cross-origin video should throw exception.");
debug("check that readPixels and toDataURL continue to work against this canvas.");
assertMsg(!causedException(makeReadPixels(gl)),
"readPixels should never throw exception -- not possible to dirty origin of WebGL canvas.");
assertMsg(!causedException(makeToDataURL(canvas1)),
"should not throw exception by toDataURL for WebGL canvas, which should stay origin clean.");
}
debug('<br /><span class="pass">TEST COMPLETE</span>');
if (window.testRunner)
testRunner.waitUntilDone();
if (window.testRunner) {
testRunner.notifyDone();
}
}
</script>
</head>
<body onload="init()">
<div id="description"></div>
<div id="console"></div>
<canvas id="canvas1"></canvas>
<canvas id="canvas2"></canvas>
<img id="img" src="http://localhost:8000/local/resources/abe.png" style="display:none;">
<video id="video" style="display:none;"/>
</body>
</html>