Testing JavaScript with Kent C. Dodds

Name: Testing JavaScript with Kent C. Dodds
Price: 12.75 USD
Availability: InStock

14h 11m 26s

English

Paid

May 18, 2023

Testing JavaScript with Kent C. Dodds is a 176-lesson 14 hours 11 minutes self-paced course by Kent C. Dodds. This course shows you how to test a React app with a clear four-layer method.

Course facts

Lessons: 176
Duration: 14 hours 11 minutes
Level: All levels
Language: English
Updated
Instructor: Kent C. Dodds
Price: Premium

This course shows you how to test a React app with a clear four-layer method. You learn a process you can also use with any JavaScript framework, including Angular, Vue, and older Backbone code. The goal is to help you write tests that are clear, useful, and easy to keep working.

What You Will Learn

You explore each test layer and see when to use it. You build tests that match how users work with your app. You avoid tests that break for no good reason.

The Four Layers

Static tests catch simple mistakes before you run code.
Unit tests check small parts of your app in isolation.
Integration tests show how pieces work together.
End-to-end tests follow full user flows in the browser.

Why This Method Helps

This method gives you a plan for what to test. You avoid guesswork. You write fewer but stronger tests. You trust your code more and spend less time fixing flaky tests.

Additional

https://github.com/kentcdodds/js-testing-fundamentals
https://github.com/kentcdodds/static-testing-tools/tree/tjs/step-14
https://github.com/kentcdodds/js-mocking-fundamentals
https://github.com/kentcdodds/jest-cypress-react-babel-webpack/tree/tjs/jest-23
https://github.com/kentcdodds/react-testing-library-course/tree/tjs
https://github.com/kentcdodds/jest-cypress-react-babel-webpack/tree/tjs/cypress-17
https://github.com/kentcdodds/dom-testing-library-with-anything/tree/2019-08
https://github.com/kentcdodds/testing-node-apps

Who teaches Testing JavaScript with Kent C. Dodds? Kent C. Dodds

Kent C. Dodds is a US developer and one of the most influential modern voices on JavaScript testing and the React ecosystem. He is the creator of Testing Library (the de-facto standard for testing React components), EpicReact.dev, EpicWeb.dev, and previously authored the Testing JavaScript course on egghead.io. His teaching has anchored a generation of React developers' approach to component testing and modern React patterns.

His paid course catalog covers React in depth (Epic React: hooks, advanced patterns, performance, suspense, the App Router era), the testing tracks (Epic Web's testing course, the original Testing JavaScript material), TypeScript with React, and the broader full-stack JavaScript craft. Material is taught at the level of a working senior React engineer.

The CourseFlix listing under this source carries 5 Kent C. Dodds courses spanning that range. Material is paid; Kent's courses run on per-course or membership pricing on the original platforms (EpicWeb / EpicReact). Courses are aimed at intermediate-and-up React developers.

What lessons are included in Testing JavaScript with Kent C. Dodds?

0:00

#1: Intro to Fundamentals of Testing in JavaScript

All Course Lessons (176)

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

Unlock unlimited learning

Get instant access to all 175 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

What courses are similar to Testing JavaScript with Kent C. Dodds?

Updated 2y ago
Explore the JavaScript Universe (Explore the JavaScript Universe)
By: Dan Abramov
On a good day, programming feels like magic. You patiently enchant the machine with a tapestry of digital spells. With a few confident keystrokes, you breathe l
Updated 3y ago
Build Fullstack Trello clone: WebSocket, Socket IO
By: Udemy
In this course we will build a Trello clone API using Angular, Typescript, NodeJS, Express, MongoDB and Socket IO .
8h 49m
Updated 2y ago
Modern JavaScript
By: UI.dev (Tyler McGinnis)
This is a 'living' course which updates as JavaScript does. If you haven't taken a look at the latest versions of JavaScript the last few years you've been.
3h 4m
Updated 2y ago
Java Test Automation Engineer - from Zero to Hero
By: Udemy
Are you ready to embark on an exciting journey to become a Test Automation Hero in Java? Whether you're new to programming or have some experience, this course
18h 40m
Updated 4mo ago
Build a Dynamic Data Table using JavaScript, CSS, and APIs
By: Zero To Mastery
Learn to create interactive tables using JavaScript and APIs. Master asynchronous requests and design a responsive interface to enhance your skills.
3h 7m

More courses by Kent C. Dodds

New
Practical TypeScript: Foundations to Fluency
Master TypeScript: from basic knowledge to complex concepts. Understand the structure of the type system and production patterns. Gain confidence in programming
9h 18m
Updated 8mo ago
Master the Model Context Protocol (MCP)
The most interesting thing in software right now is MCP. It's a protocol that turns applications into smart conversational partners: instead of.
7h 23m5/5
Classic
Learn React 19 with Epic React v2
Ready for the React 19 revolution? The most in-demand JavaScript framework has received a major update! You are already familiar with React, but in React 19 the
26h 51m4/5
Classic
Epic Web. Ship Modern Full-Stack Web Applications
Whether you and your team are working on an existing enterprise-scale web app , or you've just come up with an amazing idea for a new project .
39h 2m5/5
Updated 3y ago
Epic React (Epic React Pro)
Building React applications demands that you make expert decisions before you write the first line of code.
27h 57m3/5

Frequently asked questions

What prerequisites are needed before taking this course?

Before enrolling, you should have a basic understanding of JavaScript and familiarity with React. While the course covers testing fundamentals applicable to various JavaScript frameworks, prior experience with React will help you follow along with the specific testing examples provided.

What kind of projects or applications will I build during the course?

Throughout the course, you will develop tests for a React application, applying a four-layer method. This includes creating static tests, unit tests, integration tests, and end-to-end tests to ensure your app works as intended and user flows are accurately tested.

Who is the target audience for this course?

This course is designed for JavaScript developers who want to improve their testing skills. It's particularly useful for those working with React, but the methods taught can be applied to other JavaScript frameworks like Angular, Vue, and Backbone.

How does the depth and scope of this course compare to other testing courses?

The course offers a detailed exploration of a four-layer testing method, focusing on both theory and practical application. It covers a wide range of topics from static testing to end-to-end testing, making it suitable for developers seeking a comprehensive understanding of testing in JavaScript.

What specific tools or platforms will I learn to use?

You will learn to use tools like Jest for verifying custom JavaScript tests and ESLint for linting. The course also covers using the DOM Testing Library with various JavaScript frameworks and setting up configurations for Prettier and TypeScript to enhance your testing environment.

What topics are not covered in this course?

The course does not cover topics outside JavaScript testing, like server-side testing frameworks or non-JavaScript languages. It focuses specifically on testing front-end JavaScript applications and does not delve into back-end testing practices.

How much time should I expect to commit to complete the course?

The course contains 176 lessons with a total runtime of approximately 14 hours and 11 minutes. Depending on your pace and the depth of practice you choose to engage in, additional time may be necessary to fully absorb and apply the concepts taught.