Testing React Forms - React Testing Library - React.js Testing Tutorial #8

Published: 04 October 2021
on channel: Bruno Antunes
29,822
611

In this video we will learn how to test React Forms using React Testing Library. Our React forms can be implemented using formik or react hook form and our tests will work for both libraries.

The tests will take no assumption on the "library" used, so independently of you using react hook form or formik, those tests will work in both libraries.

GitHub repository: https://github.com/bmvantunes/youtube...
All the videos in this series (React.js Testing Tutorial):    • React.js Unit Testing and Integration...  

Join the channel to support my content:
   / @brunoantunespt  

Video where we built the multi-step form:    • React Multi-Step Form Tutorial: Using...  

Timeline:
00:00 Introduction
00:55 Demo the form we will test
02:58 Test the happy path scenario
14:21 Refactoring
15:35 Test the required fields
16:55 IMPORTANT: toHaveErrorMessage
22:00 Test Min and Max characters using react testing library
25:45 Cross-Step Validation - money field
29:00 What to test next?

Follow me on:
Twitter:   / bmvantunes  
Dev.to: https://dev.to/bmvantunes
Website: https://brunoantunes.net
GitHub: https://github.com/bmvantunes
LinkedIn:   / bmvantunes  

#jest #ReactTestingLibrary #formik


Watch video Testing React Forms - React Testing Library - React.js Testing Tutorial #8 online without registration, duration hours minute second in high quality. This video was added by user Bruno Antunes 04 October 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 29,822 once and liked it 611 people.