rsnext/examples/with-jest-babel
Ray Wong 9a1798b69d
Fix with-jest and with-jest-babel example test snapshot failure (#46885)
fixes #46838

This PR fixes the snapshot test failure of examples `with-jest` and `with-jest-babel`.

I have tested by running tests in the files generated by these 2 commands: 

```
$ npx create-next-app@latest --example https://github.com/rayrw/next.js/tree/fix-with-jest-example-test-failure/examples/with-jest fix-snapshots-failure
$ npx create-next-app@latest --example https://github.com/rayrw/next.js/tree/fix-with-jest-example-test-failure/examples/with-jest-babel fix-snapshots-failure
```
2023-03-08 01:16:15 +00:00
..
__mocks__ fix: mock image path as next/image expects it (#34350) 2022-02-18 04:15:57 +00:00
__tests__ Fix with-jest and with-jest-babel example test snapshot failure (#46885) 2023-03-08 01:16:15 +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
package.json [examples] add @types/testing-library__jest-dom package (#44533) 2023-01-03 15:55:40 -08: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