Когда происходят тесты пользовательского интерфейса в приложении React?

Question

Итак, я понимаю процесс юнит-тестирования и ферментативного / доменного тестирования в рамках реактивного проекта.Тесты извлекают компоненты, макетируют то, что необходимо, и затем эти тесты можно запускать вручную, либо с помощью инструмента CI или перехватчиков git.

Однако, когда я читаю и пишу тесты пользовательского интерфейса Puppeteer, янемного смущен.Большинству, кажется, требуется, чтобы весь сервер работал, так как они полагаются на localhost: 3000.Другими словами, тестирование требует больше, чем просто запуск тестового файла .

Поэтому я полагаю, что мой вопрос

1. Не понимаю ли я как Тесты пользовательского интерфейса работают, и есть ли способ вытащить изолированные / поддельные компоненты, чтобы эти тесты можно было запустить, просто запустив файл теста

или

Не понимаю ли я , когда тесты пользовательского интерфейса должны быть выполнены.Являются ли они чем-то, что вручную запускается разработчиками?

Answer 1

Если вы говорите о модульном тестировании ваших компонентов пользовательского интерфейса, вы должны использовать энзим и Jest.Вы должны иметь возможность монтировать отдельные отдельные компоненты в свои собственные тестовые файлы и запускать их автоматически.

https://facebook.github.io/jest/

https://facebook.github.io/jest/docs/en/tutorial-react.html

Puppeteer запускаетсянастоящий безголовый браузер.Вот документы по его интеграции с Jest.Короче говоря, все со стороны кукловода настроено глобально, прежде чем будет запущена какая-либо реакция.Затем выполняется фактический запрос браузера.

https://github.com/smooth-code/jest-puppeteer https://facebook.github.io/jest/docs/en/puppeteer.html