From 71cf82880330ae2187e8f7a16439e27c3e755cd7 Mon Sep 17 00:00:00 2001
From: konnorrogers <konnor5456@gmail.com>
Date: Mon, 24 Jun 2024 12:46:47 -0400
Subject: [PATCH] add test for anonymous custom element

---
 packages/pretty-format/src/__tests__/DOMElement.test.ts | 3 +++
 packages/pretty-format/src/plugins/DOMElement.ts        | 9 ++++++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/pretty-format/src/__tests__/DOMElement.test.ts b/packages/pretty-format/src/__tests__/DOMElement.test.ts
index 0c961093ecec..de9a4811e633 100644
--- 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
index 758b0d20998a..9cf39e547786 100644
--- 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;