This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Testes unitários no React (Jest)

Aqui vamos entender como criar testes automatizados de unidade dentro do React garantindo que nossos componentes e páginas continuem funcionando independente de novas manutenções.

Install library

Commands for the installing

  yarn add jest jest-dom @testing-library/jest-dom @testing-library/dom testing-library/react babel-jest -D

Config (jest.config.js)

module.exports = {
    testPathIgnorePatterns: ["/node_modules/", "/.next/"],
    setupFilesAfterEnv: [
        "<rootDir>/tests/setupTests.ts"
    ],
    transform: {
        "^.+\\.(js|jsx|ts|tsx)$":"<rootDir>/node_modules/babel-jest"
    },
    testEnvironment: 'jsdom',
    moduleNameMapper: {
        "\\.(scss|css|sass)$": "identity-obj-proxy"
    }
};

For Using (scss | css | sass)

yarn add identity-obj-proxy -D

Mock for different functions

yarn add jest-mock -D

Features of the tests

• Teste do ActiveLink
• Teste do Header
• Teste do SignInButton
• Teste do SubscribeButton
• Teste do Home/Page
• Teste do getStaticProps
• Teste da página de posts
• Teste da página do post
• Teste da página de preview