*fix renderAndCheckA11Y axe options

hazelcast · Nov 7, 2024 · ab10244 · ab10244
1 parent 0df5ae4
commit ab10244
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 22 deletions.
diff --git a/packages/test-helpers/src/axe.ts b/packages/test-helpers/src/axe.ts
diff --git a/packages/test-helpers/src/enzyme.ts b/packages/test-helpers/src/enzyme.ts
@@ -1,12 +1,24 @@
 import { MountRendererProps, mount as mountEnzyme, ReactWrapper } from 'enzyme'
-import { axe, toHaveNoViolations } from 'jest-axe'
+import { axe, JestAxe, toHaveNoViolations } from 'jest-axe'
 import { ReactElement } from 'react'
 import { act } from 'react-dom/test-utils'
 
-import { axeDefaultOptions, AxeOptions } from './axe'
-
 expect.extend(toHaveNoViolations)
 
+type AxeOptions = Parameters<JestAxe>[1]
+export const axeDefaultOptions: AxeOptions = {
+  rules: {
+    // We are testing small units. They might not contain landmarks
+    region: {
+      enabled: false,
+    },
+    // We are using chrome-off for SelectField
+    'autocomplete-valid': { enabled: false },
+    // TODO: Fix later
+    'aria-tooltip-name': { enabled: false },
+  },
+}
+
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 let getAxeNodeDefault: (wrapper: ReactWrapper<any>) => Element = () => document.body
 /**

diff --git a/packages/test-helpers/src/index.ts b/packages/test-helpers/src/index.ts
@@ -4,5 +4,4 @@ export * from './form'
 export * from './hooks'
 export * from './time'
 export * from './utils'
-export * from './axe'
 export * from './render'
diff --git a/packages/test-helpers/src/render.ts b/packages/test-helpers/src/render.ts
@@ -1,11 +1,23 @@
 import { ReactElement } from 'react'
 import { render, RenderResult } from '@testing-library/react'
-import { axe, toHaveNoViolations } from 'jest-axe'
-
-import { axeDefaultOptions, AxeOptions } from './axe'
+import { axe, JestAxe, toHaveNoViolations } from 'jest-axe'
 
 expect.extend(toHaveNoViolations)
 
+type AxeOptions = Parameters<JestAxe>[1]
+const axeDefaultOptions: AxeOptions = {
+  rules: {
+    // We are testing small units. They might not contain landmarks
+    region: {
+      enabled: false,
+    },
+    // We are using chrome-off for SelectField
+    'autocomplete-valid': { enabled: false },
+    // TODO: Fix later
+    'aria-tooltip-name': { enabled: false },
+  },
+}
+
 export interface RenderAndCheckA11YOptions {
   axeOptions?: AxeOptions
 }