rsnext/examples/with-jest-babel
2022-05-27 21:21:40 +00:00
..
__mocks__ fix: mock image path as next/image expects it (#34350) 2022-02-18 04:15:57 +00:00
__tests__ chore: update Jest example snapshots (#36884) 2022-05-13 16:18:06 +00:00
pages Fixes #33153: Updating cross-references from master to main + canary (#33198) 2022-01-12 02:55:35 +01:00
public Update Jest examples and docs (#31633) 2021-11-30 15:10:40 -06:00
styles Update Jest examples and docs (#31633) 2021-11-30 15:10:40 -06:00
.eslintrc.json Update Jest examples and docs (#31633) 2021-11-30 15:10:40 -06:00
.gitignore Update Jest examples and docs (#31633) 2021-11-30 15:10:40 -06:00
jest.config.js fix: mock image path as next/image expects it (#34350) 2022-02-18 04:15:57 +00:00
jest.setup.js Update Jest examples and docs (#31633) 2021-11-30 15:10:40 -06:00
next-env.d.ts chore: convert Jest examples to TypeScript (#32705) 2021-12-22 01:12:07 +01:00
package.json chore: upgrade dependencies in Jest examples (#36858) 2022-05-12 15:37:37 +00:00
README.md Update pnpm create next-app for latest pnpm 6 and 7 (#37254) 2022-05-27 21:21:40 +00:00
tsconfig.json fix: run prettier on with-jest and with-jest-babel examples 2021-12-22 02:35:21 +01:00
types.d.ts chore: convert Jest examples to TypeScript (#32705) 2021-12-22 01:12:07 +01:00

Next.js + Jest

This example shows how to configure Jest to work with Next.js and Babel. Since the release of Next.js 12, Next.js has in-built configuration for Jest with SWC. See the with-jest example for the latest implementation.

This includes Next.js' built-in support for Global CSS, CSS Modules and TypeScript.

How to Use

Quickly get started using Create Next App!

In your terminal, run the following command:

npx create-next-app --example with-jest-babel with-jest-babel-app
# or
yarn create next-app --example with-jest-babel with-jest-babel-app
# or
pnpm create next-app --example with-jest-babel with-jest-babel-app

Run Jest Tests

npm test