All systems operational โ€ฆ โ€ฆ
--:--:--
// guides & concepts

Learn Cypress

Beginner

Cypress Architecture & How it Works

Learn why Cypress runs in the browser (not via WebDriver) and how that changes test reliability.

JavaScriptMochaChai
See demo โ†’
Beginner

cy.get(), cy.contains() & Chaining Commands

Master Cypress's jQuery-inspired command chain: select, type, click, should โ€” all auto-retried.

cy.get()cy.contains()
Try it โ†’
Intermediate

Custom Commands & Fixtures

Reduce duplication by writing cy.login() custom commands and loading test data from fixture JSON files.

commands.jsfixtures/
Read guide โ†’
Intermediate

Intercepting Network Requests with cy.intercept()

Stub API responses, assert on request payloads and test loading states without hitting real servers.

cy.intercept()cy.wait()
Read guide โ†’
Advanced

Component Testing with Cypress

Mount React/Vue components in isolation, interact and assert without spinning up a full application.

ReactVuecy.mount()
Read guide โ†’
Advanced

Cypress Dashboard & Parallelisation

Use Cypress Cloud to record runs, parallelise across machines and track flaky tests over time.

Cypress CloudCI/CD
Read guide โ†’
// hands-on

Live Practice Lab

๐ŸŒฒ Cypress Command Simulator


Command outputโ€ฆ
cy.get('#cy-input').type('Hello QA!');
cy.get('#cy-input').should('have.value', 'Hello QA!');
cy.get('#cy-input').clear();
cy.get('#cy-input').should('be.empty');

๐Ÿงฉ Alias & cy.wait() Demo

โ€ฆ
cy.intercept('GET', '/api/jobs').as('getJobs');
cy.visit('/jobs.html');
cy.wait('@getJobs').its('response.statusCode').should('eq', 200);