React Unit Testing Tutorial With React Testing Library and Vitest React

preview_player
Показать описание
In this React testing tutorial you will learn how to test React correctly. As React doesn't give us any testing tools we will use React testing library and Vitest in order to get an easy testing setup.

TIMESTAMPS
0:00 Introduction
1:39 Initial project
2:24 Vitest React
3:48 Basic component testing
9:26 Testing React props
12:40 Testing React callbacks
14:56 React mock dependencies
17:06 Testing plain functions

MOST POPULAR COURSES

FOLLOW ME

REFERENCES
  1. Monsterlessons Academy
  2. react testing tutorial
  3. react testing library
  4. vitest react
  5. react unit testing tutorial
Рекомендации по теме
React Testing for 1:17:14

React Testing for Beginners: Start Here!

React Testing Tutorial 0:22:16

React Testing Tutorial (Jest + React Testing Library)

Testing In React 0:21:28

Testing In React Tutorial - Jest and React Testing Library

React Unit Testing 0:19:12

React Unit Testing Tutorial With React Testing Library and Vitest React

React Testing Crash 0:58:36

React Testing Crash Course

Stop Writing So 0:10:02

Stop Writing So Many Tests

React Testing Tutorial 0:41:43

React Testing Tutorial with React Testing Library and Jest

Unit Testing in 0:26:19

Unit Testing in React with Jest - Mock, Snapshots and more

Module 4.1 - 0:05:41

Module 4.1 - Basics of writing unit tests with Jest - Typescript Unit testing Course

How I like 0:19:51

How I like to test my react components

React Testing Course 2:04:21

React Testing Course for Beginners – Code and Test 3 Apps

How to use 0:12:19

How to use Vitest with Jest-DOM and React Testing Library

Start Testing In 0:28:04

Start Testing In ReactJS - React Testing Library Tutorial

The ONLY REASON 0:08:26

The ONLY REASON To Unit Test

React JS Testing 0:03:42

React JS Testing Using Jest And Enzyme Tutorial

Introduction To Testing 0:13:57

Introduction To Testing In JavaScript With Jest

Master React Testing 7:39:36

Master React Testing with Jest and React Testing Library

TypeScript/React Testing: Components, 0:29:37

TypeScript/React Testing: Components, Hooks, Custom Hooks, Redux and Zustand

React Testing Library 0:17:39

React Testing Library Tutorial #11 - Integration Tests

Cypress Testing with 0:12:43

Cypress Testing with React - Simple Tutorial

React Testing Library 0:34:10

React Testing Library With Jest Tutorial For Beginners | How To Test React Components ?

Testing in React 0:27:40

Testing in React using Jest

Test-Driven Development // 0:12:55

Test-Driven Development // Fun TDD Introduction with JavaScript

Software Testing Explained 0:02:16

Software Testing Explained in 100 Seconds

Комментарии
Автор

Really helpful, keep up the good work!

devyadav
Автор

Good job, bro!
Btw, you said you have solved the issue with `SyntaxError: Cannot use import statement outside a module jest`.
Can you pls tell how you have done it?
There is tons of info about it but none of them solves the issue...

garikmelqonyan
Автор

Thanks for the video. Very helpful. Just curious, when you code personal projects, do you start with tests first or do you start with writing code first? Thanks.

kmdoll
Автор

Very good video, Thank you for sharing. I was thinking, since Cypress has its Component testing, is it not possible to just use Cypress ?

peshutanpavri
Автор

Does it work normally if we use React testing library + jest + vite and not vitest ?

waleedsharif
Автор

Nice presentation, but you are little bit fast with talking. Please move slowly, so that people can follow with you along because your presentation is excellent.

alishettima