https://github.com/nsdonato/react-testing-library

Curso de Udemy: React Testing Library - Finalizado
https://github.com/nsdonato/react-testing-library

jest react react-testing-library testing

Last synced: 3 months ago
JSON representation

Curso de Udemy: React Testing Library - Finalizado

• Host: GitHub
• URL: https://github.com/nsdonato/react-testing-library
• Owner: nsdonato
• Created: 2021-04-20T00:42:33.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2021-09-20T12:44:49.000Z (almost 5 years ago)
• Last Synced: 2025-02-03T17:59:27.159Z (over 1 year ago)
• Topics: jest, react, react-testing-library, testing
• Language: JavaScript
• Homepage:
• Size: 4.01 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React Testing Library

Curso en Udemy, link: https://santec.udemy.com/course/react-testing-library

# Section 1: Introduction

1. Introduction to Testing Library and Jest

2. Create-React-App

3. First Test with Testing Library

4. Jest and Jest-DOM Assertions

5. Jest: Watch Mode and How Tests Work

6. TDD: Test Driven Development

7. React Testing Library Philosophy

8. Functional Testing vs Unit Testing

9. TDD (Test Driven Development) vs BDD (Behavior Driven Development)

10. Testing Library and Accessibility

# Section 2: Simple App: Color Button

11. Overall Course Plan

12. Start Color Button App

13. Test that Finds Button by Role and Clicks Button

14. OPTIONAL React Code: Click Button to Change Color

15. Manual Acceptance Testing

16. Test Initial Condition of Button and Checkbox

17. Introduction to Code Quizzes

18. Code Quiz! Confirm Button Disable on Checkbox Check

19. Code Quiz Solution: Confirm Button Disable on Checkbox Check

20. Finding Checkbox with Label

21. Code Quiz! Disabled Button Turns Gray

22. Unit Testing Functions

23. Code Quiz! Update Tests for New Color Names

24. When to Unit Test

25. Review: Simple App

# Section 3: ESLint with Testing Library, plus Prettier

26. ESLint and Prettier

27. ESLint for Testing Library and Jest-DOM

28. Configure ESLint in VSCode

29. Configure Prettier in VSCode

30. Review: ESLint and Prettier

# Section 4: Sundaes On Demand: Form Review and Popover

31. Introduction to Sundaes on Demand

32. ESLint and Prettier Setup

33. React Bootstrap Setup

34. Code Organization and Introduction to SummaryForm

35. Code Quiz: Checkbox Enables Button

36. OPTIONAL React Code: SummaryForm Checkbox and Button

37. React Bootstrap Popover and Testing Library userEvent

38. Screen Query Methods

39. Testing Element is Not on Page: Start Popover Tests

40. OPTIONAL React Code: Popover

41. "Not wrapped in act(...)" Error, Async Disappearance

42. Review: Summary Form

# Section 5: Simulating Server Response with Mock Service Worker

43. OrderEntry Server Data Introduction

44. Introduction to Mock Service Worker and Handlers

45. Setting up the Mock Service Worker Server

46. Tests with Mock Service Worker: Scoop Options

47. OPTIONAL React Code: Options and ScoopOption Components

48. Using `await findBy` to Find Elements that Populate Asynchronously

49. Code Quiz! Topping Options from Server

50. Error Server Response Planning

51. Simulating Server Error Response in Tests

52. OPTIONAL React Code: Alert Banner for Options Server Error

53. Running only Selected Tests, and `waitFor`

54. Review: Server Error Response and Test Debugging Tools

# Section 6: Testing Components Wrapped in a Provider

55. Intro to Tests for Total and Subtotals

56. Entering Text Input: Subtotal Tests

57. OPTIONAL React Code: OrderDetails Context

58. OPTIONAL React Code: Use Context to Display Scoops Subtotal

59. Adding Context to Test Setup; Test Catching Error in Code

60. Creating Custom Render to Wrap in Provider By Default

61. Review: Scoops Subtotal with Context

62. Code Quiz! Toppings Subtotal

63. OPTIONAL React Code: Toppings Checkboxes

64. Code Quiz! Grand Total

65. "Unmounted Component" Error

66. What Should Functional Tests Catch? and Refactor

# Section 7: Final Exam: Order Phases

67. Introduction to Final Exam: Order Phases

68. Adding a New Handler: Copy/Paste Warning!

69. Debugging Tips

70. OPTIONAL React Hints for Order Phase Coding

71. Final Exam Solution

72. OPTIONAL React Code: Order Phases

73. Jest Mock Functions as Props

74. Review: Final Exam, and Introduction to Optional Practice

# Section 8: Optional Extra Practice

75. Standard Questions for New Tests and Introduction to Exercises

76. Confirm "Loading" Text

77. Conditional Toppings Section on Summary Page

78. Disable Order Button if No Scoops Ordered

79. Red Input Box for Invalid Scoop Count

80. No Scoops Subtotal Update for Invalid Scoop Count

81. Server Error on Order Confirmation Page

82. Congratulations and Thank You!