React Testing Training Overview
This Testing React Applications training course teaches developers how to write tests using Jest and the React Testing Library. In addition, attendees learn current best practices for testing React applications.
Location and Pricing
Accelebrate offers instructor-led enterprise training for groups of 3 or more online or at your site. Most Accelebrate classes can be flexibly scheduled for your group, including delivery in half-day segments across a week or set of weeks. To receive a customized proposal and price quote for private corporate training on-site or online, please contact us.
In addition, some courses are available as live, instructor-led training from one of our partners.
Objectives
- Write JavaScript unit tests using Jest
- Mock JavaScript Modules and Functions using Jest
- Perform Debugging Tests
- Test components using React Testing Library
- Test components using Enzyme (shallow, snapshot)
- Test Components making HTTP calls
- Test Applications using Redux (if applicable)
Prerequisites
Students should have taken Accelebrate's Introduction to React course or have equivalent experience. Attendees must have experience with Modern JavaScript concepts, including arrow functions, modules, and destructuring.
Outline
Expand All | Collapse All
Introduction
Tools Overview
- Jest
- React Testing Library
- Enzyme
Jest Syntax
Testing Vanilla JavaScript with Jest
Mocking
- Mocking Modules
- Mocking Functions
Debugging Tests
- In Chrome
- In Visual Studio Code
- Running One Test
- Excluding Tests
Component Tests with React Testing Library
- Using screen.debug()
- Queries
- Understanding async await with React Testing Library
Component Tests with Enzyme
Testing Components making HTTP calls
- Introduction to Mock Service Worker (msw)
- Using msw
Testing Applications using Redux
- Testing Actions
- Testing Thunks
- Testing Reducers
Conclusion
Training Materials
All React Testing training attendees receive comprehensive courseware.
Software Requirements
- Google Chrome and/or Firefox
- Other modern browsers as desired
- IDE/development environment of your choice
- Other free software and lab files as specified, including Node.js
