Установка и настройка Cypress

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

Монтаж

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

• Создайте новый проект NPM: mkdir your_project_name && cd your_project_name npm init -y для инициализации вашего проекта

• Установить Cypress: NPM установить Cypress--save-dev

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

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

NPX Cypress Open

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

Запустить тесты в Cypress Test Runner

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

Структура папок кипариса

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

• Светильники : используется для хранения всех внешних статических данных для ваших тестов, то есть файлов данных JSON, изображений и т. Д.
• Интеграция : Здесь хранятся все ваши тестовые файлы
• Плагины : Вы можете расширить функциональные возможности Cypress, используя встроенные кипарисы, а также плагины, созданные сообществом.
• Поддержка : В папке поддержки вы можете хранить пользовательские команды, которые могут быть использованы вашими тестами
• Cypress.json : Это файл конфигурации по умолчанию, где вы можете сохранить информацию, такую как Baseurl, Env, Port и т. Д.

Посмотрите видео ниже, чтобы увидеть, как настроить и установить Cypress на локальной машине –

📧 Подпишитесь на мой Список рассылки Чтобы получить доступ к большему количеству такого контента

👍 Следуйте AutomationBro в Твиттере для последних обновлений

…

Я люблю кофе! И, если этот пост помог вам, и вы хотели бы поддержать мою работу, вы можете сделать это, нажав на кнопку ниже и купив мне чашку кофе –

Вы также можете поддержать меня, любив и поделившись этим контентом.

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

Оригинал: “https://dev.to/automationbro/cypress-installation-setup-3749”