Чем getByRole отличается от getByText и getByTestId?

Junior
269 просмотров
AFK Offer AI

getByRole("button", { name: "Submit" }) — предпочтительный метод, ищет по accessibility роли. Тестирует доступность заодно. getByText("Hello") ищет по видимому тексту — хорош для статического контента. getByLabelText("Email") — для форм, ищет по label. getByTestId("my-id") — последний resort, ищет по data-testid атрибуту, не привязан к UI. Приоритет: getByRole > getByLabelText > getByText > getByTestId. Чем ближе к пользовательскому опыту запрос, тем лучше тест.

Следующий вопрос

Как работает lazy loading картинок?