Как протестировать и написать тестовые примеры для приложения ReactJS с помощью Protractor?

Я пытался протестировать свое собственное приложение React с помощью Protractor, но я не знаю правильного синтаксиса тестовых случаев. Я искал несколько вещей, таких как:

await browser.waitForAngularEnabled(false);

Команда полезна, но я все еще не знаю, как писать тестовые примеры для приложения React. Учебники доступны только для Angular, например, как нажать на определенную кнопку, как написать в поле ввода, как проверить результат теста, как сопоставить значения, как получить заголовок и т. д. Пожалуйста, помогите мне в этом, потому что для этого мне нужен транспортир. Заранее спасибо.

Это выглядит полезным medium.com/@abhinabaghosh.1994/…

K. B. 20.12.2020 14:35

Я видел это ранее, я не понимаю, как получить результат в конце и посмотреть, правильно это или нет?

Ashley Green 20.12.2020 16:11

Плюс хуки тоже состоят из разных состояний я чертовски запутался

Ashley Green 20.12.2020 16:26
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
Что такое компоненты React? Введение в компоненты | Типы компонентов
Что такое компоненты React? Введение в компоненты | Типы компонентов
Компонент - это независимый, многократно используемый фрагмент кода, который делит пользовательский интерфейс на более мелкие части. Например, если мы...
Введение в одну из самых важных концепций в React - функциональное программирование.
Введение в одну из самых важных концепций в React - функциональное программирование.
React разработан с использованием концепции функционального программирования, поэтому понимание функционального программирования важно для изучения...
Руководство спасателя React по созданию масштабируемых приложений
Руководство спасателя React по созданию масштабируемых приложений
А, React. Это одна из самых популярных библиотек JavaScript. Ее любят за гибкость, простоту использования и, будем честны, за то, что она позволяет...
1
3
422
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Преимущество транспортира в том, что он не зависит от языка. Вы можете протестировать страницы реакции, как и любую другую страницу. Убедитесь, что вы установили ignoreSynchronization перед тем, как посетить страницу без углов, и все эти руководства должны работать.

// if true, ignore synchornization for testing non-angular pages.
browser.ignoreSynchronization = true;

Возможно, вам придется заменить угловые ожидания своими собственными.

Другие вопросы по теме