Автоматизация тестирования на React.js

Question

У нас есть пользовательский интерфейс, построенный на платформе REACT. Проблема, с которой я столкнулась с React, заключается в том, что она не дает уникальный идентификатор, необходимый для тестирования автоматизации для идентификации веб-элементов. Я не могу создавать тестовые скрипты на основе CSS-пути или XPATH веб-элементов, так как он будет продолжать меняться, увеличивая усилия по обслуживанию скриптов.

мне нужно знать

Какие рамки лучше всего протестировать пользовательский интерфейс на основе ВЗАИМОДЕЙСТВУЕТ рамки? Какой идентификатор (id, CSS Path, Xpath) используется в этих инструментах? Если я не получаю уникальный идентификатор в приложении, что такое работа? Помогите решить эту проблему с помощью функции unique-id-mixin?

Answer 1

Если вы хотите запустить модульные тесты, а затем взгляните на Фермент Airbnb. Вы можете определить компоненты/элементы с помощью ссылки на компонент (а также пути CSS)

https://github.com/airbnb/enzyme

it('renders three <Foo /> components',() => { 
    const wrapper = shallow(<MyComponent />); 
    expect(wrapper.find(Foo)).to.have.length(3); 
}); 

Если вы хотите, чтобы запустить функциональные тесты, то, возможно, вы должны смотреть на добавление идентификаторов к компонентам (атрибуты классов/данных и т. д.)