Back To Course Home

Front-end Testing 101: Integration and End-to-end Testing

0% completed

Introduction

Who Should Take This Course and Why?What is a Test?Types of Tests Why Testing?Testing rules Cost of Testing An Easier Journey: Top to Bottom

E2E Testing

What is an E2E Test?

Quiz on E2E Testing

Challenge: Take a Screenshot

Solution Review: Take a Screenshot

The First E2E Test

Conduit Testing the Signup Flow: Challenges Running Cypress Interacting with the Page Cypress Waitings and Execution Order Main E2E Test Defects: Determinism Main E2E Test Defects: Stability Main E2E Test Defects: Utility in Case of Failure Quiz on the First E2E Test Challenge: Check Link in the Register Page Solution Review: Check Link in the Register Page Challenge: Fill Input Field Solution Review: Fill Input Field

Polishing the E2E test

Dom Elements Selection: data-testid Dom Elements Selection: Cypress-testing-library Sharing App Constants Quiz on Polishing the E2E Test Challenge: Logout the User Solution Review: Logout the User Challenge: Check the Home Page Solution Review: Check the Home Page Challenge: Register and Login Solution Review: Register and Login

Ajax Requests

Waiting for an Ajax Request Asserting on Payloads Quiz on Ajax Requests Challenge: Respond to Unregistered User Solution Review: Respond to Unregistered User Challenge: Respond to Registered User Solution Review: Respond to Registered User Challenge: Test User Login Solution Review: Test User Login

Custom Commands

Signup App Actions Sharing Authentication State Quiz on Custom Commands Challenge: Write a `getJwt` Command Solution Review: Write a `getJwt` Command Challenge: Return Object Solution Review: Return windows.AppActions Object Challenge: Write a Test and Custom Command Solution Review: Write a Test and Custom Command

UI Integration Tests

Stubbing the Back-end Fixtures Custom Command A Better Way to Front-end Test Quiz on UI Integration Tests Challenge: Show Articles Solution Review: Show Articles Challenge: Check Article Page Solution Review: Check Article Page

Other Best Practices

Monitoring Tests Controlling the Clock

Bonus Section

Visual Regression Testing Cypress Vs Other Tools Why Is E2E Testing Not Enough?Quiz on Bonus Section

Conclusion

Appendix

Intellisense Cypress as a Development Tool Dedicated Scripts Continuous Integration

What is an E2E Test?

In this lesson, you will explore the E2E test.

An E2E test runs the whole web app in a headless browser. The front-end application interacts with the back-end and ...

Get hands-on with 1400+ tech skills courses.