In this course we are going to work through properly setting up Enzyme with Jest to test rendered components. This includes the nitty gritty of making our testing environment work with various versions of React. After we get our environment setup ready, we’ll work through the different ways we can render a component within our test pages. With a rendered component we can now test component methods and properties to assert that they are what is intended.
Overview
Syllabus
- Course Overview: Testing React Components with Enzyme and Jest
- Install Enzyme and Configure Jest
- Test Against Different React Releases with Enzyme
- Shallow Render a React Component with Enzyme
- Find Nodes from a Shallow Rendered Component
- Understand the Different Accepted Selectors in Enzyme
- Test Enzyme Rendered Components with Jest Snapshots
- Test React Component Props with Enzyme and Jest
- Fully Render React Components with Enzyme
- Test Simulated Event Handlers with Enzyme
- Test New Component State with setState in Enzyme
- Test React Component Lifecycle Methods with Enzyme
- Test React Component Methods with Enzyme
- Test Redux Connect Components with Enzyme
- Testing React Forms with Enzyme
Taught by
Tyler Clark