Существует множество фреймворков, которые вы можете использовать для тестирования. Поскольку я пытаюсь сделать наш тест небольшим, простым и понятным, этот стек тестирования кажется лучшим по этим причинам. Мы начинаем отсюда: npm install --save-dev webpack babel-core babel-loader babel-plugin-rewire babel-preset-stage-1 babel-preset-react babel-preset-es2015 babel-polyfill babel-plugin-transform-react-remove-prop-types json-loader react-addons-test-utils webpack tape tap-spec karma..

Автор Мэттью Вуд По мере роста приложения React важно убедиться, что все компоненты продолжают работать вместе. Используя Enzyme, мы создали среду интеграционного тестирования, которая тестирует приложение React целиком, не полагаясь на сервер. Результатом стал молниеносный набор интеграционных тестов, который дает нам высокую уверенность в том, что критические пути нашего приложения всегда работают. При кодировании приложения важно иметь тесты как часть базы кода. Мартин Фаулер..

В связи с растущей сложностью приложений модульное тестирование становится обязательным. Поскольку мы пишем код на JS, мы можем использовать большинство доступных фреймворков / библиотек для тестирования react/web приложений без особых изменений. Использование Jest Framework и некоторых дополнительных утилит, таких как фермент, упрощает жизнь разработчика. Какая польза от тестирования кода пользовательского интерфейса? Мы все задавали / задавали этот вопрос хотя бы раз...

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

В предыдущем уроке я обсуждал неглубокий или монтируемый в Enzyme . В этом руководстве мы подробнее рассмотрим тестирование с помощью Jest и Enzyme, написав тесты для рендеринга, взаимодействий и вызовов методов жизненного цикла. Во-первых, у вас должен быть проект под названием «testing-demo-app» , который я использовал в предыдущих руководствах. Вы можете найти его по ссылке ниже. wasuradananjith / testing-demo-app Это исходный код для серии..