Почему Кипарис?

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

  1. Тестируйте современные приложения прямо в браузере. Cypress позволяет тестировать веб-приложения непосредственно в браузере, обеспечивая более реалистичную и точную среду тестирования. Он может взаимодействовать с DOM вашего приложения, сетевыми запросами и другими функциями браузера, предоставляя вам больший контроль и наглядность во время тестирования.
  2. Напишите свой первый проходной тест за считанные минуты. У Cypress есть простой и интуитивно понятный API, позволяющий быстро и легко написать свой первый проходной тест. Его синтаксис разработан таким образом, чтобы быть удобным и доступным для разработчиков, что позволяет вам эффективно и результативно создавать тесты.
  3. Отладка сбоев непосредственно в браузере. Когда тест не пройден, Cypress предоставляет мощные и интерактивные средства отладки. Вы можете просматривать состояние приложения, проверять элементы DOM и даже выполнять команды в консоли браузера, что позволяет быстро диагностировать и устранять проблемы.
  4. Легко устраняйте ненадежные тесты. Cypress имеет встроенные механизмы автоматического ожидания и повторных попыток, гарантирующие, что ваши тесты будут выполняться надежно и последовательно. Он интеллектуально ожидает, пока приложение достигнет желаемого состояния, прежде чем выполнять действия или утверждения, уменьшая нестабильность и устраняя проблемы, связанные со временем.
  5. Интеграция Cypress с любым поставщиком непрерывной интеграции: Cypress спроектирован так, чтобы легко интегрироваться с любым поставщиком непрерывной интеграции (CI). Он предоставляет инструменты командной строки и комплексный интерфейс командной строки, что позволяет легко настраивать и запускать тесты Cypress в конвейере CI. Это позволяет автоматизировать процесс тестирования и обеспечить непрерывное тестирование и мониторинг вашего приложения.

Монтаж:

Шаг 1. Установите редактор кода Visual Studio.

Шаг 2. Создайте новую папку и откройте ее в редакторе кода Visual Studio.

Шаг 3. Установите диспетчер пакетов узла.

установка npm

Шаг 4: создаст готовый файл package.json.

npm -i инициализировать

пакет.json

Шаг 5: Установите cypress с помощью приведенной ниже команды, которая загрузит все необходимые пакеты.

npm install cypress — save-dev

Шаг 6. Откройте cypress с помощью команды npx cypress open.

Cypress добавит несколько примеров файлов:

Вы можете выбрать любой браузер, я выбираю хром

Шаг 7. После выбора браузера откроется программа запуска тестов.

Вы можете запустить любую спецификацию (тестовые случаи) из примера.

Шаг 8. В коде Visual Studio создайте новую папку в разделе cypress Integration/examples и начните писать тестовые примеры.

и создайте образец файла спецификации (тестового примера) с расширением .js.

Шаг 9. Создайте спецификацию для открытия страницы Google:

сохраните файл спецификации и обновите файл cypress.config.js.

добавьте specPattern: ‘cypress/Integration/examples/*.js’и сохраните файл — чтобы программа запуска тестов ссылалась на тестовые случаи из указанной папки.

Шаг 10. Теперь средство запуска тестов будет ссылаться на путь к недавно созданному тестовому файлу.

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

Тесты проходят успешно.

Удачного обучения :-)