Test. Automate. Accelerate.

With Cypress, you can easily create tests for your modern web applications, debug them visually, and automatically run them in your continuous integration builds.

Compare plans

Authentication.cy.ts

Button.tsx

Button.cy.tsx

design-system
- assets
- cypress
  - e2e
    - Authentication.cy.ts
- src
  - components
    - Button.cy.tsx
    - Button.tsx

describe('Auth', () => {
  it('user should be able to log in', () => {
    cy.visit('/')

    // open the login modal
    cy.get('button').contains('Login').click()

    // fill in the form
    cy.get('input[type="email"]').type('[email protected]')
    cy.get('input[type="password"]').type('test123')

    // submit the form // @cy-startTyping
    cy.get('button').contains('Sign in').click()
    cy.contains('button', 'Logout').should('be.visible')
  })
})

describe('Auth', () => {
  it('user should be able to log in', () => {
    cy.visit('/')

    // open the login modal
    cy.get('button').contains('Login').click()

    // fill in the form
    cy.get('input[type="email"]').type('[email protected]')
    cy.get('input[type="password"]').type('test123')

    // submit the form

Introducing the Cypress App

Write, run, and debug like a pro

Test modern apps directly in the browser

Watch your end-to-end and component tests run in real time as you develop your applications. Cypress’s simple, yet powerful API runs as fast as your browser can render content.

Learn more

Write your first passing test in minutes

Installing Cypress and writing your first passing test is a breeze. There are no servers, drivers, or other dependencies to install or configure.

Learn more

it('user should be able to log in', () => {
  cy.visit('/login')

  // fill in the form
  cy.get('input[type="email"]').type('[email protected]')
  cy.get('input[type="password"]').type('test1234')

  // submit the form
  cy.get('button').contains('Sign in').click()
  cy.contains('button', 'Logout').should('be.visible')
}) // @cy-startTyping

Debug failures directly in the browser

Because Cypress runs directly in the browser, you can debug failed tests using the in-browser developer tools you already know and love.

Learn more

Eliminate flaky tests with ease

Cypress deterministically interacts with your application the same way as your users so you can discover intermittent bugs before your users do.

Learn more

#102flaky

Auth Login Owner Role

#104flaky

Auth Login Owner Role

.github/workflows/test.yml

on: [push]
jobs:
  cypress:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout the latest commit
        uses: actions/checkout@v4
      - name: Cypress run
        uses: cypress-io/github-action@v6
        with:
          build: npm run build
          start: npm start

Integrate Cypress with any CI provider

Easily integrate Cypress with your current CI provider. Run Cypress in CI and you will know as soon as there is a failure. We make it simple to run in CI. Use our Docker images or bring your own.

Learn more

Introducing Cypress Cloud

Test. Automate. Accelerate.

Write, run, and debug like a pro

Test modern apps directly in the browser

Write your first passing test in minutes

Debug failures directly in the browser

Eliminate flaky tests with ease

Integrate Cypress with any CI provider

Increase your productivity and confidence