
Clone the repository, install dependencies, and follow the master scaffold to complete hands-on test cases, then switch to final, Pattu, and patcher branches to view solutions and continue with assignments.
Learn how to test checked and unchecked checkbox states in React by mounting the component, spreading default props, and passing custom props to verify true or false.
Learn how to test for the absence of an image using query, ensuring no rendering, and differentiate from get or find for presence using a test id.
Test the parent component that renders children by verifying it provides the context values to the future context provider and renders its children.
Test the use filters hook by mounting a context provider with a known value, rendering a component that uses the hook, and asserting the value matches the provided context.
Test the use outside click hook by mounting a panel component that uses it. Simulate inside and outside clicks and verify the callback toggles panel visibility.
Demonstrates integrating tests for an off-canvas search panel, validating open and close flows and element presence using get by text and query by text.
Test product search functionality in a React app by mounting the component, typing in the search box with a debounce, and validating debounced API calls and item updates.
Hi ! I' m Kati Frantz , and I've built tons and tons of React applications. Everyone can ship software, but shipping quality software requires a lot of quality assurance and best practices. A professional ships confident, well tested, and stable code.
This is the standard, but testing react applications can be painful and complex. What are the best practices ? What should I test ? How can I test a react router based, redux store connected stripe checkout form ???
Be glad you found this course, because this course will show you the best practices for testing components and full scale applications.
We'll be testing an e-commerce application ?? with Stripe Checkout. Here are some of the features we'll be testing:
Reusable checkboxes
External API powered products listing
Product tiles accessibility
Off canvas filter menu (with portals)
Prevent scroll on canvas open
Event listener cleanups
Debounced products search
Context dependent components
React router page navigation
Redux connected components and pages
Custom hooks
Checkout modal
Stripe checkout
By the end of this course, you'll be able to:
Implement a testing solution for any react application
Test components connected to state management stores
Test components that call external APIs
Test components that use other component packages
Test router connected components
Test components that use a huge range of design patterns such as render props and composition.
Test components with accessibility in mind.
And so much more ! Go ahead and enroll to the course and join me to learn techniques and strategies you can use in applications and job starting today!