<!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.setWebGPUEnabled(true);

function createDevice() {
    function receivedDevice(device) {
        window.contexts.push(device);
    }

    function receivedAdapter(adapter) {
        adapter.requestDevice().then(receivedDevice);
    }

    navigator.gpu.requestAdapter().then(receivedAdapter);
}

function test() {
    let suite = InspectorTest.CreateContextUtilities.initializeTestSuite("Canvas.CreateContextWebGPU");

    InspectorTest.CreateContextUtilities.addSimpleTestCase({
        name: "Device",
        expression: `createDevice()`,
        contextType: WI.Canvas.ContextType.WebGPU,
    });

    suite.addTestCase({
        name: "Canvas.CreateContextWebGPU.Canvas.Attached",
        description: "Ensure that attached GPUCanvasContext aren't tracked as a canvas, instead of the WebGPUDevice.",
        async test() {
            let created = false;
            let listener = WI.canvasManager.addEventListener(WI.CanvasManager.Event.CanvasAdded, (event) => {
                InspectorTest.assert(event.target.contextType === WI.Canvas.ContextType.WebGPU);
                created = true;
            });

            await InspectorTest.evaluateInPage(`createAttachedCanvas("gpu")`)

            WI.canvasManager.removeEventListener(WI.CanvasManager.Event.CanvasAdded, listener);

            InspectorTest.expectFalse(created, "Inspector canvas should not be created for attached GPUCanvasContext without connected WebGPUDevice.");
        },
    });

    suite.addTestCase({
        name: "Canvas.CreateContextWebGPU.Canvas.Detached",
        description: "Ensure that detached GPUCanvasContext aren't tracked as a canvas, instead of the WebGPUDevice.",
        async test() {
            let created = false;
            let listener = WI.canvasManager.addEventListener(WI.CanvasManager.Event.CanvasAdded, (event) => {
                InspectorTest.assert(event.target.contextType === WI.Canvas.ContextType.WebGPU);
                created = true;
            });

            await InspectorTest.evaluateInPage(`createDetachedCanvas("gpu")`)

            WI.canvasManager.removeEventListener(WI.CanvasManager.Event.CanvasAdded, listener);

            InspectorTest.expectFalse(created, "Inspector canvas should not be created for detached GPUCanvasContext without connected WebGPUDevice.");
        },
    });

    suite.addTestCase({
        name: "Canvas.CreateContextWebGPU.Canvas.CSS",
        description: "Ensure that CSS GPUCanvasContext aren't tracked as a canvas, instead of the WebGPUDevice.",
        async test() {
            let created = false;
            let listener = WI.canvasManager.addEventListener(WI.CanvasManager.Event.CanvasAdded, (event) => {
                InspectorTest.assert(event.target.contextType === WI.Canvas.ContextType.WebGPU);
                created = true;
            });

            await InspectorTest.evaluateInPage(`createCSSCanvas("gpu", "css-canvas")`)

            WI.canvasManager.removeEventListener(WI.CanvasManager.Event.CanvasAdded, listener);

            InspectorTest.expectFalse(created, "Inspector canvas should not be created for CSS GPUCanvasContext without connected WebGPUDevice.");
        },
    });

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