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

2.7 KiB
Raw Blame History

Як додати тести 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 Development Environment is Running

If starting the GitPod environment did not automatically develop the environment:

  • Start the database
mongod
  • Seed the database
npm run seed
  • Develop the server and client
npm run develop

2. Install Cypress Build Tools

npm run cypress:install-build-tools
  • When prompted in the terminal, select your keyboard layout by language/area

Тепер, Cypress може бути запущений