React Testing: Unit Testing React and E2E Testing

Focused View

Oleksandr Kocherhin

3:09:19

315 View

1 - Introduction

1 - Why testing.mp4

02:20

2 - Source code under the video.mp4

00:16

3 - Setting up project.mp4

03:52

3 - react-testing-course-setting-up-project.zip

4 - What editor to use.mp4

01:24

2 - Unit Testing

5 - What is unit testing.mp4

01:54

6 - Setting up Vitest.mp4

08:56

6 - react-testing-course-setting-up-vitest.zip

7 - Testing utilities and helpers.mp4

04:31

7 - react-testing-course-testing-utilities.zip

8 - Testing a simple component.mp4

07:00

8 - react-testing-course-testing-simple-component.zip

9 - Testing inputs and outputs.mp4

09:56

9 - react-testing-course-testing-inputs-and-outputs.zip

10 - Mock and Spy functions.mp4

09:16

10 - react-testing-course-mock-spy.zip

11 - Testing useState hook.mp4

06:36

11 - react-testing-course-testing-use-state.zip

12 - Testing useEffect with API calls.mp4

11:36

12 - react-testing-course-testing-use-effect-and-api.zip

13 - Testing a simple custom hook.mp4

05:51

13 - react-testing-course-testing-simple-custom-hook.zip

14 - Testing a complex custom hook.mp4

07:56

14 - react-testing-course-testing-complex-custom-hook.zip

15 - Real React project testing React context.mp4

21:01

15 - react-testing-course-testing-context.zip

16 - Real React project testing header component.mp4

08:06

16 - react-testing-course-testing-real-component-header.zip

17 - Real React project testing footer component.mp4

08:56

17 - react-testing-course-testing-real-component-footer.zip

18 - Real React project adding custom render.mp4

03:20

18 - react-testing-course-custom-render.zip

19 - Real React project testing todo component.mp4

12:25

19 - react-testing-course-testing-real-component-todo.zip

20 - Real React project testing main component.mp4

12:06

20 - react-testing-course-testing-real-component-main.zip

21 - Testing setTimeout in React.mp4

04:54

21 - react-testing-course-testing-set-timeout.zip

3 - Testing Redux

22 - Testing reducers.mp4

08:19

22 - react-testing-course-reducers-testing.zip

23 - Testing components with Redux store.mp4

07:52

23 - react-testing-course-components-with-store.zip

4 - E2E testing

24 - What is E2E testing.mp4

02:00

25 - Real React project E2E testing user interactions.mp4

18:19

25 - react-testing-course-e2e-user-interaction.zip

5 - Homework

26 - Homework.mp4

00:37

27 - Bonus Lecture.html

Description

Prepare for React unit testing with Jest and Testing E2E with Cypress. Learn React testing skills and concepts.

What You'll Learn?

Be very well prepared for any React testing you will have
Excel in a wide variety of React testing possibilities
Strengthen you React testing skills and your knowledge of important testing concepts
Learn the skills, concepts, and techniques of testing
Feel very confident in testing React projects

Who is this for?

Anyone who wants to learn React testing

Anyone who wants to make React code safe

Anyone who wants to strengthen their React skills and knowledge

Anyone who wants to improve their code

What You Need to Know?

Basic React knowledge

More details

Description
This course is great preparation for any React testing that you may have coming up. Quality code testing needs a lot amount of knowledge, but the best way to prepare for it is a lot of practice! In this course you will everything that come from real React projects about testing. There are no excersises that nobody asks here. In every video you will learn something useful that you will write every day. We will take a deep dive into the skills, concepts, and techniques that are required to solve each problem.
When you have completed this course you will have mastered React testing on a high level and you will also have learned the concepts, skills, and techniques, like testing with Vitest and Cypress and using things like mocking and spying that are necessary for you to excel in any testing. You will feel very confident testing any React project you will have. On top of all this, you will strengthen your React programming skills and React fundamentals in overall.
Core topics of the course:
Unit testing concepts
E2E concepts
Testing context and hooks
Mocking and spying dependencies
Testing components
Testing Redux
Full project unit testing on a real project
Cypress testing on a real project
Who this course is for:
Anyone who wants to learn React testing
Anyone who wants to make React code safe
Anyone who wants to strengthen their React skills and knowledge
Anyone who wants to improve their code

User Reviews

Rating

average 0

Total votes0

Focused display

I am a full-stack developer with a passion for learning and teaching what I know. I have been programming for around 10 years and teaching for almost 6 years. I believe in learning through doing and this philosophy is present in every course that I teach. I love exploring new web & mobile technologies and my courses focus on giving you the edge in our fast-moving industry.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.