Чтобы добавить Cypress в проект React с помощью npm, вы можете выполнить следующие действия:
Метод 1: использование приложения Create React (CRA):
- Создайте новый проект React с помощью Create React App:
npx create-react-app my-project - Перейдите в каталог проекта:
cd my-project - Установите Cypress как зависимость разработки:
npm install cypress --save-dev - После завершения установки вы можете открыть Cypress, выполнив:
npx cypress open - Cypress запустит и создаст структуру тестовых папок по умолчанию в каталоге вашего проекта.
Метод 2. Ручная настройка:
- Перейдите в каталог проекта React.
- Установите Cypress как зависимость разработки:
npm install cypress --save-dev - После установки Cypress создаст каталог
cypressв корне вашего проекта. - Вы можете открыть Cypress, добавив скрипт в файл
package.json:"scripts": { "cypress": "cypress open" } - Запустите Cypress с помощью команды:
npm run cypress