<!DOCTYPE html>
<html>
<head>
<script src="../../http/tests/inspector/resources/inspector-test.js"></script>
<script>
TestPage.allowUncaughtExceptions = true;
TestPage.needToSanitizeUncaughtExceptionURLs = true;

function test()
{
    let suite = InspectorTest.createAsyncSuite("DOMNode.customElementState");
    let documentNode;

    suite.addTestCase({
        name: "CustomElementState.Builtin",
        test(resolve, reject) {
            documentNode.querySelector("#builtin", (nodeId) => {
                const node = WI.domManager.nodeForId(nodeId);
                InspectorTest.expectEqual(node.customElementState(), "builtin", "#builtin should be CustomElementState.Builtin.");
                resolve();
            });
        }
    });

    suite.addTestCase({
        name: "CustomElementState.Custom.Constructed",
        test(resolve, reject) {
            documentNode.querySelector("constructed-element", (nodeId) => {
                const node = WI.domManager.nodeForId(nodeId);
                InspectorTest.expectEqual(node.customElementState(), "custom", "constructed-element should be CustomElementState.Custom.");
                resolve();
            });
        }
    });

    suite.addTestCase({
        name: "CustomElementState.Custom.Upgraded",
        test(resolve, reject) {
            documentNode.querySelector("upgraded-element", (nodeId) => {
                const node = WI.domManager.nodeForId(nodeId);
                InspectorTest.expectEqual(node.customElementState(), "custom", "upgraded-element should be CustomElementState.Custom.");
                resolve();
            });
        }
    });

    suite.addTestCase({
        name: "CustomElementState.Waiting",
        test(resolve, reject) {
            documentNode.querySelector("undefined-element", (nodeId) => {
                const node = WI.domManager.nodeForId(nodeId);
                InspectorTest.expectEqual(node.customElementState(), "waiting", "undefined-element should be CustomElementState.Waiting.");
                resolve();
            });
        }
    });

    suite.addTestCase({
        name: "CustomElementState.Failed",
        test(resolve, reject) {
            documentNode.querySelector("failed-element", (nodeId) => {
                const node = WI.domManager.nodeForId(nodeId);
                InspectorTest.expectEqual(node.customElementState(), "failed", "failed-element should be CustomElementState.Failed.");
                resolve();
            });
        }
    });

    WI.domManager.requestDocument((node) => {
        documentNode = node;
        suite.runTestCasesAndFinish();
    });
}

customElements.define("constructed-element", class extends HTMLElement { });

</script>
</head>
<body onload="runTest()">
<p>Test for DOMNode.customElementState.</p>
<div style="display: none">
    <input id="builtin">
    <constructed-element></constructed-element>
    <upgraded-element></upgraded-element>
    <undefined-element></undefined-element>
    <failed-element></failed-element>
</div>
<script>

customElements.define("upgraded-element", class extends HTMLElement { });
customElements.define("failed-element", class extends HTMLElement { constructor() { super(); throw "failedElementError"; } });

</script>
</body>
</html>