role-helpers.js.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`logRoles calls console.log with output from prettyRoles 1`] = `
region:

Name "a region":
<section
  aria-label="a region"
  data-testid="named-section"
/>

--------------------------------------------------
link:

Name "link":
<a
  data-testid="a-link"
  href="http://whatever.com"
/>

--------------------------------------------------
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 "a form":
<form
  aria-label="a form"
  data-testid="named-form"
/>

--------------------------------------------------
radio:

Name "":
<input
  data-testid="a-radio-1"
  type="radio"
/>

Name "":
<input
  data-testid="a-radio-2"
  type="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"
/>

--------------------------------------------------
term:

Name "":
<dt
  data-testid="a-dt"
/>

--------------------------------------------------
definition:

Name "":
<dd
  data-testid="a-dd"
/>

--------------------------------------------------
`;

exports[`logRoles with hidden=true outputs all elements incl. hidden ones 1`] = `
region:

Name "a region":
<section
  aria-label="a region"
  data-testid="named-section"
/>

Name "":
<div
  aria-hidden="true"
  data-testid="a-hidden-div-without-a-generic-role"
  role="region"
/>

Name "":
<div
  data-testid="a-hidden-div-without-a-generic-role-and-with-hidden-attribute"
  hidden=""
  role="region"
/>

Name "":
<div
  data-testid="a-hidden-div-without-a-generic-role-and-with-display-none"
  role="region"
  style="display: none"
/>

Name "":
<div
  data-testid="a-hidden-div-without-a-generic-role-and-with-visibility-hidden"
  role="region"
  style="visibility: hidden"
/>

--------------------------------------------------
link:

Name "link":
<a
  data-testid="a-link"
  href="http://whatever.com"
/>

--------------------------------------------------
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 "a form":
<form
  aria-label="a form"
  data-testid="named-form"
/>

--------------------------------------------------
radio:

Name "":
<input
  data-testid="a-radio-1"
  type="radio"
/>

Name "":
<input
  data-testid="a-radio-2"
  type="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"
/>

--------------------------------------------------
term:

Name "":
<dt
  data-testid="a-dt"
/>

--------------------------------------------------
definition:

Name "":
<dd
  data-testid="a-dd"
/>

--------------------------------------------------
`;