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

Updated 27 Aug

AI-powered learning

Save

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

Name: Front-end Testing 101: Integration and End-to-end Testing
Price: 59 USD
Author: Stefano Magni

Delve into front-end testing principles, learn best practices for writing enduring tests, and discover strategies for E2E testing and integration into CI pipelines. Gain actionable testing insights.

5.0

74 lessons

3h 30min

Created by Stefano Magni

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

What's included

74 lessons across 11 modules
7 quizzes with instant feedback
AI Tutor on every lesson

Join 3.1 million developers at

What You'll Learn

Write Jest tests using assertions, grouping, and lifecycle hooks to verify front-end behavior
Differentiate unit, component, integration, UI integration, E2E, and visual regression tests by tradeoffs
Apply testing rules to design simple, independent tests that fail before code and pass after changes
Create Cypress E2E tests for key user flows with stable selectors and clear failure feedback
Stabilize Cypress tests using automatic waits, execution order, and determinism strategies (data, DB reset)
Intercept and assert on AJAX requests and payloads in Cypress to validate auth flows and status codes
Implement Cypress custom commands, fixtures, and stubs to test user flows without a working back-end

Learning Roadmap

74 Lessons7 Quizzes

Introduction

Get familiar with front-end testing principles, methodologies, and best practices for reliable code.

Who Should Take This Course and Why?

An Easier Journey: Top to Bottom

E2E Testing

Walk through E2E testing concepts, from Cypress UI to taking and reviewing screenshots.

Cypress UI

What is an E2E Test?

Quiz on E2E Testing

Challenge: Take a Screenshot

Solution Review: Take a Screenshot

The First E2E Test

13 Lessons

Work your way through creating E2E tests using Cypress for consistent, reliable user flows.

Polishing the E2E test

10 Lessons

Grasp the fundamentals of selecting stable DOM elements, sharing app constants, and testing user interactions.

Ajax Requests

9 Lessons

Take a closer look at testing and asserting AJAX requests, user login flows, and response handling.

Custom Commands

10 Lessons

Tackle creating custom Cypress commands, enhancing testing efficiency and integration with app actions.

UI Integration Tests

9 Lessons

Master Cypress for UI integration testing by stubbing back-end, using fixtures, and custom commands.

Other Best Practices

2 Lessons

Get familiar with monitoring and controlling time to enhance test efficiency.

Bonus Section

4 Lessons

Discover the logic behind visual regression testing, Cypress advantages, and E2E limitations.

10.

Conclusion

Master the steps to advanced front-end testing, integrating Jest, Cypress, and best practices.

Wrapping Up

11.

Appendix

4 Lessons

Grasp the fundamentals of enhancing coding efficiency and streamlining testing with Cypress.

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

About this course

WHY I WROTE THIS COURSE

This course will provide you with important information, principles, and experience-based advice, to enter the world of testing methodologies. Here, you will learn the best practices to follow to write useful and lasting tests, how to test different user flows without a working back-end, how to write effective end-to-end tests (E2E), and how to integrate tests into development and Continuous Integration pipelines. At the end of the course, you will be able to apply the fundamental principles of the test methodologies to understand what and how to test effectively.

ABOUT THE AUTHOR

Stefano Magni

I'm a passionate JavaScript engineer, currently focused on React and TypeScript. I love creating high-quality products, learning and sharing my knowledge, helping people, speaking at conferences, and facing new challenges.

Learn more about Stefano

Trusted by 3.1 million developers working at companies

These are high-quality courses. Trust me the price is worth it for the content quality. Educative came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks

Anthony Walker

@_webarchitect_

Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!

Evan Dunbar

ML Engineer

You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it.

Software Developer

Carlos Matias La Borde

I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site

Souvik Kundu

Front-end Developer

Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content.

Vinay Krishnaiah

Software Developer

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath