3.2 KiB
Як додати тести Cypress
При внесенні змін до JavaScript, CSS або HTML, які можуть змінити функціональність або макет сторінки, важливо додати відповідні інтеграційні тести Cypress.
Щоб дізнатися, як писати тести Cypress, або "специфікації", будь ласка, зверніться до офіційної документації Cypress.
Where to add a test
-
Тести Cypress знаходяться в каталозі
./cypress
. -
Тести Cypress для модуля навчальної програми знаходяться у відповідному каталозі навчальної програми, тобто
cypress/integration/learn/responsive-web-design/basic-css/index.js
.
Як проводити тести
[!NOTE] За користування GitPod, будь ласка, перегляньте Cypress-GitPod Setup
1. Переконайтеся, що MongoDB і клієнтські програми запущені
2. Запустіть тести cypress
To run tests against production builds, replace dev
with prd
below.
-
Щоб запустити всі тести в каталозі
./cypress
:npm run cypress:dev:run
-
Для запуску одного тесту:
npm run cypress:dev:run -- --spec=cypress/pathToYourSpec/youSpecFileName.js
-
Щоб створити збірку розробки, запустіть сервер розробки і виконайте всі існуючі тести cypress:
npm run e2e:dev:run
Налаштування Cypress-GitPod
1. Ensure you are on the Feature Preview of GitPod as of 01/02/2021
- Перейдіть на GitPod Docs - Feature Preview, щоб подивитись як увімкнути Feature Preview
2. Переконайтеся, що середовище розробки запущене
If starting the GitPod environment did not automatically develop the environment:
- Запустіть базу даних
mongod
- Заповніть базу даних
npm run seed
- Develop the server and client
npm run develop
3. Встановіть інструменти збірки Cypress
npm run cypress:install-build-tools
- Коли запитається у терміналі, виберіть вашу розкладку клавіатури за мовою/регіоном
Тепер, Cypress може бути запущений