add test for anonymous custom element

jestjs · Jun 24, 2024 · 71cf828 · 71cf828
1 parent a04f2da
commit 71cf828
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/packages/pretty-format/src/__tests__/DOMElement.test.ts b/packages/pretty-format/src/__tests__/DOMElement.test.ts
@@ -357,12 +357,14 @@ Testing.`;
     customElements.define('custom-paragraph', CustomParagraphElement, {
       extends: 'p',
     });
+    customElements.define('anonymous-element', class extends HTMLElement {});
 
     const parent = document.createElement('div');
     parent.innerHTML = [
       '<custom-element></custom-element>',
       '<custom-extended-element></custom-extended-element>',
       '<p is="custom-paragraph"></p>',
+      '<anonymous-element></anonymous-element>',
     ].join('');
 
     expect(parent).toPrettyPrintTo(
@@ -373,6 +375,7 @@ Testing.`;
         '  <p',
         '    is="custom-paragraph"',
         '  />',
+        '  <anonymous-element />',
         '</div>',
       ].join('\n'),
     );

diff --git a/packages/pretty-format/src/plugins/DOMElement.ts b/packages/pretty-format/src/plugins/DOMElement.ts
@@ -31,9 +31,12 @@ const testHasAttribute = (val: any) => {
 };
 
 const isCustomElement = (val: any) => {
-  const { tagName } = val
-  return ((typeof tagName === 'string' && tagName.includes('-')) || testHasAttribute(val));
-}
+  const {tagName} = val;
+  return (
+    (typeof tagName === 'string' && tagName.includes('-')) ||
+    testHasAttribute(val)
+  );
+};
 
 const testNode = (val: any) => {
   const constructorName = val.constructor.name;