Skip to main content

Jest Tests

Edit this page

CodeSandbox has a native integration with Jest Tests for running tests.

What is Jest

Jest is a zero configuration test runner that allows you easily write JavaScript tests without setting anything up. For more info on Jest you can look here.

How to use Jest in CodeSandbox Client Sandboxes

In Client Sandboxes you can run Jest tests by creating files that end with .test.js, .spec.js, .test.ts(x) and .spec.js(x). We will automatically detect these test files and show the results in the bottom bar.

In Container Sandboxes you can still use Jest (or whichever test framework you want), but we don't auto-detect these and you'd need to set it up yourself as you normally would.

Test Bottom

You can also open the test view instead of the browser preview by clicking on the 'Show Tests' icon in the top right.

Show Tests

The left side of the test view is an overview of all test files. The right side shows the details of a file when you select it.

Test Details

You can decide to rerun tests manually by clicking on the Play icon. We automatically watch for file changes, you can disable this by clicking on the 'Refresh' icon on the left side.

Test Failures

We show failed tests in two ways: in the test overview and in the code editor itself.

A failed test looks like this in the Test View:

Test Error

And will also show squiggles in the editor:

Test Squiggles

Test Example

Here's an example sandbox running Jest tests: