rsnext/examples/with-jest-babel
Marcos Bérgamo c3e5caf110
docs(examples): improve DX while copying command to create new project (#38410)
* docs(examples): improve DX while copy command to create new project

* chore: apply code review

Co-authored-by: Marcos Bérgamo <Marcos.Bergamo@refinitiv.com>
Co-authored-by: JJ Kasper <jj@jjsweb.site>
2022-07-26 21:57:48 -05: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 default gitignore templates (#39051) 2022-07-26 20:08:40 -05: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 docs(examples): improve DX while copying command to create new project (#38410) 2022-07-26 21:57:48 -05: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
yarn create next-app --example with-jest-babel with-jest-babel-app
pnpm create next-app --example with-jest-babel with-jest-babel-app

Run Jest Tests

npm test