blob: e5f97ae904210f4df46737e32e3bb7ecf7d60e8c [file] [log] [blame]
<html>
<head>
<script src="../../../resources/js-test-pre.js"></script>
<script src="resources/webgl-test.js"></script>
<script src="resources/webgl-test-utils.js"></script>
<script>
var evt;
var canvas;
var context;
var extension;
function createNewCanvas()
{
canvas = document.createElement("canvas");
canvas.width = 1;
canvas.height = 1;
context = WebGLTestUtils.create3DContext(canvas);
extension = context.getExtension("WEBGL_lose_context");
if (!extension) {
debug("Could not find the WEBGL_lose_context extension.");
return;
}
}
function runTest1()
{
if (window.initNonKhronosFramework)
window.initNonKhronosFramework(true);
createNewCanvas();
canvas.addEventListener("webglcontextlost", function(e) {
evt = e;
debug("Test that the event passed to a listener of webglcontextlost is a WebGLContextEvent.")
shouldBe("evt.toString()", "'[object WebGLContextEvent]'");
shouldBe("evt.statusMessage", "''");
// Start the next test when event dispatch has finished.
setTimeout(function() {
runTest2();
}, 0);
}, false);
extension.loseContext();
}
function runTest2()
{
createNewCanvas();
canvas.addEventListener("webglcontextlost", function(e) {
e.preventDefault();
// Restore the context after event dispatch has finished.
setTimeout(function() {
// Because context restoration is specified as being asynchronous, we can not verify
// that the GL error state is empty here.
extension.restoreContext();
}, 0);
}, false);
canvas.addEventListener("webglcontextrestored", function(e) {
evt = e;
shouldBe("context.getError()", "context.NO_ERROR");
debug("Test that the event passed to a listener of webglcontextrestored is a WebGLContextEvent.")
shouldBe("evt.toString()", "'[object WebGLContextEvent]'");
shouldBe("evt.statusMessage", "''");
setTimeout(finish, 0);
}, false);
extension.loseContext();
}
function finish() {
var epilogue = document.createElement("script");
epilogue.onload = function() {
if (window.nonKhronosFrameworkNotifyDone)
window.nonKhronosFrameworkNotifyDone();
};
epilogue.src = "../../../resources/js-test-post.js";
document.body.appendChild(epilogue);
}
</script>
</head>
<body onload="runTest1()">
<div id="description"></div>
<div id="console"></div>
<canvas id="canvas">
</body>
</html>