Zero to Hero in Jest Unit and Integration Testing with React

Zero to Hero in Jest Unit and Integration Testing with React, available at $59.99, has an average rating of 4.82, with 43 lectures, based on 79 reviews, and has 3300 subscribers.

You will learn about 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 This course is ideal for individuals who are Anyone who wants to become a Professional Fullstack developer that understands the importance of writing tests for your application It is particularly useful for Anyone who wants to become a Professional Fullstack developer that understands the importance of writing tests for your application.

Enroll now: Zero to Hero in Jest Unit and Integration Testing with React

Summary

Title: Zero to Hero in Jest Unit and Integration Testing with React

Price: $59.99

Average Rating: 4.82

Number of Lectures: 43

Number of Published Lectures: 43

Number of Curriculum Items: 43

Number of Published Curriculum Objects: 43

Original Price: $174.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

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

Target Audiences

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

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 Overview

1-Why we need Testing and SDLC

2-BDD vs TDD Testing Approach

3-Types of Testing – UT, IT, E2E

4-Creating React App and Adding Testing Capability

5-Creating Some DOM elements for Basic Testing

6-Writting and Running our First Test

7-How to get the Role of an Element

8-Understanding difference between getBy queryBy and findBy

9-Code Hands-on for getBy queryBy

10-Requirements for Unit Test Cases

11-Setup project structure and install react extention

12-Test case for Feedback Form Onload Scenario

13-Grouping similar Tests in one Describe block

14-Adding user interaction to our Test with the help of fireEvent

15-Understanding React Project Flow and Structure

16-State variable and useState hook

17-React Functional component and JSX

18-Developing the Feedback Form

19-Testing the Application manually and with Unit test

20-Using userEvent to test user interaction

21-Unit test Requirement for Feedback Overview component

22-Feedback Overview Test for No Feedback Found

23-Feedback Overview Test for 2 Feedback Found

24-Developing the Feedback Overview Component and Passing data

25-Executing the test cases

26-How to Improve your test cases

27-Requirements for Integration test scenarios

28-Implementing Integration test Scenario 1

29-Implementing Integration test Scenario 2

30-Developing the functionality of adding new feedback

31-Requirements overview for Mocking API calls

32-Installing MSW library

33-Creating MSW handler for create feedback

34-Setting up the mock server

35-Update the Integration test based on API call

36-Make API call for saving feedback via fetch method

37-How to Debug the Test case

38-Deep dive into understanding the Integration test and Mock server flow

39-Backend Node API and testing Frontend with Real backend

Course Curriculum

Chapter 1: Introduction & Setup

Lecture 1: Introduction and Course Overview

Lecture 2: Know Your Instructor & Get Help/Support

Lecture 3: Install Visual Studio Code editor

Lecture 4: Installing NodeJS runtime

Lecture 5: Why we need Testing and SDLC

Lecture 6: BDD vs TDD Testing Approach

Lecture 7: Types of Testing – UT, IT, E2E

Chapter 2: Writing First Test Case

Lecture 1: Creating React App and Adding Testing Capability

Lecture 2: Creating Some DOM elements for Basic Testing

Lecture 3: Writting and Running our First Test

Lecture 4: How to get the Role of an Element

Lecture 5: Understanding difference between getBy queryBy and findBy

Lecture 6: Code Hands-on for getBy queryBy

Chapter 3: Writing Tests for Feedback Form Component

Lecture 1: Requirements for Unit Test Cases

Lecture 2: Setup project structure and install react extension

Lecture 3: Test case for Feedback Form Onload Scenario

Lecture 4: Grouping similar Tests in one Describe block

Lecture 5: Adding user interaction to our Test with the help of fireEvent

Chapter 4: Developing the Feedback Form

Lecture 1: Understanding React Project Flow and Structure

Lecture 2: State variable and useState hook

Lecture 3: React Functional component and JSX

Lecture 4: Developing the Feedback Form

Lecture 5: Testing the Application manually and with Unit test

Lecture 6: Using userEvent to test user interaction

Chapter 5: Writing Tests for Feedback Overview Component

Lecture 1: Unit test Requirement for Feedback Overview component

Lecture 2: Feedback Overview Test for No Feedback Found

Lecture 3: Feedback Overview Test for 2 Feedback Found

Chapter 6: Developing Feedback Overview Component

Lecture 1: Developing the Feedback Overview Component and Passing data

Lecture 2: Executing the test cases

Lecture 3: How to Improve your test cases

Chapter 7: Writing Integration Test

Lecture 1: Requirements for Integration test scenarios

Lecture 2: Implementing Integration test Scenario 1

Lecture 3: Implementing Integration test Scenario 2

Chapter 8: Developing Frontend and Backend functionality of Adding new Feedback

Lecture 1: Developing the functionality of adding new feedback

Lecture 2: Requirements overview for Mocking API calls

Lecture 3: Installing MSW library

Lecture 4: Creating MSW handler for create feedback

Lecture 5: Setting up the mock server

Lecture 6: Update the Integration test based on API call

Lecture 7: Make API call for saving feedback via fetch method

Lecture 8: How to Debug the Test case

Lecture 9: Deep dive into understanding the Integration test and Mock server flow

Lecture 10: Backend Node API and testing Frontend with Real backend

Instructors

Obify Consulting
Software Skill Development Company

Rating Distribution

1 stars: 2 votes
2 stars: 2 votes
3 stars: 7 votes
4 stars: 14 votes
5 stars: 54 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu