udemy-testing-react-with-jest-and-react-testing-library-rtl-2022-5

\ 0:00 Introduction to Testing Library and Jest 4:06 Create-React-App 6:23 First Test with Testing Library 12:54 Jest and Jest-DOM Assertions 17:05 Jest Watch Mode and How Tests Work 24:45 TDD Test Driven Development 28:13 React Testing Library Philosophy 32:43 Functional Testing vs Unit Testing 37:03 TDD (Test Driven Development) vs BDD (Behavior Driven Development) 38:31 Testing Library and Accessibility App Color Button\ 45:17 Overall Course Plan 48:41 Start Color Button App 59:38 Test that Finds Button by Role and Clicks Button 1:07:21 OPTIONAL React Code Click Button to Change Color 1:13:50 Manual Acceptance Testing 1:15:12 Test Initial Condition of Button and Checkbox 1:21:18 Introduction to Code Quizzes 1:24:53 Code Quiz! Confirm Button Disable on Checkbox Check 1:27:24 Code Quiz Solution Confirm Button Disable on Checkbox Check 1:31:00 Finding Checkbox with Label 1:34:27 Code Quiz! Disabled Button Turns Gray 1:37:53 Unit Testing Functions 1:46:44 Code Quiz! Update Tests for New Color Names 1:49:29 When to Unit Test 1:51:41 Review Simple App with Testing Library, plus Prettier\ 1:53:17 ESLint and Prettier 1:57:06 ESLint for Testing Library and Jest-DOM 2:00:59 Configure ESLint in VSCode 2:08:00 Configure Prettier in VSCode 2:09:41 Review ESLint and Prettier On Demand Form Review and Popover\ 2:11:02 Introduction to Sundaes on Demand 2:19:44 ESLint and Prettier Setup 2:24:45 React Bootstrap Setup 2:28:19 Code Organization and Introduction to SummaryForm 2:33:17 Code Quiz Checkbox Enables Button 2:38:57 OPTIONAL React Code SummaryForm Checkbox and Button 2:41:13 React Bootstrap Popover and Testing Library userEvent 2:47:43 Screen Query Methods 2:52:47 Testing Element is Not on Page Start Popover Tests 3:01:46 OPTIONAL React Code Popover 3:04:53 Not wrapped in act(...) Error, Async Disappearance 3:11:02 Review Summary Form Server Response with Mock Service Worker\ 3:13:55 OrderEntry Server Data Introduction 3:16:28 Introduction to Mock Service Worker and Handlers 3:25:14 Setting up the Mock Service Worker Server 3:29:09 Tests with Mock Service Worker Scoop Options 3:37:47 OPTIONAL React Code Options and ScoopOption Components 3:51:36 Using `await findBy` to Find Elements that Populate Asynchronously 3:54:51 Code Quiz! Topping Options from Server 4:02:44 Error Server Response Planning 4:06:25 Simulating Server Error Response in Tests 4:15:54 OPTIONAL React Code Alert Banner for Options Server Error 4:22:59 Running only Selected Tests, and `waitFor` 4:29:19 Review Server Error Response and Test Debugging Tools Components Wrapped in a Provider\ 4:31:33 Intro to Tests for Total and Subtotals 4:32:34 Entering Text Input Subtotal Tests 4:43:21 OPTIONAL React Code OrderDetails Context 5:08:34 OPTIONAL React Code Use Context to Display Scoops Subtotal 5:25:15 Adding Context to Test Setup; Test Catching Error in Code 5:34:11 Creating Custom Render to Wrap in Provider By Default 5:41:52 Review Scoops Subtotal with Context 5:43:56 Code Quiz! Toppings Subtotal 5:50:57 OPTIONAL React Code Toppings Checkboxes 5:54:14 Code Quiz! Grand Total 6:05:45 Unmounted Component Error 6:12:10 What Should Functional Tests Catch and Refactor Exam Order Phases\ 6:19:42 Introduction to Final Exam Order Phases 6:26:46 Adding a New Handler CopyPaste Warning! 6:30:04 Debugging Tips 6:36:56 OPTIONAL React Hints for Order Phase Coding 6:41:03 Final Exam Solution 6:45:46 OPTIONAL React Code Order Phases 6:52:33 Jest Mock Functions as Props 6:57:14 Review Final Exam, and Introduction to Optional Practice Extra Practice\ 7:01:18 Standard Questions for New Tests and Introduction to Exercises 7:07:56 Confirm Loading Text 7:11:23 Conditional Toppings Section on Summary Page 7:15:29 Disable Order Button if No Scoops Ordered 7:19:19 Red Input Box for Invalid Scoop Count 7:29:58 No Scoops Subtotal Update for Invalid Scoop Count 7:34:11 Server Error on Order Confirmation Page 7:39:58 Congratulations and Thank You!