Replace jest-axe with axe-core directly

primer · May 13, 2024 · 87a7796 · 87a7796
1 parent 024124a
commit 87a7796
Show file tree

Hide file tree

Showing 61 changed files with 143 additions and 366 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -154,7 +154,6 @@
     "@testing-library/react": "14.2.1",
     "@testing-library/react-hooks": "7.0.2",
     "@testing-library/user-event": "^14.3.0",
-    "@types/jest-axe": "3.5.5",
     "@types/lodash.groupby": "4.6.7",
     "@types/lodash.isempty": "4.4.9",
     "@types/lodash.isobject": "3.0.9",
@@ -183,7 +182,6 @@
     "filesize": "10.1.0",
     "front-matter": "4.0.2",
     "gzip-size": "6.0.0",
-    "jest-axe": "7.0.1",
     "jest-css-modules": "2.1.0",
     "jest-environment-jsdom": "29.7.0",
     "jest-fail-on-console": "3.2.0",

diff --git a/packages/react/src/ActionList/ActionList.test.tsx b/packages/react/src/ActionList/ActionList.test.tsx
@@ -1,6 +1,6 @@
 import {render as HTMLRender, waitFor, fireEvent} from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import {axe} from 'jest-axe'
+import axe from 'axe-core'
 import React from 'react'
 import theme from '../theme'
 import {ActionList} from '.'
@@ -78,7 +78,7 @@ describe('ActionList', () => {
 
   it('should have no axe violations', async () => {
     const {container} = HTMLRender(<SimpleActionList />)
-    const results = await axe(container)
+    const results = await axe.run(container)
     expect(results).toHaveNoViolations()
   })
 

diff --git a/packages/react/src/BranchName/__tests__/BranchName.test.tsx b/packages/react/src/BranchName/__tests__/BranchName.test.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import BranchName from '../BranchName'
 import {render, behavesAsComponent, checkExports} from '../../utils/testing'
 import {render as HTMLRender} from '@testing-library/react'
-import {axe} from 'jest-axe'
+import axe from 'axe-core'
 
 describe('BranchName', () => {
   behavesAsComponent({Component: BranchName})
@@ -13,7 +13,7 @@ describe('BranchName', () => {
 
   it('should have no axe violations', async () => {
     const {container} = HTMLRender(<BranchName />)
-    const results = await axe(container)
+    const results = await axe.run(container)
     expect(results).toHaveNoViolations()
   })
 

diff --git a/packages/react/src/Breadcrumbs/__tests__/Breadcrumbs.test.tsx b/packages/react/src/Breadcrumbs/__tests__/Breadcrumbs.test.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import Breadcrumbs, {Breadcrumb} from '..'
 import {render, behavesAsComponent, checkExports} from '../../utils/testing'
 import {render as HTMLRender} from '@testing-library/react'
-import {axe} from 'jest-axe'
+import axe from 'axe-core'
 
 describe('Breadcrumbs', () => {
   behavesAsComponent({Component: Breadcrumbs, options: {skipAs: true}})
@@ -14,7 +14,7 @@ describe('Breadcrumbs', () => {
 
   it('should have no axe violations', async () => {
     const {container} = HTMLRender(<Breadcrumbs />)
-    const results = await axe(container)
+    const results = await axe.run(container)
     expect(results).toHaveNoViolations()
   })
 

diff --git a/packages/react/src/Breadcrumbs/__tests__/BreadcrumbsItem.test.tsx b/packages/react/src/Breadcrumbs/__tests__/BreadcrumbsItem.test.tsx
@@ -1,5 +1,5 @@
 import {render as HTMLRender} from '@testing-library/react'
-import {axe} from 'jest-axe'
+import axe from 'axe-core'
 import React from 'react'
 import Breadcrumbs from '..'
 import {behavesAsComponent, render} from '../../utils/testing'
@@ -13,7 +13,7 @@ describe('Breadcrumbs.Item', () => {
 
   it('should have no axe violations', async () => {
     const {container} = HTMLRender(<Breadcrumbs.Item />)
-    const results = await axe(container)
+    const results = await axe.run(container)
     expect(results).toHaveNoViolations()
   })
 

diff --git a/packages/react/src/Button/__tests__/Button.test.tsx b/packages/react/src/Button/__tests__/Button.test.tsx
@@ -1,6 +1,6 @@
 import {SearchIcon, HeartIcon} from '@primer/octicons-react'
 import {render, screen, fireEvent} from '@testing-library/react'
-import {axe} from 'jest-axe'
+import axe from 'axe-core'
 import React from 'react'
 import {IconButton, Button} from '../../Button'
 import {behavesAsComponent} from '../../utils/testing'
@@ -16,7 +16,7 @@ describe('Button', () => {
 
   it('should have no axe violations', async () => {
     const {container} = render(<Button>Click here</Button>)
-    const results = await axe(container)
+    const results = await axe.run(container)
     expect(results).toHaveNoViolations()
   })