Skip to content

Instantly share code, notes, and snippets.

@ccurtin
Created December 14, 2019 19:52
Show Gist options
  • Save ccurtin/407ad15c0863a2b6e3322bd0bac9b1cd to your computer and use it in GitHub Desktop.
Save ccurtin/407ad15c0863a2b6e3322bd0bac9b1cd to your computer and use it in GitHub Desktop.
testingjavascript.com video list
1 Intro to Fundamentals of Testing in JavaScript
2 Throw an Error with a Simple Test in JavaScript
3 Abstract Test Assertions into a JavaScript Assertion Library
4 Encapsulate and Isolate Tests by building a JavaScript Testing Framework
5 Support Async Tests with JavaScripts Promises through async await
6 Provide Testing Helper Functions as Globals in JavaScript
7 Verify Custom JavaScript Tests with Jest
8 Intro to Static Analysis Testing JavaScript Applications
9 Lint JavaScript by Configuring and Running ESLint
10 Use the ESLint Extension for VSCode
11 Use prebuilt ESLint Configuration using extends
12 Run ESLint with npm Scripts
13 Format Code by Installing and Running Prettier
14 Configure Prettier
15 Use the Prettier Extension for VSCode
16 Disable Unnecessary ESLint Stylistic Rules with eslintconfigprettier
17 Validate All Files are Properly Formatted with Prettier
18 Avoid Common Errors by Installing and Configuring TypeScript
19 Make ESLint Support TypeScript Files
20 Validate Code in a precommit git Hook with husky
21 Autoformat All Files and Validate Relevant Files in a precommit Script with lintstaged
22 Run Multiple npm Scripts in Parallel with npmrunall
23 Intro to JavaScript Mocking Fundamentals
24 Override Object Properties to Mock with Monkeypatching in JavaScript
25 Ensure Functions are Called Correctly with JavaScript Mocks
26 Restore the Original Implementation of a Mocked JavaScript Function with jestspyOn
27 Mock a JavaScript module in a tes
28 Make a shared JavaScript mock module
29 Intro to Configure Jest for Testing JavaScript Applications
30 Install and Run Jest
31 Compile Modules with Babel in Jest Tests
32 Configure Jests Test Environment for Testing Node or Browser Code
33 Support Importing CSS files with Jests moduleNameMapper
34 Support using Webpack CSS Modules with Jest
35 Generate a Serializable Value with Jest Snapshots
36 Test an Emotion Styled UI with Custom Jest Snapshot Serializers
37 Support Custom Module Resolution with Jest moduleDirectories
38 Configure Jest to Run Setup for All Tests with Jest setupFilesAfterEnv
39 Support a Test Utilities File with Jest moduleDirectories
40 Use Jest Watch Mode to Speed Up Development
41 Step through Code in Jest using the Nodejs Debugger and Chrome DevTools
42 Configure Jest to Report Code Coverage on Project Files
43 Analyze Jest Code Coverage Reports
44 Set a Code Coverage Threshold in Jest to Maintain Code Coverage Levels
45 Report Jest Test Coverage to Codecov through TravisCI
46 Run Jest Watch Mode by Default Locally with iscicli
47 Run Tests with a Different Configuration using Jests config Flag and testMatch Option
48 Support Running Multiple Configurations with Jests Projects Feature
49 Run ESLint with Jest using jestrunnereslint
50 Test Specific Projects in Jest Watch Mode with jestwatchselectprojects
51 Filter which Tests are Run with Typeahead Support in Jest Watch Mode
52 Run Only Relevant Jest Tests on Git Commit to Avoid Breakages
53 Intro to Test React Components with Jest and React Testing Library
54 Render a React Component for Testing
55 Use Jest DOM for Improved Assertions
56 Use DOM Testing Library to Write More Maintainable React Tests
57 Use React Testing Library to Render and Test React Components
58 Debug the DOM State During Tests using React Testing Librarys debug Function
59 Test React Component Event Handlers with fireEvent from React Testing Library
60 Improve Test Confidence with the User Event Module
61 Test Prop Updates with React Testing Library
62 Assert That Something is NOT Rendered with React Testing Library
63 Test Accessibility of Rendered React Components with jestaxe
64 Mock HTTP Requests with jestmock in React Component Tests
65 Mock HTTP Requests with Dependency Injection in React Component Tests
66 Mock reacttransitiongroup in React Component Tests with jestmock
67 Test componentDidCatch Handler Error Boundaries with React Testing Library
68 Hide consoleerror Logs when Testing Error Boundaries with jestspyOn
69 Ensure Error Boundaries Can Successfully Recover from Errors
70 Use React Testing Librarys Wrapper Option to Simplify using rerender
71 Test Drive the Development of a React Form with React Testing Library
72 Test Drive the Submission of a React Form with React Testing Library
73 Test Drive the API Call of a React Form with React Testing Library
74 Test Drive Mocking reactrouters Redirect Component on a Form Submission
75 Test Drive Assertions with Dates in React
76 Use Generated Data in Tests with testsdatabot to Improve Test Maintainability
77 Test Drive Error State with React Testing Library
78 Write a Custom Render Function to Share Code between Tests and Simplify Tests
79 Test React Components that Use the reactrouter Router Provider with createMemoryHistor
80 Initialize the history Object with a Bad Entry to Test the reactrouter nomatch Route
81 Create a Custom render Function to Simplify Tests of reactrouter Components
82 Test a Redux Connected React Component
83 Test a Redux Connected React Component with Initialized State
84 Create a Custom Render Function to Simplify Tests of Redux Components
85 Test a Custom React Hook with Reacts Act Utility and a Test Component
86 Write a Setup Function to Reduce Duplication of Testing Custom React Hooks
87 Test a Custom React Hook with renderHook from React Hooks Testing Library
88 Test Updates to Your Custom React Hook with rerender from React Hooks Testing Library
89 Test React Portals with within from React Testing Library
90 Test Unmounting a React Component with React Testing Library
91 Write React Application Integration Tests with React Testing Library
92 Improve Reliability of Integration Tests using find Queries from React Testing Library
93 Improve Reliability of Integration Tests Using the User Event Module
94 Intro to Test Nodejs Backends
95 Test Pure Functions Overview
96 Write Unit Tests for a Simple Pure Function
97 Improve Error Messages by Generating Test Titles
98 Use jestincase to Reduce Duplication and Improve Test Titles
99 Create a Casify Function to Generate Cases for jestincase
100 Test Node Middleware Overview
101 Write a Unit Test for Handling an UnauthorizedError
102 Write a Unit Test for Handling headersSent in an Error Middleware
103 Write a Unit Test for Status 500 Error Middleware Fallback
104 Improve Test Maintainability using the Test Object Factory Pattern
105 Use a Test Object Factory utilsgenerate
106 Test Node Controllers Overview
107 Write a Unit Test for a Controller by Mocking the Database
108 Simplify Assertions on Error Messages with toMatchInlineSnapshot
109 Unit Test Business Logic of a Controllers Middleware
110 Test Controller 404 Edge Case where Resource is Not Found
111 Test Controller Unauthorized Case
112 Test getListItems for Getting Multiple Mock Objects
113 Test the Happy Path of a Creation Flow
114 Testing an Error Case for createListItem
115 Testing the Happy Path for updateListItem
116 Testing Resource Deletion
117 Test Authentication API Routes Overview
118 Start a Node Server and Fire a Request to an HTTP API Endpoint
119 Make Assertions on HTTP API Responses for Registration
120 Test the Login Endpoint for a Node Server
121 Test the Users Resource Endpoint
122 Create a Preconfigured axios Client for the baseURL
123 Improve Error Messages with an axios Interceptor
124 Ensure a Unique Server Port
125 Use Snapshots to Assert on Server Error Responses
126 Interact Directly with the Database
127 Test all the Edge Cases
128 Test CRUD API Routes Overview
129 Write an Integration Test for a Resource Create Endpoint
130 Write an Integration Test for a Resource Read Endpoint
131 Integration Test a Resource Update Endpoint
132 Integration Test a Resource Delete Endpoint
133 Snapshot the Error Message with Dynamic Data
134 Intro to Install Configure and Script Cypress for JavaScript Web Applications
135 Install and Run Cypress
136 Write the First Cypress Test
137 Configure Cypress in cypressjson
138 Installing Cypress Testing Library
139 Script Cypress for Local Development and Continuous Integration
140 Debug a Test with Cypress
141 Test User Registration with Cypress
142 Cypress Driven Development
143 Simulate HTTP Errors in Cypress Tests
144 Test User Login with Cypress
145 Create a User with cyrequest from Cypress
146 Keep Tests Isolated and Focused with Custom Cypress Commands
147 Use Custom Cypress Command for Reusable Assertions
148 Run Tests as an Authenticated User with Cypress
149 Use cyrequest from Cypress to Authenticate as a New User
150 Use a Custom Cypress Command to Login as a User
151 Combine Custom Cypress Commands into a Single Custom Command
152 Install React DevTools with Cypress
153 Intro to Use DOM Testing Library to test any JS framework
154 Use DOM Testing Library with React
155 Use DOM Testing Library with Preact
156 Use DOM Testing Library with jQuery
157 Use DOM Testing Library with Dojo
158 Use DOM Testing Library with HyperApp
159 Use DOM Testing Library with AngularJS
160 Use DOM Testing Library with Angular
161 Use DOM Testing Library with VueJS
162 Use DOM Testing Library with Mithril
163 Use DOM Testing Library with fromhtml
164 Use DOM Testing Library with Svelte
165 Practical testing with Wes Bos and Scott Tolinski
166 a11y with Marcy Sutton
167 Static Types with Jessica Kerr
168 Testing Practices with JB Rainsberger
169 Visual regression testing with Angie Jones
170 Snapshots and Reason with Jared Forsyth
171 Testing culture with Justin Searls
172 Ministry of testing with Rosie Sherry
173 Craftmanship with Kent Beck
174 Mattias Johansson
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment