Cypress architecture (runs in browser)

Introduction

Cypress runs tests directly inside the browser to see and control your app like a real user. This helps catch problems quickly and clearly.

When you want to test how your web app behaves in a real browser environment.

When you need fast feedback on UI changes during development.

When you want to debug tests easily by seeing them run live in the browser.

When you want to test user interactions like clicks, typing, and navigation.

When you want automatic waiting for elements to appear without extra code.

Syntax

Cypress

No special syntax for architecture, but tests run inside the browser using Cypress commands like cy.visit(), cy.get(), cy.click()

Cypress runs your test code and your app code in the same browser window.

This allows Cypress to control and observe everything happening on the page.

Examples

This test runs inside the browser, visiting a page and clicking a button as a user would.

Cypress

cy.visit('https://example.com')
cy.get('button').click()

Typing text and submitting a form happens inside the browser controlled by Cypress.

Cypress

cy.get('input').type('Hello')
cy.get('form').submit()

Sample Program

This test runs inside the browser. Cypress opens example.com, then checks the page title to confirm the page loaded correctly.

Cypress

describe('Simple test in Cypress', () => {
  it('Visits example.com and checks title', () => {
    cy.visit('https://example.com')
    cy.title().should('include', 'Example Domain')
  })
})

Important Notes

Cypress architecture lets you see tests run live in the browser, making debugging easier.

Because tests run inside the browser, Cypress can automatically wait for elements to appear before acting.

This architecture is different from other tools that run tests outside the browser and communicate remotely.

Summary

Cypress runs tests inside the browser to control and observe your app like a real user.

This makes tests fast, reliable, and easy to debug.

You write tests using Cypress commands that run directly in the browser environment.