Плагины

Препроцессоры

• Browserify

  официально

  Отслеживает и собирает ваши файлы спецификаций с помощью browserify. Это по умолчанию препроцессор, встроенный в Cypress.

  #browserify

• Cucumber

  сообщество

  Запускает спецификации с синтаксисом cucumber/gherkin с помощью cypress.io

  #file-watcher#cucumber

• cypress-app-watcher-preprocessor

  сообщество

  Перезапускает тесты Cypress при перезапуске сервера бэкэнда

  #file-watcher

• cypress-eslint-preprocessor

  сообщество

  Выполняет проверку кода с помощью ESLint для ваших файлов спецификаций при их загрузке и отображает ошибки в консоли

  #eslint

• Watch

  официально

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

  #file-watcher

• Webpack

  официально

  Отслеживает и собирает ваши файлы спецификаций с помощью webpack.

  #webpack

• Rollup

  сообщество

  Отслеживает и собирает ваши файлы спецификаций с помощью Rollup

  #rollup

• cypress-markdown-preprocessor

  сообщество

  Препроцессор Cypress для извлечения тестов из файлов Markdown

  #markdown

• cypress-rollup-preprocessor

  сообщество

  Препроцессор Cypress для сборки JavaScript с помощью rollup

  #rollup

• @bahmutov/cypress-esbuild-preprocessor

  сообщество

  Сборка спецификаций Cypress с помощью esbuild

  #esbuild

• cypress-esbuild-preprocessor

  сообщество

  Использует evanw/esbuild для сборки ваших спецификаций.

  #esbuild

Расширение других фреймворков тестирования

• cyphell

  community

  Преобразование тестов автоматизации WDIO в Cypress.

  #wdio

• cypress-capybara

  community

  Несколько поисковых запросов Capybara, повторно реализованных в Cypress, для поиска элементов пользовательского интерфейса по их тексту и меткам.

  #testing-library#capybara

• cypress-jest-adapter

  community

  Добавление стиля утверждений Jest к команде Cypress expect

  #jest

• PickleJS

  community

  Дополнительный плагин Cucumber, содержащий набор фраз, которые можно использовать для общих действий (например, «Я нажимаю на <Элемент>», «Я должен увидеть <Элемент>»)

  #cucumber#collection#actions#commands

Аутентификация

Также ознакомьтесь с рецептами входа в систему.

• cypress-keycloak-commands

  verified

  Команды Cypress для аутентификации пользователей с помощью поставщика удостоверений Keycloak

  #authentication#login#keycloak#oauth#openid

• cypress-ntlm-auth

  verified

  Поддержка NTLM-аутентификации для Cypress

  #authentication#ntlm

• cypress-otp

  community

  Генерация допустимого токена OTP для Cypress

  #authentication#otp#2fa#mfa

• cypress-social-logins

  community

  Потоки аутентификации Cypress с использованием социальных сетей

  #authentication#login#social profiles#github#google

Инструментарий фреймворка

• Cypress Angular Schematic

  community

  Добавление в Angular CLI, позволяющее установить Cypress E2E в проект Angular CLI

  #angular#cli

• cypress-on-rails

  community

  Rubygem для использования cypress.io с приложениями Ruby on Rails

  #ruby-rack#ruby-on-rails

• Nx

  community

  Интеллектуальная, быстрая и расширяемая система сборки

  #angular#react#cli#monorepo

• Vue CLI

  verified

  Vue CLI позволяет вам создать каркас приложения с полностью настроенным Cypress E2E

  #vue.js#vue#cli

• Cypress Nuxt

  community

  Утилиты для использования Cypress с Nuxt.

  #vue.js#vue#nuxt#nuxt.js

• Aurelia CLI

  community

  Aurelia CLI — это официальный инструмент командной строки для Aurelia.

  #aurelia#cli

• WordPress ReactJS Boilerplate

  community

  Полный шаблон плагина WordPress, включая тесты Cypress.io E2E.

  #wp#wordpress

• Next Right Now - Next.js Boilerplate

  community

  Шаблон Next.js с Jest/Cypress и встроенным конвейером CI/CD (monorepo, многопользовательский)

  #next.js#react#monorepo#multi-tenants

• Elm Batteries Included

  community

  Шаблон проекта для изучения того, как Elm, Parcel, Cypress и Netlify работают вместе.

  #elm#parcel#netlify

• cypress-rails

  community

  Драгоценный камень Ruby для запуска Cypress для приложений Rails, заменяющий Capybara в системных тестах

  #ruby#rails

• cypress-laravel

  community

  Добавить команды и хуки для тестирования приложений Laravel

  #php#laravel

• cypress-splitio

  community

  Сохраняет ваши переключатели split.io как переменные среды. Помогает определить, какие тесты e2e необходимо запустить.

  #split.io#feature flags

• Bison

  community

  Полный шаблон Jamstack, использующий Cypress и GitHub Actions для E2E-тестирования.

  #next.js#react#graphql#prisma#vercel

• @cypress/schematic

  official

  Добавляет Cypress в ваш проект Angular через Angular CLI

  #angular#cli

Компоненты Тестирования

⚠️ Загрузка и подключение компонентов из различных фреймворков — функция экспериментальная и может быть изменена в будущем.

• cypress-angular-unit-test

  experimental

  Тестирование компонентов Angular с помощью Cypress Test Runner

  #component#angular

