Add whenDefined callback constructor value test.

sanketj · Jan 28, 2025 · a26b6a6 · a26b6a6
1 parent 351ea22
commit a26b6a6
Showing 1 changed file with 26 additions and 0 deletions.
diff --git a/components/whenDefined-callback-constructor-value.html b/components/whenDefined-callback-constructor-value.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <style></style>
+    </head>
+    <body>
+        <my-element></my-element>
+        <script>
+            window.customElements.whenDefined('my-element').then((customElementConstructor) => {
+                console.log(typeof customElementConstructor);
+                console.log(customElementConstructor + ' is defined');
+                document.body.append(new customElementConstructor());
+            });
+            class MyElement extends HTMLElement {
+                constructor() {
+                    super();
+                    this.attachShadow({mode: 'open'});
+                    this.shadowRoot.innerHTML = '<span>abc</span>';
+                }
+            }
+            window.setTimeout(() => {
+                window.customElements.define('my-element', MyElement);
+            }, 5000);
+        </script>
+    </body>
+</html>