Zero To Hero In Jest Unit And Integration Testing With React

Learn to write Unit and Integration Test for your React JS application with Jest Testing Library

What you'll learn
What is Jest testing library and how to use it to write Unit and Integration test for any React Js application.
How Software development and testing takes place in a real live project in any company
What are Behavior driven development (BDD) and Test driven development(TDD) and the difference between the two techniques.
We will also learn to create react app and functional components. Then write tests for these components.
We will also see how to Mock real API calls for our integrating test.
We will learn to create Backend Node Express API
We will learn to make API calls from React app to our backend
How to debug your test
Requirements
Basics of Javascript
Description
In this course you will learn about jest testing library and how to use it to write Unit and Integration test for any react Js application.We will start by learning how does software development and testing takes place in a real live project in any company.Then we will learn about the importance of automation tests and importance of writing unit and integration tests.We will then learn about Behavior driven development (BDD) and Test driven development(TDD) and the difference between the two techniques.We will also learn to create react app and functional components. Then write tests for these components.We will also see how to Mock real API calls for our integrating test.All these and much more we will learn in handson based approach in a step by step manner.Following is the sequence we will cover the various topics:0-Introduction video - Course Overview1-Why we need Testing and SDLC2-BDD vs TDD Testing Approach3-Types of Testing - UT, IT, E2E4-Creating React App and Adding Testing Capability5-Creating Some DOM elements for Basic Testing6-Writting and Running our First Test7-How to get the Role of an Element8-Understanding difference between getBy queryBy and findBy9-Code Hands-on for getBy queryBy10-Requirements for Unit Test Cases11-Setup project structure and install react extention12-Test case for Feedback Form Onload Scenario13-Grouping similar Tests in one Describe block14-Adding user interaction to our Test with the help of fireEvent15-Understanding React Project Flow and Structure16-State variable and useState hook17-React Functional component and JSX18-Developing the Feedback Form19-Testing the Application manually and with Unit test20-Using userEvent to test user interaction

Overview

Section 1: Introduction & Setup

Lecture 1 Introduction and Course Overview

Lecture 2 Install Visual Studio Code editor

Lecture 3 Installing NodeJS runtime

Lecture 4 Why we need Testing and SDLC

Lecture 5 BDD vs TDD Testing Approach

Lecture 6 Types of Testing - UT, IT, E2E

Section 2: Writing First Test Case

Lecture 7 Creating React App and Adding Testing Capability

Lecture 8 Creating Some DOM elements for Basic Testing

Lecture 9 Writting and Running our First Test

Lecture 10 How to get the Role of an Element

Lecture 11 Understanding difference between getBy queryBy and findBy

Lecture 12 Code Hands-on for getBy queryBy

Anyone who wants to become a Professional Fullstack developer that understands the importance of writing tests for your application