mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
bdfa37cd4d
This example show how you can test Next.js apps with [react-testing-library](https://github.com/kentcdodds/react-testing-library). This library encourages your applications to be more accessible and allows you to get your tests closer to using your components the way a user will, which allows your tests to give you more confidence that your application will work when a real user uses it. And also, is a replacement for enzyme. <img width="733" alt="Image showing the words next.js + react testing library" src="https://user-images.githubusercontent.com/4689228/50387208-40223200-06de-11e9-9358-607092eb25a0.png"> |
||
|---|---|---|
| .. | ||
| __tests__ | ||
| pages | ||
| .babelrc | ||
| jest.config.js | ||
| package.json | ||
| README.md | ||
Example app with React Testing Library and Jest
How to use
Using create-next-app
Execute create-next-app with Yarn or npx to bootstrap the example:
npx create-next-app --example with-jest-react-testing-library with-rtl-app
# or
yarn create next-app --example with-jest-react-testing-library with-rtl-app
Download manually
Download the example:
curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/with-jest
cd with-jest-react-testing-library
Install it and run:
npm install
npm run dev
# or
yarn
yarn dev
Run Tests
npm run test
# or
yarn test
The idea behind the example
This library encourages your applications to be more accessible and allows you to get your tests closer to using your components the way a user will, which allows your tests to give you more confidence that your application will work when a real user uses it. And also, is a replacement for enzyme.
This example features:
- An app with react testing library by Kent Dodds