Modern Full-Stack React Projects

9

Implementing End-to-End Tests Using Playwright

In the previous chapters, we have written unit tests for our backend using Jest. Now, we are going to learn how to write and run end-to-end tests on our user interface using Playwright. First, we set up Playwright in our project and VS Code to allow for running frontend tests. Then, we are going to write some frontend tests for our application. Next, we are going to learn about reusing test setups with fixtures. Finally, we are going to learn how to view test reports and run Playwright in CI using GitHub Actions.

In this chapter, we are going to cover the following main topics:

• Setting up Playwright for end-to-end testing
• Writing and running end-to-end tests
• Reusable test setups using fixtures ...