<html>
<head>
<script src="../../../resources/js-test.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() {
    finishTest();
}

</script>

</head>
<body onload="runTest1()">
<div id="description"></div>
<div id="console"></div>
<canvas id="canvas">
</body>
</html>