/nextjs-jest-cypress-scss-setup

a short setup to start applications with typescript, jest, testing-library, cypress, nextjs, sass/scss modules, focus in tests

Primary LanguageTypeScript

nextjs-jest-cypress-scss-setup


Core Idea

This projects was started to training unit and integration tests.

Getting Started

First, install dependencies and after run the development server:

npm i
npm run dev
# or
yarn
yarn dev

Open http://localhost:3000 with your browser to see the result.

Running tests

You can run unit tests with Jest and integration with Cypress.

npm t
npm test
# or
yarn test
npm run cy:open
# or
yarn cy:open

Packages

  • TypeScript
  • Jest
  • Testing Library
  • Cypress
  • SCSS/Sass modules
  • Isomorphic-unfetch
  • Styled jsx

Code Formaters

  • Editorconfig
  • Prettier
  • Eslint

TODO

  • Add Cypress testing library commands
  • Add Cypress Coverage
  • Add more Unit scenarios test
  • Add Input to query other shows
  • Add CircleCI

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