blob: 31a2dcc3df34878a077f5c58bad83a52d23bcb9a [file] [log] [blame]
<!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>