react-a11y-inspector/src/tests/A11yInspector.test.js

An advanced React accessibility inspection tool with real-time monitoring, screen reader simulation, and customizable rules.

import React from 'react';
import { render, screen, act } from '@testing-library/react';
import A11yInspector from '../components/A11yInspector';

describe('A11yInspector Tests', () => {
  beforeEach(() => {
    document.body.innerHTML = ''; // Reset DOM
  });

  test(
    'renders without crashing',
    async () => {
      await act(async () => {
        render(<A11yInspector enabled={true} />);
      });

      expect(screen.getByText(/Accessibility Issues Detected/i)).toBeInTheDocument();
    },
    15000
  );

  test(
    'detects missing form labels',
    async () => {
      document.body.innerHTML = `<input name="username" />`;

      await act(async () => {
        render(<A11yInspector enabled={true} />);
      });

      expect(screen.getByText(/missing a label/i)).toBeInTheDocument();
    },
    15000
  );
});