Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

An example create-next-app project using TypeScript, Cypress, @testing-library/cypress, and instrumented coverage

NotificationsYou must be signed in to change notification settings

kylemh/next-ts-with-cypress-coverage

Repository files navigation

This is aNext.js project bootstrapped withcreate-next-app for the express purpose of demonstrating Next.js, TypeScript, and Cypress working together with working coverage reports.

Older Versions

You can see an example that should work with any combination of Next.js 9 thru 12 and Cypress 5 thru 9here.

Contributing

Instructions on how to get started with this repo are below. Contributions we would love to receive:

  • An example without Babel. This would use theSWC Coverage Plugin. The current examples all have aslower build, slower dev server, and slower hot reload than Next.js applications that DONT use Babel.
  • An example usingNext.js's App Directory and providing coverage forserver components.
  • Use GitHub Actions to prove that coverage is outputting so that people can freely contribute without manual review ontheir branch.

Getting Started

First, run the development server:

npm run dev# oryarn dev

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

Then open the Cypress test runner:

npm run cypress open# oryarn cypress open

The Proof

To see coverage,yarn build && yarn start followed with a separateyarn cypress run.Once finished,yarn see-cy-coverage.

Screenshot of coverage report

About

An example create-next-app project using TypeScript, Cypress, @testing-library/cypress, and instrumented coverage

Topics

Resources

Stars

Watchers

Forks

Contributors3

  •  
  •  
  •  

[8]ページ先頭

©2009-2025 Movatter.jp