nextjs-with-jest-typescript's Introduction

nextjs-with-jest-typescript

A very simple example of Next.js-based website with Jest tests, all written in TypeScript.

install

$ yarn install

test

$ yarn test
yarn run v1.22.5
$ jest
 PASS  __tests__/index.test.tsx
  With Enzyme
    √ App shows "A simple example repo" in a <p> tag (7 ms)
Test Suites: 1 passed, 1 total
Tests:       1 passed, 1 total
Snapshots:   0 total
Time:        2.893 s, estimated 4 s
Ran all test suites.
Done in 4.09s.

code

package.json/jest: use ts-jest to test TypeScript files; use mocks for imported CSS/LESS files; use TypeScript compiler to handle both TS/JS files
jest.setup.ts: use enzyme to test with jQuery-like APIs
tsconfig.jest.json: handles JSX transformation by ts-jest during the test

Issues

npm install issue resolved - refer - #3

nextjs-with-jest-typescript's People

Contributors

Stargazers

Watchers

nextjs-with-jest-typescript's Issues

npm install errors

Apparently npm install is throwing a bunch of issues that will require a version upgrades to the dependencies.

akhouri@Akhouris-MBP nextjs-with-jest-typescript % npm install
npm WARN ERESOLVE overriding peer dependency
npm WARN Found: [email protected]
npm WARN node_modules/react
npm WARN   react@"^17.0.2" from the root project
npm WARN   3 more (@wojtekmaj/enzyme-adapter-react-17, react-dom, next)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"0.13.x || 0.14.x || ^15.0.0-0 || ^16.0.0-0" from [email protected]
npm WARN node_modules/enzyme-adapter-utils
npm WARN   enzyme-adapter-utils@"^1.14.0" from @wojtekmaj/[email protected]
npm WARN   node_modules/@wojtekmaj/enzyme-adapter-react-17
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   react@"^17.0.2" from the root project
npm ERR!   peer react@"^17.0.0-0" from @wojtekmaj/[email protected]
npm ERR!   node_modules/@wojtekmaj/enzyme-adapter-react-17
npm ERR!     dev @wojtekmaj/enzyme-adapter-react-17@"^0.5.0" from the root project
npm ERR!   2 more (react-dom, next)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^0.14 || ^15.0.0 || ^16.0.0-alpha" from [email protected]
npm ERR! node_modules/enzyme-adapter-utils/node_modules/airbnb-prop-types
npm ERR!   airbnb-prop-types@"^2.16.0" from [email protected]
npm ERR!   node_modules/enzyme-adapter-utils
npm ERR!     enzyme-adapter-utils@"^1.14.0" from @wojtekmaj/[email protected]
npm ERR!     node_modules/@wojtekmaj/enzyme-adapter-react-17
npm ERR!       dev @wojtekmaj/enzyme-adapter-react-17@"^0.5.0" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /Users/akhouri/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/akhouri/.npm/_logs/2021-08-20T23_09_15_509Z-debug.log