Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

add next 12.x support to @cypress/react

See original GitHub issue

What would you like?

We would like @cypress/react to support nextjs 12.x

Why is this needed?

We’d like to be able to upgrade to nextjs 12.x - in order to take advantage of the new middleware API. Sadly though, it looks like @cypress/react is not quite ready to support nextjs 12.x atm.

Other

No response

Issue Analytics

State:
Created 2 years ago
Reactions:5
Comments:15 (5 by maintainers)

Top GitHub Comments

2reactions

ZachJW34commented, May 13, 2022

Looks like the API for getNextJsBaseWebpackConfig has changed from v12.1.5 to v12.1.6 which is the API we rely on to grab the Next webpack config. Quick test changing isServer: false to compilerType: 'client' here seems to fix the issue. Will pick this up at the beginning of next week, hopefully is as straightforward as it seems and if so we’ll have this fixed soon.

1reaction

gearsdigitalcommented, May 13, 2022

Next.js is a fast moving target!

Absolutely.

Thank you very very much @lmiller1990 for taking care. Same to @leerob for jumping in.

Top Results From Across the Web

React Component Testing - Cypress Documentation

Cypress Component Testing currently supports React 16+ with the following frameworks: Create React App; Next.js; React with Vite; React with Webpack. Tutorial.

Testing React Apps In 2022 With Cypress: An In-Depth Guide ...

I prepared a project that you can use to follow along. It's a Next.js app that needs some testing love. We'll write a...

Testing | Next.js

Learn how to set up Next.js with three commonly used testing tools — Cypress, Playwright, Jest, and React Testing Library.

Use Cypress with Next.js and Nx to battle test your React ...

Nx also automatically generates Cypress e2e tests for the various Storybook ... automated setup of Next.js apps with TypeScript support ...

The Complete Guide to Testing React Native App Using Cypress

Let's put our Expo local URL into cypress.json file so our tests know what to load by default. cypress.json. 1