Getting Started

Dependencies Installed:

jest @testing-library/react babel-jest @testing-library/jest-dom @testing-library/user-event @testing-library/dom identity-obj-proxy -D

At Root

touch .babelrc

• Add in .babelrc

{
  "presets": ["next/babel"]
}

touch jest.config.js

// jest.config.js
module.exports = {
  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
  testPathIgnorePatterns: ['<rootDir>/.next/', '<rootDir>/node_modules/'],
  moduleNameMapper: {
    '\\.(scss|sass|css)$': 'identity-obj-proxy',
  },
};

touch jest.setup.js

// jest.setup.ts
import '@testing-library/jest-dom';

package.json

"scripts": {
    ...,
    "test": "jest"
  },

First, run the development server:

npm run dev
# or
yarn dev