Series

Testing a React application

I explore a modern-day approach to testing a React application. From setting up the unit tests and end-to-end tests to getting actionable data from code coverage metrics.

Articles in this series

Testing a React Application: The Modern Approach

Apr 23, 20224 min read

The first article in a series where I go over how to do modern-day testing on a React app. In this post, I cover my perspective on effective tests. ·...

Testing a React Application: The Modern Approach

Testing a React Application: Setting everything up

Apr 25, 20223 min read

Introduction The second part of my ongoing series on how to have a more modern approach to testing a React application. Last time I went over the...

Testing a React Application: Setting everything up

Testing a React Application: What is Vitest?

Apr 27, 20224 min read

Vitest is an amazing library to write unit tests. I go over the basic API and configuration for Vitest. · Introduction Vitest is a unit-test framework...

Testing a React Application: What is Vitest?

Testing a React Application: Creating a Unit Test

May 2, 20225 min read

In the fourth part of my series, I go over creating a unit test using the Vitest library. · Introduction Unit tests are essential to ensuring confidence...

Testing a React Application: Creating a Unit Test

Testing a React Application Integrating MSW with Vitest

May 4, 20224 min read

Last time we created our first unit test with Vitest. This time we'll finish mocking our fetch request with MSW. · Introduction The fifth part in my...

Testing a React Application Integrating MSW with Vitest

Testing a React Application Setting up Cypress

May 23, 20223 min read

Last time we finished integrating MSW with Vitest. This time we'll set up Cypress for our End-to-End testing. · Introduction The sixth part of my ongoing...

Testing a React Application Setting up Cypress