UNIT testing your create React app Components VISUALLY

preview_player
Показать описание
That’s right - visual unit testing. Cypress is great for integration testing. But why not take it a step further and use it for unit testing giving you a streamlined developer workflow 🌹

STEPS in this lesson:

👇 SUBSCRIBE for MORE 👇

**Feel Free To Read This Lot**

I'm Basarat, That TypeScript Guy and I love helping developers. More about me:

Microsoft MVP for TypeScript
Lead Frontend Practice at Australia Post
150K contributions on Stackoverflow. Top Contributor for TypeScript.
Book Author : Beginning NodeJS
Book Author : TypeScript Deep Dive
Creator of multiple hot ✨ed Github Open Source projects

  1. basarat
  2. typescript
  3. javascript
  4. basarat
  5. that typescript guy
  6. typescript deep dive
Рекомендации по теме
UNIT testing your 0:08:23

UNIT testing your create React app Components VISUALLY

Testing In React 0:21:28

Testing In React Tutorial - Jest and React Testing Library

React Testing Tutorial 0:22:16

React Testing Tutorial (Jest + React Testing Library)

React Testing for 1:17:14

React Testing for Beginners: Start Here!

Software Testing Explained 0:02:16

Software Testing Explained in 100 Seconds

React Testing Tutorial 0:07:21

React Testing Tutorial - 8 - Your First Test

React Testing Library 0:04:33

React Testing Library Tutorial #3 - Types of Test

Unit Test your 0:17:36

Unit Test your React app with Jest, Jest-dom & Enzyme

React Testing Crash 0:27:43

React Testing Crash Course for Beginners

Using react-testing-library with 0:10:24

Using react-testing-library with create-react-app

React testing library 0:00:58

React testing library 🐙 and jest in 60 seconds #webdevelopment #reacttestinglibrary #jest

Watch this if 0:00:50

Watch this if you're struggling with React Testing Library #shorts

Unit Testing in 0:00:30

Unit Testing in React using Jest 🤩👨‍💻 #reactjs #react #shorts #programming @aseemwangoo

React & Testing 0:51:39

React & Testing 101: Learn How to Build and Test Your Own Application

React Testing Library 0:34:10

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

Using Vitest with 0:00:49

Using Vitest with React and Testing Library

Unit Testing in 0:26:19

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

Fast and robust 0:29:22

Fast and robust visual unit tests for your React application – Dzianis Artsiukhovich

How to use 0:12:19

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

7 better ways 0:07:08

7 better ways to create a React app

Introduction To Testing 0:13:57

Introduction To Testing In JavaScript With Jest

React unit testing 0:23:49

React unit testing with Jest & React-testing-library

Let's Create A 0:00:50

Let's Create A Unit Test With Jest & React Testing Library #shorts

Writing Jest Test 0:12:41

Writing Jest Test Cases for a React Application

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

holy shit, man, i hated doing front-end testing because of Jest's stupid way of testing. I want to implement this in a basic app now, thanks!

heugh_jazz
Автор

what is name of this font theme. Thanks.

muralidharmoka
Автор

Hey! Great video. Super super good indeed.
How would you test a component that has a <Link /> component from react-router-dom or that redirects upon signup for example?
I have been trying to see how to do it. Any help would be appreciated!

andredealbuquerque
Автор

I love working with cypress, as it is easy to use and a great tool. However, I got an error when trying to run the tests.

Error: Webpack Compilation Error

Module build failed (from
Error: Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (82)
For more information on which environments are supported please see:
@ 2:14-285 21:1-42:3 22:19-290
@
@ ./src/components/App.tsx
@

Do you have any idea what this error may apply?

eskildbrobak
Автор

I am excited 🕺... Hey @basrat please let me know.. if I can use this in production application? NOW.

arupdash
Автор

That's really cool! I didn't know Cypress could do that. Would you use this completely in place of traditional unit test or a combination of the two?

NCmderShepard