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 = [
'',
'',
'
',
+ '',
].join('');
expect(parent).toPrettyPrintTo(
@@ -373,6 +375,7 @@ Testing.`;
' ',
+ ' ',
'',
].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;