В этом учебном пособии по тестированию Cypress мы будем выполнять настройку и установку на нашем локальном компьютере, чтобы запустить Cypress.
Одна из замечательных особенностей Cypress заключается в том, что с помощью всего одной команды вы можете установить все необходимые пакеты. чтобы начать писать свой первый тест с помощью Cypress. Давайте посмотрим на это -

Установка

Чтобы установить Cypress локально, вам необходимо выполнить следующие шаги:

  • Создайте новый проект npm:
    mkdir your_project_name && cd your_project_name
    npm init -y to initialize your project
  • Установите Cypress:
    npm install cypress --save-dev

Это загрузит и разархивирует настольный клиент Cypress и установит для вас все необходимые пакеты.

После установки Cypress вы можете открыть настольное приложение Cypress, выполнив следующую команду:

npx cypress open

Это откроет для вас приложение Cypress и перечислит все исходные предварительно созданные тесты —

Запуск тестов в Cypress Test Runner

Нажмите на любой из предварительно созданных примеров тестов, и он запустит Cypress Test Runner и начнет выполнять все тесты.

Структура папок Cypress

Когда вы устанавливаете Cypress, он автоматически настроит для вас структуру папок —

  • Fixtures: используется для хранения всех внешних статических данных для ваших тестов, т. е. файлов данных JSON, изображений и т. д.
  • Интеграция: здесь хранятся все ваши тестовые файлы.
  • Плагины: вы можете расширить функциональные возможности Cypress, воспользовавшись встроенными плагинами Cypress, а также плагинами, созданными сообществом.
  • Поддержка: в папке поддержки вы можете хранить пользовательские команды, которые могут использоваться вашими тестами.
  • Cypress.json: это файл конфигурации по умолчанию, в котором вы можете хранить такую ​​информацию, как baseUrl, env, порт и т. д.

Посмотрите видео ниже, чтобы узнать, как настроить и установить Cypress на локальном компьютере:

Спасибо за чтение!

Дополнительные материалы на plainenglish.io