How to test your applications: testing a digital goods store introduction

Project Source Code

Get the project source code below, and follow along with the lesson material.

Download Project Source Code

To set up the project on your local machine, please follow the directions provided in the README.md file. If you run into any issues with running the project source code, then feel free to reach out to the author in the course's Discord channel.

Previous LessonAn Intro to Building React APIs and Higher Order ComponentsNext LessonGet familiar with the application

Lesson Transcript

  • [00:00 - 00:06] In this part we will learn how to test our React and TypeScript applications. Unlike other sections, in this one we won't start from scratch and build the application.

  • [00:07 - 00:16] We will start with the complete application and write the test for it. We will use the React testing library because it has a simple API, is easy to setup and is recommended by the React team.

  • [00:17 - 00:25] Oh, and of course it supports TypeScript. It is not always obvious how to test the front end application, but React testing library makes it easy and straightforward.

  • [00:26 - 00:33] In the next lesson I will walk you through how to use Jest to test your components, how to mock dependencies, how to test routing and even React hooks.

This lesson preview is part of the Fullstack React with TypeScript Masterclass course and can be unlocked immediately with a \newline Pro subscription or a single-time purchase. Already have access to this course? Log in here.

This video is available to students only
Unlock This Course

Get unlimited access to Fullstack React with TypeScript Masterclass, plus 70+ \newline books, guides and courses with the \newline Pro subscription.

Thumbnail for the \newline course Fullstack React with TypeScript Masterclass

In this part we will learn how to test our React and TypeScript applications. Unlike other sections, in this one we won't start from scratch and build the application. We will start with the complete application and write the test for it. We will use the React testing library because it has a simple API, is easy to setup and is recommended by the React team. Oh, and of course it supports TypeScript. It is not always obvious how to test the front end application, but React testing library makes it easy and straightforward. In the next lesson I will walk you through how to use Jest to test your components, how to mock dependencies, how to test routing and even React hooks.