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(),