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-ролей в тестах помогает убедиться, что ваши компоненты доступны и правильно интерпретируются вспомогательными технологиями.

Назад