breaking: remove support for Next.js 10, 11, 12, and 13 for Cypress Component Testing

cli/CHANGELOG.md

@@ -19,6 +19,7 @@ _Released 12/3/2024 (PENDING)_
 - `@cypress/vite-dev-server` no longer supports `vite` versions 2 and 3. Addresses [#29377](https://github.com/cypress-io/cypress/issues/29377) and [#29378](https://github.com/cypress-io/cypress/issues/29378).
 - Cypress Component Testing no longer supports `Nuxt.js` version 2. Addresses [#30468](https://github.com/cypress-io/cypress/issues/30468).
 - Cypress Component Testing no longer supports `Vue` version 2. Addresses [#30295](https://github.com/cypress-io/cypress/issues/30295).
+- Cypress Component Testing no longer supports `Next.js` versions 10, 11, 12, and 13. Addresses [#29583](https://github.com/cypress-io/cypress/issues/29583).
 
 **Bugfixes:**
 

npm/webpack-dev-server/cypress/e2e/next.cy.ts

@@ -1,11 +1,12 @@
 /// <reference path="../support/e2e.ts" />
 import type { ProjectFixtureDir } from '@tooling/system-tests/lib/fixtureDirs'
 
-const WEBPACK_REACT: ProjectFixtureDir[] = ['next-12', 'next-12.1.6', 'next-13', 'next-13-tsconfig', 'next-14']
+// keeping this structure for future versions of next.js. Next.js 15 has released but we have not yet added support
+const NEXT_PROJECTS: ProjectFixtureDir[] = ['next-14']
 // Add to this list to focus on a particular permutation
 const ONLY_PROJECTS: ProjectFixtureDir[] = []
 
-for (const project of WEBPACK_REACT) {
+for (const project of NEXT_PROJECTS) {
   if (ONLY_PROJECTS.length && !ONLY_PROJECTS.includes(project)) {
     continue
   }

packages/scaffold-config/src/dependencies.ts

@@ -76,7 +76,7 @@ export const WIZARD_DEPENDENCY_NEXT = {
   package: 'next',
   installer: 'next',
   description: 'The React Framework for Production',
-  minVersion: '^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0 || ^14.0.0',
+  minVersion: '^14.0.0',
 } as const
 
 export const WIZARD_DEPENDENCY_ANGULAR_CLI = {

packages/scaffold-config/test/unit/detect.spec.ts

@@ -154,7 +154,8 @@ describe('detectFramework', () => {
     expect(actual.bundler).to.eq('vite')
   })
 
-  ;['10.0.0', '11.0.0', '12.0.0', '13.0.0', '14.0.0'].forEach((v) => {
+  // keeping array style as to make it easier to support future next versions
+  ;['14.0.0'].forEach((v) => {
     it(`Next.js v${v}`, async () => {
       const projectPath = await scaffoldMigrationProject('nextjs-unconfigured')