|
|
||
|---|---|---|
| .. | ||
| __tests__ | ||
| app | ||
| pages | ||
| public | ||
| styles | ||
| .gitignore | ||
| jest.config.js | ||
| jest.setup.js | ||
| next-env.d.ts | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
| types.d.ts | ||
Next.js + Jest
This example shows how to configure Jest to work with Next.js.
This includes Next.js' built-in support for Global CSS, CSS Modules and TypeScript. This example also shows how to use Jest with the App Router and React Server Components.
Note: Since tests can be co-located alongside other files inside the App Router, we have placed those tests in
app/to demonstrate this behavior (which is different thanpages/). You can still place all tests in__tests__if you prefer.
Deploy your own
How to Use
Quickly get started using Create Next App!
In your terminal, run the following command:
npx create-next-app --example with-jest with-jest-app
yarn create next-app --example with-jest with-jest-app
pnpm create next-app --example with-jest with-jest-app
Running Tests
npm test