Testing with Jest in NextJS for TypeScript

1
npm install typescript @types/react @types/node -D
2
npm i jest @testing-library/react @types/jest babel-jest @testing-library/jest-dom @testing-library/user-event @testing-library/dom -D

Add to package.json:

1
"test": "jest --watch"

Add to .eslintrc.json:

1
{
2
    "env": {
3
        "jest": true
4
    }
5
}

Add to .babelrc:

1
{
2
  "presets": ["next/babel"]
3
}

Create jest.config.js

1
module.exports = {
2
  setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
3
  testPathIgnorePatterns: ['<rootDir>/.next/', '<rootDir>/node_modules/'],
4
};

Create jest.setup.ts

1
import '@testing-library/jest-dom';