c0986eed06
## Documentation / Examples - [ ] Make sure the linting passes by running `pnpm build && pnpm lint` - [ ] The "examples guidelines" are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md) The https://www.npmjs.com/package/@testing-library/jest-dom is included in the `with-jest` and `with-jest-babel` examples, but that package has DT types which are not included and may cause TS errors. This PR adds them |
||
---|---|---|
.. | ||
__mocks__ | ||
__tests__ | ||
pages | ||
public | ||
styles | ||
.eslintrc.json | ||
.gitignore | ||
jest.config.js | ||
jest.setup.js | ||
package.json | ||
README.md | ||
tsconfig.json | ||
types.d.ts |
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