diff --git a/test/pages/CivicProfile.test.jsx b/test/pages/CivicProfile.test.jsx index cc729e24b..bd42881df 100644 --- a/test/pages/CivicProfile.test.jsx +++ b/test/pages/CivicProfile.test.jsx @@ -4,6 +4,18 @@ import { render } from '@testing-library/react'; import { expect, it } from 'vitest'; import { CivicProfile } from '@pages'; import createMatchMedia from '../helpers/createMatchMedia'; +import isAccessible from '../utils/axe'; + +// TODO: Fix accessibility issues with this component +it.skip('should be accessible', () => { + isAccessible( + render( + + + + ) + ); +}); it('renders page container flex direction as row and nav container width as 25% by default', () => { const component = render( diff --git a/test/pages/Contacts.test.jsx b/test/pages/Contacts.test.jsx index eeefcf308..532a89f3b 100644 --- a/test/pages/Contacts.test.jsx +++ b/test/pages/Contacts.test.jsx @@ -5,6 +5,7 @@ import { render } from '@testing-library/react'; import { useContactsList } from '@hooks'; import { BrowserRouter } from 'react-router-dom'; import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; +import isAccessible from '../utils/axe'; vi.mock('@hooks', async () => { const actual = await vi.importActual('@hooks'); @@ -22,6 +23,32 @@ describe('Contacts Page', () => { vi.clearAllMocks(); }); + // TODO: Fix accessibility issues with this component + it.skip('should be accessible', () => { + const firstContact = { + person: 'Peter Parker', + familyName: 'Parker', + givenName: 'Peter', + webId: 'http://peter.com' + }; + const secondContact = { + person: 'Batman', + familyName: 'Batman', + givenName: 'Batman', + webId: 'http://batman.com' + }; + useContactsList.mockReturnValue({ data: [firstContact, secondContact] }); + isAccessible( + render( + + + + + + ) + ); + }); + it('displays Loading message while loading', () => { useContactsList.mockReturnValue({ isLoading: true }); const { getByRole } = render( diff --git a/test/pages/Home.test.jsx b/test/pages/Home.test.jsx index 042ea2ec9..1aef64128 100644 --- a/test/pages/Home.test.jsx +++ b/test/pages/Home.test.jsx @@ -3,10 +3,15 @@ import { render, cleanup, screen } from '@testing-library/react'; import { expect, describe, it, afterEach } from 'vitest'; import { Home } from '@pages'; import createMatchMedia from '../helpers/createMatchMedia'; +import isAccessible from '../utils/axe'; describe('Home Page', () => { afterEach(cleanup); + it('should be accessible', () => { + isAccessible(render()); + }); + it('renders with correct order of logoSection on mobile', () => { window.matchMedia = createMatchMedia(599); render(); diff --git a/test/pages/PersonalProfile.test.jsx b/test/pages/PersonalProfile.test.jsx index 876a10f16..67c3d26ce 100644 --- a/test/pages/PersonalProfile.test.jsx +++ b/test/pages/PersonalProfile.test.jsx @@ -4,10 +4,22 @@ import { BrowserRouter } from 'react-router-dom'; import { expect, it, describe } from 'vitest'; import { CivicProfile } from '@pages'; import { CIVIC_FORM_LIST } from '@components/CivicProfileForms'; +import isAccessible from '../utils/axe'; describe('Civic Profile', () => { const numLinks = CIVIC_FORM_LIST.length; + // TODO: Fix accessibility issues with this component + it.skip('should be accessible', () => { + isAccessible( + render( + + + + ) + ); + }); + it('renders buttons for all forms in CIVIC_FORM_LIST', () => { const { getByRole, getAllByRole } = render( diff --git a/test/pages/Signup.test.jsx b/test/pages/Signup.test.jsx index 230ef3cf8..3b4a4f9be 100644 --- a/test/pages/Signup.test.jsx +++ b/test/pages/Signup.test.jsx @@ -6,6 +6,7 @@ import { BrowserRouter } from 'react-router-dom'; import { Signup } from '@pages'; import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import { SessionContext } from '@contexts'; +import isAccessible from '../utils/axe'; vi.mock('@inrupt/solid-client'); @@ -37,6 +38,21 @@ const MockSignupContexts = ({ session }) => ( ); describe('Signup Page', () => { + it('should be accessible', () => { + const sessionObj = { + login: vi.fn(), + fetch: vi.fn(), + podUrl: 'https://example.com', + session: { + info: { + webId: 'https://example.com/profile/', + isLoggedIn: false + } + } + }; + isAccessible(render()); + }); + it('renders', () => { const sessionObj = { login: vi.fn(),