Playwright & Cypress

What you'll learn

• Explain what end-to-end tests are for and how Playwright and Cypress differ in architecture.
• Write Playwright tests with fixtures, role-based locators, auto-waiting and web-first assertions.
• Write Cypress tests with chained commands, retry-able assertions, cy.intercept and custom commands.
• Handle authentication, network mocking, test data and page objects without slowing suites down.
• Prevent and debug flaky tests with traces, UI mode, time-travel, screenshots and videos.
• Add visual, accessibility and API checks, then run suites in CI with retries, artifacts and sharding.

Syllabus

End-to-End Testing Foundations

1. What End-to-End Tests Are For
2. Playwright Versus Cypress Architecture
3. Setting Up Both Tools

Playwright Basics

1. Tests and Fixtures
2. Locators and Auto-Waiting
3. Web-First Assertions

Playwright in Depth

1. Authentication with storageState
2. Network Mocking with page.route
3. Page Objects and Custom Fixtures

Cypress Basics

1. Commands and Chaining
2. Retry-Ability and Assertions
3. Stubbing and Waiting with cy.intercept

Cypress in Depth

1. Custom Commands and cy.session
2. Component Testing
3. Fixtures and Test Data

Writing Reliable Tests

1. Avoiding Flaky Tests
2. Test Data and Resetting State
3. Debugging Failures

Beyond Functional Tests

1. Visual Comparisons
2. Accessibility Checks
3. API Testing

CI and Scale

1. Running in CI
2. Parallelism and Sharding
3. Choosing a Tool and Migrating
4. An E2E Testing Checklist