Как и в тестировании, у нас есть два подхода: один — это ручное тестирование (поскольку тестировщик выполняет сквозное ..), второй — написание единичных случаев для каждого модуля или компонента.
Как и в бэкэнд-разработке, инструменты mocha + Jasmine используются для прохождения тестов автоматизации. Точно так же для внешнего интерфейса мы используем библиотеку Jest + Enzyme, чтобы получить этот подход.
Здесь все, что нам нужно сделать, выполнив следующие шаги:
Шаг 1. начните с создания шаблона приложения для реагирования.
модульное тестирование приложения creact-react-app
Шаг 2: Мы видим, что библиотека Jest уже есть, поэтому установите фермент как зависимости для разработчиков.
npm i – разработка фермента-адаптера-реакции-16
Шаг 3: создание энзима.js в папке src,
Шаг 4: здесь я создал папку компонента и внутри этого компонента создал папку __test__ для целей тестирования.
По сути, фермент — это библиотека служебных функций для тестовых случаев.., которая предоставляет все функции, которые мы хотим протестировать в качестве набора и вариантов использования.
Enzyme предоставляет вспомогательные функции mount, shallow и render. Проще говоря, мы можем сказать, что shallow используется только для родительского элемента/компонента класса.
Это не будет работать для дочерних элементов реквизита..
Для данных props мы используем mount, чтобы получить элемент props внутреннего компонента и свойства DOM.
нажмите для получения дополнительной информации о ферменте
Здесь у меня есть настройка файла конфигурации фермента.
Здесь переданы дела, которые мы завершили..
Основное понимание, просмотрите и запустите код github один раз.