test(ByRole): when hidden logs have the name

Author: viniciuslagedo

src/__tests__/role.js

@@ -26,7 +26,7 @@ test('by default logs accessible roles when it fails', () => {
 })
 
 test('when hidden: true logs available roles when it fails', () => {
-  const {getByRole} = render(`<div hidden><h1>Hi</h1></div>`)
+  const {getByRole} = render(`<h1 hidden>Hi</h1>`)
   expect(() => getByRole('article', {hidden: true}))
     .toThrowErrorMatchingInlineSnapshot(`
     Unable to find an element with the role "article"
@@ -36,19 +36,19 @@ test('when hidden: true logs available roles when it fails', () => {
       heading:
 
       Name "Hi":
-      <h1 />
+      <h1
+        hidden=""
+      />
 
       --------------------------------------------------
 
     Ignored nodes: comments, script, style
     <div>
-      <div
+      <h1
         hidden=""
       >
-        <h1>
-          Hi
-        </h1>
-      </div>
+        Hi
+      </h1>
     </div>
   `)
 })