Curso en Udemy, link: https://santec.udemy.com/course/react-testing-library
-
Introduction to Testing Library and Jest
-
Create-React-App
-
First Test with Testing Library
-
Jest and Jest-DOM Assertions
-
Jest: Watch Mode and How Tests Work
-
TDD: Test Driven Development
-
React Testing Library Philosophy
-
Functional Testing vs Unit Testing
-
TDD (Test Driven Development) vs BDD (Behavior Driven Development)
-
Testing Library and Accessibility
-
Overall Course Plan
-
Start Color Button App
-
Test that Finds Button by Role and Clicks Button
-
OPTIONAL React Code: Click Button to Change Color
-
Manual Acceptance Testing
-
Test Initial Condition of Button and Checkbox
-
Introduction to Code Quizzes
-
Code Quiz! Confirm Button Disable on Checkbox Check
-
Code Quiz Solution: Confirm Button Disable on Checkbox Check
-
Finding Checkbox with Label
-
Code Quiz! Disabled Button Turns Gray
-
Unit Testing Functions
-
Code Quiz! Update Tests for New Color Names
-
When to Unit Test
-
Review: Simple App
-
ESLint and Prettier
-
ESLint for Testing Library and Jest-DOM
-
Configure ESLint in VSCode
-
Configure Prettier in VSCode
-
Review: ESLint and Prettier
-
Introduction to Sundaes on Demand
-
ESLint and Prettier Setup
-
React Bootstrap Setup
-
Code Organization and Introduction to SummaryForm
-
Code Quiz: Checkbox Enables Button
-
OPTIONAL React Code: SummaryForm Checkbox and Button
-
React Bootstrap Popover and Testing Library userEvent
-
Screen Query Methods
-
Testing Element is Not on Page: Start Popover Tests
-
OPTIONAL React Code: Popover
-
"Not wrapped in act(...)" Error, Async Disappearance
-
Review: Summary Form
-
OrderEntry Server Data Introduction
-
Introduction to Mock Service Worker and Handlers
-
Setting up the Mock Service Worker Server
-
Tests with Mock Service Worker: Scoop Options
-
OPTIONAL React Code: Options and ScoopOption Components
-
Using
await findBy
to Find Elements that Populate Asynchronously -
Code Quiz! Topping Options from Server
-
Error Server Response Planning
-
Simulating Server Error Response in Tests
-
OPTIONAL React Code: Alert Banner for Options Server Error
-
Running only Selected Tests, and
waitFor
-
Review: Server Error Response and Test Debugging Tools
-
Intro to Tests for Total and Subtotals
-
Entering Text Input: Subtotal Tests
-
OPTIONAL React Code: OrderDetails Context
-
OPTIONAL React Code: Use Context to Display Scoops Subtotal
-
Adding Context to Test Setup; Test Catching Error in Code
-
Creating Custom Render to Wrap in Provider By Default
-
Review: Scoops Subtotal with Context
-
Code Quiz! Toppings Subtotal
-
OPTIONAL React Code: Toppings Checkboxes
-
Code Quiz! Grand Total
-
"Unmounted Component" Error
-
What Should Functional Tests Catch? and Refactor
-
Introduction to Final Exam: Order Phases
-
Adding a New Handler: Copy/Paste Warning!
-
Debugging Tips
-
OPTIONAL React Hints for Order Phase Coding
-
Final Exam Solution
-
OPTIONAL React Code: Order Phases
-
Jest Mock Functions as Props
-
Review: Final Exam, and Introduction to Optional Practice
-
Standard Questions for New Tests and Introduction to Exercises
-
Confirm "Loading" Text
-
Conditional Toppings Section on Summary Page
-
Disable Order Button if No Scoops Ordered
-
Red Input Box for Invalid Scoop Count
-
No Scoops Subtotal Update for Invalid Scoop Count
-
Server Error on Order Confirmation Page
-
Congratulations and Thank You!