rsnext/examples/with-jest-babel
Steven 4466ba436b
chore(examples): use default prettier for examples/templates (#60530)
## Description
This PR ensures that the default prettier config is used for examples
and templates.

This config is compatible with `prettier@3` as well (upgrading prettier
is bigger change that can be a future PR).

## Changes
- Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will
be needed upgrading to prettier@3)
- Added `examples/.prettierrc.json` with default config (this will
change every example)
- Added `packages/create-next-app/templates/.prettierrc.json` with
default config (this will change every template)

## Related

- Fixes #54402
- Closes #54409
2024-01-11 16:01:44 -07:00
..
__mocks__ chore(examples): use default prettier for examples/templates (#60530) 2024-01-11 16:01:44 -07:00
__tests__ chore(examples): use default prettier for examples/templates (#60530) 2024-01-11 16:01:44 -07:00
pages chore(examples): use default prettier for examples/templates (#60530) 2024-01-11 16:01:44 -07: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 Add .yarn/install-state.gz to .gitignore (#56637) 2023-10-18 16:34:48 +00:00
jest.config.js chore(examples): use default prettier for examples/templates (#60530) 2024-01-11 16:01:44 -07:00
jest.setup.js chore(examples): use default prettier for examples/templates (#60530) 2024-01-11 16:01:44 -07:00
next-env.d.ts Remove incorrect entries for pnpm debug log (#47241) 2023-03-26 22:26:05 -07:00
package.json update @types/react version in examples (#57259) 2023-10-26 19:52:08 -05: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(examples): use default prettier for examples/templates (#60530) 2024-01-11 16:01:44 -07: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