Include accname by default in logRoles

Author: eps1lon

src/__tests__/__snapshots__/role-helpers.js.snap

@@ -3,13 +3,15 @@
 exports[`logRoles calls console.log with output from prettyRoles 1`] = `
 "region:
 
+Name "":
 <section
   data-testid="a-section"
 />
 
 --------------------------------------------------
 link:
 
+Name "link":
 <a
   data-testid="a-link"
   href="http://whatever.com"
@@ -18,135 +20,159 @@ link:
 --------------------------------------------------
 navigation:
 
+Name "":
 <nav
   data-testid="a-nav"
 />
 
 --------------------------------------------------
 heading:
 
+Name "Main Heading":
 <h1
   data-testid="a-h1"
 />
 
+Name "Sub Heading":
 <h2
   data-testid="a-h2"
 />
 
+Name "Tertiary Heading":
 <h3
   data-testid="a-h3"
 />
 
 --------------------------------------------------
 article:
 
+Name "":
 <article
   data-testid="a-article"
 />
 
 --------------------------------------------------
 command:
 
+Name "":
 <menuitem
   data-testid="a-menuitem-1"
 />
 
+Name "":
 <menuitem
   data-testid="a-menuitem-2"
 />
 
 --------------------------------------------------
 menuitem:
 
+Name "":
 <menuitem
   data-testid="a-menuitem-1"
 />
 
+Name "":
 <menuitem
   data-testid="a-menuitem-2"
 />
 
 --------------------------------------------------
 list:
 
+Name "":
 <ul
   data-testid="a-list"
 />
 
+Name "":
 <ul
   data-testid="b-list"
 />
 
 --------------------------------------------------
 listitem:
 
+Name "":
 <li
   data-testid="a-list-item-1"
 />
 
+Name "":
 <li
   data-testid="a-list-item-2"
 />
 
+Name "":
 <li
   data-testid="b-list-item-1"
 />
 
+Name "":
 <li
   data-testid="b-list-item-2"
 />
 
 --------------------------------------------------
 table:
 
+Name "":
 <table
   data-testid="a-table"
 />
 
 --------------------------------------------------
 rowgroup:
 
+Name "":
 <tbody
   data-testid="a-tbody"
 />
 
 --------------------------------------------------
 row:
 
+Name "Cell 1 Cell 2 Cell 3":
 <tr
   data-testid="a-row"
 />
 
 --------------------------------------------------
 cell:
 
+Name "Cell 1":
 <td
   data-testid="a-cell-1"
 />
 
+Name "Cell 2":
 <td
   data-testid="a-cell-2"
 />
 
+Name "Cell 3":
 <td
   data-testid="a-cell-3"
 />
 
 --------------------------------------------------
 form:
 
+Name "":
 <form
   data-testid="a-form"
 />
 
 --------------------------------------------------
 radio:
 
+Name "":
 <input
   data-testid="a-radio-1"
   type="radio"
 />
 
+Name "":
 <input
   data-testid="a-radio-2"
   type="radio"
@@ -155,16 +181,19 @@ radio:
 --------------------------------------------------
 textbox:
 
+Name "":
 <input
   data-testid="a-input-1"
   type="text"
 />
 
+Name "":
 <input
   data-testid="a-input-2"
   type="text"
 />
 
+Name "":
 <textarea
   data-testid="a-textarea"
 />

src/role-helpers.js

@@ -161,7 +161,7 @@ function prettyRoles(dom, {hidden, includeName}) {
     .join('\n')
 }
 
-const logRoles = (dom, {hidden = false, includeName = false} = {}) =>
+const logRoles = (dom, {hidden = false, includeName = true} = {}) =>
   console.log(prettyRoles(dom, {hidden, includeName}))
 
 export {