ARIA (Accessible Rich Internet Applications) роли — это атрибуты, используемые для улучшения доступности веб-контента для пользователей с ограниченными возможностями. Они помогают программам чтения с экрана и другим вспомогательным технологиям лучше понимать структуру и функциональность веб-приложений.

При использовании react-testing-library в Jest, вы можете тестировать элементы по их ARIA-ролям. Например, если у вас есть кнопка с ролью button, вы можете найти её с помощью функции getByRole:

import { render, screen } from '@testing-library/react';
import MyComponent from './MyComponent';
 
it('renders a button with ARIA role', () => {
  render(<MyComponent />);
  const buttonElement = screen.getByRole('button');
  
  expect(buttonElement).toBeInTheDocument();
});

• Поиск кнопки:

    const button = screen.getByRole('button', { name: /submit/i });

• Поиск диалогового окна:

    const dialog = screen.getByRole('dialog');

• Поиск ссылки:

    const link = screen.getByRole('link', { name: /home/i });

Использование ARIA-ролей в тестах помогает убедиться, что ваши компоненты доступны и правильно интерпретируются вспомогательными технологиями.

Назад