How to stub API requests in Cypress?

Use the `cy.intercept()` command to mock network responses, delay requests, or spy on traffic. This allows you to test frontend behavior without hitting real backends, ideal for edge cases and faster tests.

Cypress vs Selenium: which is better for E2E testing?

Cypress offers a more integrated experience with built-in debugging and automatic waiting, while Selenium supports more browsers and multi-tab testing natively. Choose Cypress for developer-friendly workflows or Selenium for broader browser compatibility and legacy systems.

Can Cypress test iframes?

Cypress has limited iframe support; it can handle same-origin iframes with custom commands, but cross-origin iframes require workarounds and may not be straightforward, impacting tests for embedded content.

How to run Cypress tests in CI/CD pipelines?

Use the `cypress run` command with the `--headless` flag in CI environments. Cypress provides Docker images and configuration guides for seamless integration with tools like GitHub Actions or Jenkins.

Does Cypress work with React or Vue.js apps?

Yes, Cypress is framework-agnostic and works well with modern SPAs like React and Vue.js. Its automatic waiting and real-time reloads make it ideal for testing dynamic user interfaces in these ecosystems.

What's the difference between Cypress and Playwright?

Cypress excels in developer experience with time-travel debugging and an all-in-one setup, while Playwright offers native multi-browser support and better handling of cross-domain scenarios. Pick Cypress for simplicity or Playwright for flexibility.

Open-Awesome

cypress

MITTypeScriptv16.0.0

Fast, easy, and reliable end-to-end testing framework for web applications running in browsers.

Visit Website GitHub

51.0k stars3.7k forks0 contributors

What is cypress?

Cypress is an open-source end-to-end testing framework designed specifically for modern web applications. It enables developers to write, run, and debug tests for anything that runs in a browser, providing a fast and reliable testing experience. It solves common testing challenges like flaky tests, complex async handling, and slow debugging workflows.

Target Audience

Frontend developers, QA engineers, and full-stack developers who need to test web applications in real browsers with a focus on reliability and developer experience.

Value Proposition

Developers choose Cypress for its all-in-one testing architecture, which eliminates the need for external tools and provides features like time-travel debugging, automatic waiting, and real-time reloads out of the box. Its focus on ease of use and consistency makes it a preferred alternative to more complex or fragmented testing setups.

Overview

Fast, easy and reliable testing for anything that runs in a browser.

Use Cases

Best For

Writing reliable end-to-end tests for single-page applications (SPAs)
Debugging flaky tests with visual time-travel snapshots
Testing complex user flows with automatic waiting and network stubbing
Integrating testing into CI/CD pipelines with consistent results
Cross-browser testing for Chrome, Firefox, Edge, and Electron
Developing test suites with real-time feedback during TDD workflows

Not Ideal For

Applications that heavily rely on cross-domain navigation or multiple superdomains per test
Native mobile or desktop app testing outside of browser environments
Performance benchmarking or load testing where lightweight tools are preferred
Projects that require testing server-side rendered pages with zero JavaScript execution

Pros & Cons

Pros

Visual Time-Travel Debugging

Automatically captures snapshots during test execution, allowing developers to hover over commands to inspect application state at each step, making debugging intuitive and efficient.

Automatic Async Handling

Eliminates manual waits by automatically waiting for commands and assertions, reducing flaky tests and simplifying test writing, as highlighted in the README's key features.

Network Traffic Control

Provides built-in stubbing and intercepting of network requests to test edge cases without backend dependencies, enabling isolated testing of frontend logic.

Real-Time Feedback

Offers instant execution and reloads as tests are written, speeding up development workflows and aligning with its developer-friendly philosophy.

Cross-Browser Support

Runs tests in Firefox, Chrome, Edge, and Electron out of the box, ensuring consistent results across browsers without additional configuration.

Cons

Cross-Domain Limitations

Architecturally restricted to a single superdomain per test, making it cumbersome for applications that navigate across multiple domains or use cross-origin iframes.

No Native Mobile Support

Focused solely on browser-based testing, so it cannot test native mobile apps (e.g., React Native) without external tools, limiting its scope for hybrid projects.

Performance Overhead

The all-in-one architecture can slow down execution for very large test suites compared to lighter alternatives, impacting CI/CD pipeline speed.

Paid Features for Scale

Advanced capabilities like parallel test execution and detailed analytics are gated behind Cypress Cloud subscriptions, adding cost for teams needing to scale.

Frequently Asked Questions

Related Projects

freeCodeCamp

freeCodeCamp.org's open-source codebase and curriculum. Learn math, programming, and computer science for free.

Stars455,192

Forks46,147

Last commit10 hours ago

Vue

This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

Stars212,067

Forks33,734

Last commit1 year ago

Next.js

The React Framework

Stars142,208

Forks31,897

Last commit11 hours ago

electron

:electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS

Stars122,933

Forks17,466