Zero to Hero in Jest Unit and Integration Testing with React

$19.25

~~$54.99~~

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 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

Requirements

Basics of javascript should be known

Who This Course is For

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

What You Will be Learn

What is Jest testing library and how to use it to write Unit and Integration test for any React Js application.

What are Behavior driven development (BDD) and Test driven development (TDD) and the difference between the two techniques.

We will also see how to Mock real API calls for our integrating test.

We will learn to make API calls from React app to our backend.

How Software development and testing takes place in a real live project in any company.

We will also learn to create react app and functional components. Then write tests for these components.

We will learn to create Backend Node Express API.

How to debug your test.

Introduction & Setup

6 Lessons

0H 24M

1. Introduction and Course Overview

2m 17s

2. Install Visual Studio Code Editor

1m 2s

3. Installing NodeJS Runtime

1m 25s

4. Why We Need Testing and SDLC

9m 6s

5. BDD vs TDD Testing Approach

6m 13s

6. Types of Testing - UT, IT, E2E

3m 57s

Writing First Test Case

6 Lessons

0H 28M

7. Creating React App and Adding Testing Capability

3m 41s

8. Creating Some DOM elements for Basic Testing

1m 59s

9. Writing and Running our First Test

10m 1s

10. How to get the Role of an Element

3m 53s

11. Understanding difference between getBy queryBy and findBy

2m 32s

12. Code Hands-on for getBy queryBy

6m 11s

Writing Tests For Feedback Form Component

5 Lessons

0H 27M

13. Requirements for Unit Test Cases

2m 5s

14. Setup Project Structure and Install React Extension

4m 40s

15. Test case for Feedback Form Onload Scenario

10m 14s

4m 53s

17. Adding User Interaction to Our Test with The Help of fireEvent

5m 56s

Developing The Feedback Form

6 Lessons

0H 28M

18. Understanding React Project Flow and Structure

3m 27s

19. State variable and useState hook

4m 5s

20. React Functional component and JSX

1m 54s

21. Developing the Feedback Form

10m 31s

22. Testing the Application Manually and with Unit Test

3m 32s

23. Using userEvent to Test User Interaction

5m 9s

Writing Tests For Feedback Overview Component

3 Lessons

0H 15M

24. Unit Test Requirement for Feedback Overview Component

1m 48s

25. Feedback Overview Test for No Feedback Found

5m 15s

26. Feedback Overview Test for 2 Feedback Found

8m 20s

Developing Feedback Overview Component

3 Lessons

0H 16M

27. Developing the Feedback Overview Component and Passing data

10m 26s

28. Executing the Test Cases

4m 26s

29. How to Improve Your Test Cases

1m 59s

Writing Integration Test

3 Lessons

0H 10M

30. Requirements for Integration Test Scenarios

1m 19s

31. Implementing Integration Test Scenario 1

6m 29s

32. Implementing Integration Test Scenario 2

2m 30s

Developing Frontend and Backend Functionality of Adding New Feedback

10 Lessons

0H 41M

33. Developing the Functionality of Adding New Feedback

6m 54s

34. Requirements Overview for Mocking API calls

3m 6s

35. Installing MSW Library

3m 13s

36. Creating MSW Handler for Create Feedback

6m 10s

37. Setting up The Mock Server

1m 28s

38. Update the Integration Test Based on API call

3m 18s

39. Make API Call for Saving Feedback via Fetch Method

4m 5s

40. How to Debug the Test Case

2m 52s

41. Deep Dive into Understanding the Integration Test and Mock Server Flow

5m 7s

42. Backend Node API and Testing Frontend with Real Backend

5m 31s

Obify Consulting

Dragon Zap Instructor

0.00 Star Rating

2 Courses

Dragon Zap Instructor

We are a next generation Software Consulting Company in Sambalpur Odisha, dealing with developing Web Application, Cloud based system, Blockchain to Artificial Intelligence solutions. We also have state of the art training facility for young professional or experienced professional who wants to learn latest cutting edge technology and become the Software Developer. Our vision is to make technical education simple and easy so that more and more professionals/students can learn and grow in their career.

0.0

Course Rating

Students Feedback (0)

Sort by:

$19.25

~~$54.99~~

65% off

5 days and 16 hours at this price

This course includes:

Full Lifetime Access
30 Days Money Back Guarantee
Free Exercises File
Watch online or offline
Certificate of Completion