Jest

Jest

JavaScript testing framework with a focus on simplicity

Jest is a JavaScript testing framework with a focus on simplicity. It works with projects using Babel, TypeScript, Node, React, Angular, and Vue.

React, TypeScript, and TDD

Tutorial

React, TypeScript, and TDD
How to write React applications in TypeScript using TDD, highlighting features of the IDE
Rich Events and Testing

Part of tutorial

Rich Events and Testing
Add event handling to a stateful class component by first writing tests during development.
Class Components With State

Part of tutorial

Class Components With State
Make a very simple class component with local counter state, then make a type definition for that state.
Project Setup

Part of tutorial

Project Setup
Create a React+TypeScript project with the create-react-app scaffolding tool.
Testing

Part of tutorial

Testing
Test-first development with Jest in the IDE.
Presentation and Container Components

Part of tutorial

Presentation and Container Components
Follow the React pattern of container/presentation components by refactoring the code and tests.
Debugging During Testing With Node.js

Part of tutorial

Debugging During Testing With Node.js
Use the visual debugger in the IDE for smarter TDD.
Run Tests from Editor

Tip

Run Tests from Editor
Learn how to run a single test right from the editor.
Review Errors from Test Runners

Tip

Review Errors from Test Runners
In a test file, hover over an error to get more information about it.
Finding Tests in Large Test Files

Tip

Finding Tests in Large Test Files
Use the Structure tool window for quick navigation around large test files.
Navigate to Test

Tip

Navigate to Test
Use the Go to Symbol popup to go to a test.