Deliver Quality Software & Reduce QA load — integrate End-to-End (E2E) Testing on CRA React TypeScript project with Jest & Puppeteer 🎪

Testing is at the core of delivering quality software. There is a hierarchy in testing and E2E is usually only considered after unit testing and integration testing is done. In this article, I will cover E2E on CRA React App using Jest & Puppeteer and by the end of this article, you will be able to do E2E testing on your project like a pro.

In software engineering, when it comes to testing there are three main areas of automating to consider;

• Unit testing — is testing the smallest piece of code that can be isolated.
• Integration Testing — individual modules are combined and tested together.
• E2E testing — End-to-end (E2E) testing is to simulate a real end user’s experience.

You can look at the hierarchy diagram, I will not going to dive deep into the theory of E2E, but I encourage you to read more. I also have an article about Unit Testing with Jest, Jest-dom, Enzyme & Sinon on CRA TS projects if you are not doing Unit Testing.