<!DOCTYPE html>
<html>
<head>
<script src="../../http/tests/inspector/resources/inspector-test.js"></script>
<script>
function load() {
    window.onscreenCanvas = document.getElementById("onscreen").getContext("2d");
    window.offscreenCanvas = document.createElement("canvas").getContext("2d");
    window.cssCanvas = document.getCSSCanvasContext("2d", "css", 10, 10);

    runTest();
}

function test() {
    let suite = InspectorTest.createAsyncSuite("Canvas.requestNode");

    suite.addTestCase({
        name: "Canvas.requestNode.missingDocument",
        description: "Getting the canvas node requires that WebInspector knows about the document.",
        test(resolve, reject) {
            let canvases = WI.canvasManager.canvases;
            InspectorTest.expectEqual(canvases.length, 3, "The page should have three canvases.");
            if (!canvases.length) {
                reject("Missing canvas.");
                return;
            }

            CanvasAgent.requestNode(canvases[0].identifier, (error) => {
                InspectorTest.expectThat(error, "Should produce an error.");
                InspectorTest.log("Error: " + error);
                resolve();
            });
        }
    });

    suite.addTestCase({
        name: "Canvas.requestNode.validCanvasId",
        description: "Get the node id for each canvas on the page.",
        test(resolve, reject) {
            let canvases = WI.canvasManager.canvases;
            let expectedLength = canvases.length;
            InspectorTest.assert(expectedLength === 3, "The page has 3 canvases.");

            let nodesMap = new Map;

            function finish() {
                let results = {};
                for (let [canvas, node] of nodesMap)
                    results[canvas.displayName] = node;

                let keys = Object.keys(results);
                InspectorTest.assert(keys.length === nodesMap.size, "No display name collisions");

                // Ensure that the test runs properly even if the canvas
                // events are sent in a different order than the above.
                keys.sort();
                for (let displayName of keys) {
                    InspectorTest.expectThat(results[displayName], `Canvas "${displayName}" has node with valid id.`);
                    InspectorTest.expectEqual(results[displayName].nodeName(), "CANVAS", `Canvas "${displayName}" has node with type "CANVAS".`);
                }

                resolve();
            }

            canvases.forEach((canvas) => {
                WI.domTreeManager.requestDocument((documentNode) => {
                    CanvasAgent.requestNode(canvas.identifier, (error, nodeId) => {
                        if (error) {
                            reject(error);
                            return;
                        }

                        nodesMap.set(canvas, WI.domTreeManager.nodeForId(nodeId));
                        if (nodesMap.size === expectedLength)
                            finish();
                    });
                });
            });
        }
    });

    // ------

    suite.addTestCase({
        name: "Canvas.requestNode.invalidCanvasId",
        description: "Invalid canvas identifiers should cause an error.",
        test(resolve, reject) {
            const canvasId = "DOES_NOT_EXIST";
            CanvasAgent.requestNode(canvasId, (error) => {
                InspectorTest.expectThat(error, "Should produce an error.");
                InspectorTest.log("Error: " + error);
                resolve();
            });
        }
    });

    suite.runTestCasesAndFinish();
}
</script>
<style>
    .css { background-image: -webkit-canvas(css); }
</style>
</head>
<body onload="load()">
<p>Test that CanvasAgent.requestNode can properly resolve the owner canvas node.</p>
<canvas id="onscreen"></canvas>
</body>
</html>