freeCodeCamp/docs/i18n/ukrainian/how-to-add-cypress-tests.md

3.1 KiB
Raw Blame History

Як додати тести Cypress

При внесенні змін до JavaScript, CSS або HTML, які можуть змінити функціональність або макет сторінки, важливо додати відповідні інтеграційні тести Cypress.

Щоб дізнатися, як писати тести Cypress, або «специфікації», будь ласка, зверніться до офіційної документації Cypress.

Куди додати тест

  • Тести Cypress знаходяться в каталозі ./cypress.

  • Тести Cypress для модуля навчальної програми знаходяться у відповідному каталозі навчальної програми, тобто cypress/integration/learn/responsive-web-design/basic-css/index.js.

Як проводити тести

[!NOTE] Якщо ви використовуєте GitPod, див. налаштування Cypress-GitPod

1. Переконайтеся, що MongoDB і клієнтські програми запущені

2. Запустіть тести cypress

Щоб запустити тести продакшн збірок, замініть dev на prd нижче.

  • Щоб запустити всі тести в каталозі ./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. Переконайтеся, що середовище розробки запущене

Якщо запуск середовища GitPod не призвів до автоматичної розробки середовища:

  • Запустіть базу даних
mongod
  • Заповніть базу даних
npm run seed
  • Розробіть сервер та клієнта
npm run develop

2. Встановіть інструменти збірки Cypress

npm run cypress:install-build-tools
  • Якщо керований в терміналі, виберіть розкладку клавіатури за мовою/регіоном

Тепер Cypress можна запустити