CommonPage.spec.tsx

/* eslint-disable @typescript-eslint/no-explicit-any */

import '@testing-library/jest-dom';

import { act } from 'react';
import { render } from '@testing-library/react';
import { axe, toHaveNoViolations } from 'jest-axe';

import CommonPage from './CommonPage';

jest.mock('@contentful/live-preview/react', () => ({
  useContentfulInspectorMode: () => jest.fn(),
  useContentfulLiveUpdates: jest.fn((item) => item),
}));

beforeAll(() => {
  expect.extend(toHaveNoViolations);
});

it('Passes accessibility with default props', async () => act(async () => {
  const { container } = render(
    <CommonPage
      page={{ title: 'test-title', path: '/test-path' }}
      breadcrumbs={[{ title: 'test-title', path: '/test-path' }]}
      data={{ image: { url: '/test-url.jpg' } } as any}
    />,
  );

  const results = await axe(container);

  expect(results).toHaveNoViolations();
}));

it('Passes accessibility with optional props', async () => act(async () => {
  const { container } = render(
    <CommonPage
      page={{ title: 'test-title', path: '/test-path' }}
      parent={{ title: 'test-parent-title', path: '/test-parent-path' }}
      breadcrumbs={[{ title: 'test-title', path: '/test-path' }]}
      data={{} as any}
    />,
  );

  const results = await axe(container);

  expect(results).toHaveNoViolations();
}));