Dive into a comprehensive tutorial series on React Testing designed for beginners. Learn the fundamentals of Jest and React Testing Library, explore different types of tests, and understand the anatomy of a test. Master test-driven development, Jest watch mode, and code coverage. Discover various RTL queries, user interactions, and debugging techniques. Explore mocking functions, handling HTTP requests with MSW, and implementing static analysis testing. Gain hands-on experience through practical examples and best practices for writing effective tests in React applications.
Overview
Syllabus
React Testing Tutorial - 1 - Introduction
React Testing Tutorial - 2 - Jest vs React Testing Library
React Testing Tutorial - 3 - Types of Tests
React Testing Tutorial - 4 - What is a Test?
React Testing Tutorial - 5 - Project Setup
React Testing Tutorial - 6 - Running Tests
React Testing Tutorial - 7 - Anatomy of a Test
React Testing Tutorial - 8 - Your First Test
React Testing Tutorial - 9 - Test Driven Development
React Testing Tutorial - 10 - Jest Watch Mode
React Testing Tutorial - 11 - Filtering Tests
React Testing Tutorial - 12 - Grouping Tests
React Testing Tutorial - 13 - Filename Conventions
React Testing Tutorial - 14 - Code Coverage
React Testing Tutorial - 15 - Assertions
React Testing Tutorial - 16 - What to test?
React Testing Tutorial - 17 - RTL Queries
React Testing Tutorial - 18 - getByRole
React Testing Tutorial - 19 - getByRole Options
React Testing Tutorial - 20 - getByLabelText
React Testing Tutorial - 21 - getByPlaceholderText
React Testing Tutorial - 22 - getByText
React Testing Tutorial - 23 - getByDisplayValue
React Testing Tutorial - 24 - getByAltText
React Testing Tutorial - 25 - getByTitle
React Testing Tutorial - 26 - getByTestId
React Testing Tutorial - 27 - Priority Order for Queries
React Testing Tutorial - 28 - Query Multiple Elements
React Testing Tutorial - 29 - TextMatch
React Testing Tutorial - 30 - queryBy
React Testing Tutorial - 31 - findBy
React Testing Tutorial - 32 - Manual Queries
React Testing Tutorial - 33 - Debugging
React Testing Tutorial - 34 - Testing Playground
React Testing Tutorial - 35 - User Interactions
React Testing Tutorial - 36 - Pointer Interactions
React Testing Tutorial - 37 - Keyboard Interactions
React Testing Tutorial - 38 - Providers
React Testing Tutorial - 39 - Custom Render Functions
React Testing Tutorial - 40 - Custom React Hooks
React Testing Tutorial - 41 - Act Utility
React Testing Tutorial - 42 - Mocking Functions
React Testing Tutorial - 43 - Mocking HTTP Requests
React Testing Tutorial - 44 - MSW Setup
React Testing Tutorial - 45 - MSW Handlers
React Testing Tutorial - 46 - Testing with MSW
React Testing Tutorial - 47 - MSW Error Handling
React Testing Tutorial - 48 - Static Analysis Testing
React Testing Tutorial - 49 - Eslint
React Testing Tutorial - 50 - Prettier
React Testing Tutorial - 51 - Husky
React Testing Tutorial - 52 - lint-staged
React Testing Tutorial - 53 - Wrapping Up
Taught by
Codevolution
