Лучшие практики для идентификации элементов HTML в современных веб-приложениях? ⇐ Html

[Anonymous]

У меня есть старая кодовая база React/Typescript.

• очень большая и сложная.
• не реализовано ни одного теста (Jest установлен, но тестовые примеры отсутствуют).
• фронтэнд имеет тысячи возможных пользовательских потоков.
• Десятки повторно используемых компонентов.
• Также много дублированного кода.
  />

Я попробовал реализовать E2E-тестирование с помощью Playwright и столкнулся с проблемами при идентификации элементов по их роли или внутреннему тексту.
Например, кнопка содержала текст на немецком языке, но тест выполнялся в английских настройках браузера, и переведенная кнопка не могла быть идентифицирована, что приводило к тайм-ауту теста.
Я добавил идентификаторы к нескольким элементам, чтобы тесты работали, но потом до меня дошли слухи "Идентификаторы не следует злоупотреблять из соображений удобства обслуживания" (я также пробовал следовать этому учебнику Youtube, в котором используются идентификаторы data-test-ID, но упоминается та же общая проблема)
Есть предложения о том, что следует использовать вместо этого? Научно проверенный метод был бы очень признателен...

Подробнее здесь: https://stackoverflow.com/questions/798 ... plications