Add tests for term and definition roles

testing-library · Oct 18, 2021 · ce42cbd · ce42cbd
1 parent 1421081
commit ce42cbd
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 0 deletions.
diff --git a/src/__tests__/__snapshots__/role-helpers.js.snap b/src/__tests__/__snapshots__/role-helpers.js.snap
@@ -200,5 +200,21 @@ Name "":
   data-testid="a-textarea"
 />
 
+--------------------------------------------------
+term:
+
+Name "":
+<dt
+  data-testid="a-dt"
+/>
+
+--------------------------------------------------
+definition:
+
+Name "":
+<dd
+  data-testid="a-dd"
+/>
+
 --------------------------------------------------
 `;
diff --git a/src/__tests__/role-helpers.js b/src/__tests__/role-helpers.js
@@ -66,6 +66,10 @@ function setup() {
     <form data-testid="a-form" />
     <section data-testid="a-section" />
    </article>
+   <dl>
+    <dt data-testid="a-dt">Term</dt>
+    <dd data-testid="a-dd">Definition</dd>
+   </dl>
 </section>
   `)
 
@@ -99,6 +103,8 @@ function setup() {
     input: getByTestId('a-input-1'),
     input2: getByTestId('a-input-2'),
     textarea: getByTestId('a-textarea'),
+    dt: getByTestId('a-dt'),
+    dd: getByTestId('a-dd'),
   }
 }
 
@@ -131,6 +137,8 @@ test('getRoles returns expected roles for various dom nodes', () => {
     textarea,
     namedSection,
     namedForm,
+    dd,
+    dt,
   } = setup()
 
   expect(getRoles(namedSection)).toEqual({
@@ -150,6 +158,8 @@ test('getRoles returns expected roles for various dom nodes', () => {
     menuitem: [menuItem, menuItem2],
     form: [namedForm],
     region: [namedSection],
+    term: [dt],
+    definition: [dd],
   })
 })