<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="resources/create-context-utilities.css">
<script src="../../http/tests/inspector/resources/inspector-test.js"></script>
<script src="resources/create-context-utilities.js"></script>
<script>
if (window.internals)
    window.internals.settings.setWebGL2Enabled(true);

function test() {
    let suite = initializeTestSuite("Canvas.CreateContextWebGL2");

    addSimpleTestCase({
        name: "Attached",
        expression: `createAttachedCanvas("webgl2")`,
        contextType: WI.Canvas.ContextType.WebGL2,
    });

    addSimpleTestCase({
        name: "Detached",
        expression: `createDetachedCanvas("webgl2")`,
        contextType: WI.Canvas.ContextType.WebGL2,
    });

    addCSSCanvasTestCase(WI.Canvas.ContextType.WebGL2);

    suite.runTestCasesAndFinish();
}
</script>
</head>
<body onload="runTest()">
    <p>Test that CanvasManager tracks creation and destruction of WebGL2 canvases.</p>
</body>
</html>