• cypress-angularjs-unit-test

  experimental

  Тестирование кода Angularjs с использованием Cypress Test Runner

  #component#angular.js

• cypress-cycle-unit-test

  experimental

  Тестирование компонентов Cycle.js с помощью Cypress Test Runner

  #component#cycle.js

• cypress-hyperapp-unit-test

  experimental

  Тестирование компонентов и приложений Hyperapp с помощью Cypress Test Runner

  #component#hyperapp

• @cypress/react

  experimental

  Тестирование компонентов React с помощью Cypress Test Runner

  #component#react

• cypress-svelte-unit-test

  experimental

  Тестирование компонентов Svelte с помощью Cypress Test Runner

  #component#svelte

• @cypress/vue

  experimental

  Тестирование компонентов Vue.js с помощью Cypress Test Runner

  #component#vue#vue.js

Визуальное Тестирование

Визуальное тестирование – отличное дополнение к функциональному тестированию

• Applitools

  verified

  Быстрое, простое и надёжное визуальное тестирование пользовательского интерфейса с помощью Cypress

• Percy

  verified

  Визуальное тестирование регрессии для тестов Cypress с помощью Percy.

  #скриншоты#визуальная регрессия

• Happo

  community

  Тестирование скриншотов на разных платформах и браузерах для современных пользовательских интерфейсов.

  #скриншоты#визуальная регрессия

• cypress-plugin-snapshots

  community

  Плагин для тестов-скриншотов в Cypress. API аналогичен Jest, но с графическим интерфейсом для проверки и утверждения изменений.

  #снимок

• Cypress Image Snapshot

  community

  Выявляйте визуальные регрессии и сравнивайте различия изображений локально и в панели Cypress Dashboard.

  #сравнение изображений#снимок

• Cypress Visual Regression

  community

  Добавляет визуальное тестирование регрессии в Cypress

  #сравнение изображений#снимок

• cypress-blink-test

  community

  Модуль для добавления визуального тестирования регрессии в Cypress.

  #сравнение изображений#снимок

• Visual Regression Tracker

  community

  Интеграция с открытой облачной платформой для визуального тестирования и управления его результатами.

  #скриншоты#сравнение изображений#визуальная регрессия

• Cypress Image Diff

  community

  Плагин визуального тестирования регрессии, поддерживаемый DIT - UK Gov.

  #скриншоты#визуальная регрессия#сравнение изображений

• Micoo

  community

  Плагин Cypress для проведения визуального тестирования регрессии с помощью сервиса Micoo

  #визуальное тестирование регрессии#визуальное тестирование#сравнение скриншотов#сервис тестирования

Отчётность

• cypress-failed-log

  community

  Сохраняет протокол команд Cypress-теста в формате JSON, если тест завершается неудачно.

  #reporter

• cypress-log-to-output

  community

  Плагин, который выводит все логи консоли браузера в терминал во время выполнения Cypress-тестов. В настоящее время поддерживается только Chrome.

  #logging

• autoset-status-cypress-testrail-reporter

  community

  Отчётчик TestRail, который автоматически устанавливает статус для определенного TestRun для Cypress.

  #testrail#reporter#autoset#status

• cypress-testrail-reporter

  community

  Пользовательский отчётчик для публикации результатов Cypress в запуск теста TestRail.

  #testrail#reporter

• cypress-teamcity-reporter

  community

  Пользовательский отчётчик для Teamcity, который позволяет отображать результаты тестов в режиме реального времени и добавлять их на вкладку «Тесты» страницы результатов сборки.

  #teamcity#reporter

• mochawesome-merge

  community

  Объединяет несколько отчётов mochawesome в формате JSON.

  #reporter#mochawesome

• cypress-slack-healthcheck

  community

  Простой инструмент, который интегрирует Cypress с Slack для отчётов о не пройденных тестах.

  #reporter#slack#healthcheck

• cypress-slack-reporter

  community

  Инструмент отчётов Slack. Использует отчёты mochawesome в формате JSON, предоставляет ссылки на провайдера VCS (github/bitbucket) и журналы CircleCI.

  #reporter#mochawesome#slack

• cypress-terminal-report

  community

  Записывает команды Cypress, данные запросов маршрута и ошибки/предупреждения консоли браузера в терминал, когда тесты завершаются неудачно в CI.

  #reporter#logs#terminal#CI#CLI

• cypress-allure-plugin

  community

  Интегрирует отчётчик Allure с Cypress. Логирование команд и вложение скриншотов по умолчанию.

  #reporter#allure

• cypress-mochawesome-reporter

  community

  Отчётчик Mochawesome для Cypress без конфигурации со скриншотами.

  #reporter#mochawesome#screenshot

• cypress-msteams-reporter

  community

  Инструмент отчётов, который отправляет сообщение в Microsoft Teams с информацией о последних результатах выполнения Cypress-тестов.

  #reporter#ms-teams#allure-report

Электронная почта

• cypress-mailosaur

  community

  Тестирование электронных писем и SMS с помощью Mailosaur

  #email#sms#commands

• cypress-maildev

  community

  Набор команд Cypress для тестирования сообщений (SMS и электронных писем) с помощью API Maildev.

  #email#sms#commands

• cypress-mailslurp

  community

  Использование тестовых электронных ящиков для отправки и получения электронных писем в Cypress-тестах с помощью MailSlurp.

  #email#mailslurp#test#commands