diff --git a/package.json b/package.json index 97bc6a7a..fa3cb842 100644 --- a/package.json +++ b/package.json @@ -42,7 +42,7 @@ "@babel/code-frame": "^7.10.4", "@babel/runtime": "^7.12.5", "@types/aria-query": "^4.2.0", - "aria-query": "^4.2.2", + "aria-query": "^5.0.0", "chalk": "^4.1.0", "dom-accessibility-api": "^0.5.6", "lz-string": "^1.4.4", diff --git a/src/__tests__/__snapshots__/role-helpers.js.snap b/src/__tests__/__snapshots__/role-helpers.js.snap index de07a418..4a8a1f2f 100644 --- 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 "": +
+ +-------------------------------------------------- +definition: + +Name "": +
+ -------------------------------------------------- `; diff --git a/src/__tests__/role-helpers.js b/src/__tests__/role-helpers.js index 1b48ec65..aadc1dc2 100644 --- a/src/__tests__/role-helpers.js +++ b/src/__tests__/role-helpers.js @@ -16,6 +16,7 @@ afterEach(() => { function setup() { const {getByTestId} = render(` +
Banner header
link invalid link @@ -66,6 +67,10 @@ function setup() {
+
+
Term
+
Definition
+
`) @@ -99,6 +104,9 @@ function setup() { input: getByTestId('a-input-1'), input2: getByTestId('a-input-2'), textarea: getByTestId('a-textarea'), + dt: getByTestId('a-dt'), + dd: getByTestId('a-dd'), + header: getByTestId('a-header'), } } @@ -131,6 +139,9 @@ test('getRoles returns expected roles for various dom nodes', () => { textarea, namedSection, namedForm, + dd, + dt, + header, } = setup() expect(getRoles(namedSection)).toEqual({ @@ -150,6 +161,11 @@ test('getRoles returns expected roles for various dom nodes', () => { menuitem: [menuItem, menuItem2], form: [namedForm], region: [namedSection], + term: [dt], + definition: [dd], + }) + expect(getRoles(header)).toEqual({ + banner: [header], }) })