Идентификация элементов на веб-странице ReactJS с использованием Selenium, это лучший способ?

Question

Я пытаюсь написать веб-управляемые тесты с использованием Selenium на веб-странице, созданной с помощьюactjs. Я могу получить свои элементы с помощью xpath, но это не идеально и очень ограничивает.

1. Если с сайтом произойдут какие-либо изменения, xpath не будет работать.
2. все имена классов идентичны без других атрибутов для захвата, а также имена классов меняются, потому что они динамически создаются по реакции.
3. Нет других используемых атрибутов.
4. Не могу использовать CSSSelector, потому что имя css также создается с помощьюact.

Мои основные проблемы продолжают появляться, когда я хочу определенный элемент, например, тот, который я только что создал, или как манипулировать определенным элементом в списке.

Я постоянно сталкиваюсь с одной и той же проблемой для каждого теста, который я пытаюсь написать, без уникальных идентификаторов. Я не знаком с ReactionJs, но это общая проблема с Selenium?

Answer 1

Обычной практикой является использование атрибута data-test в ваших элементах HTML для помощи в тестировании на основе браузера; независимо от того, статический он или рендерится с помощью JS-инфраструктуры; Я бы порекомендовал вам попросить разработчиков включить эти атрибуты во всю кодовую базу, чтобы позволить вам легко ориентироваться на элементы, которые вы хотите протестировать, не беспокоясь об изменении имен классов или атрибутов id.