feat: support Next.JS version 14

[AtofStryker]

• Closes #28185

Additional details

Adds CT support for Next.JS version 14. The main code change here is to make the CLI not complain when a user has Next.JS 14 installed since the support of wds 5 in #29306 and fixing resolution with moduleResolution: "bundler" in #28709 otherwise make Next.JS 14 work OOTB.

In addition, a lot of our tests have been updated to at least use the last two versions of Next.JS (13 & 14) to make sure compatibility works, including a Next.JS 14 test with tailwind and default typescript configuration to make sure CT testing works out of the box. Other tests have also been additionally updated.

Steps to test

How has the user experience changed?

Users of Next.JS Component Testing will no longer see the support banner warning in the app.

PR Tasks

• [x] Have tests been added/updated?
• [ ] Has a PR for user-facing changes been opened in cypress-documentation?
• [ ] Have API changes been updated in the type definitions?

[AtofStryker]

NOTE: this does not resolve #29552

[cypress[bot]]

7 failed and 1 flaky tests on run #55592 ↗︎

7

286

7

22

1

Details:

Update cli/CHANGELOG.md
Project: cypress	Commit: 5d14066d7a
Status: Failed	Duration: 13:17 💡
Started: May 29, 2024 7:07 PM	Ended: May 29, 2024 7:20 PM

  cypress\e2e\specs.cy.ts • 7 failed tests • app-e2e

View Output

Test		Artifacts
... > shows create first spec page with scaffold and create template spec options		Test Replay Screenshots
... > scaffold starter spec > should generate starter spec for a TS project		Test Replay Screenshots
... > shows No Specs page with specPattern from config		Test Replay Screenshots
... > scaffold example files > should create example files on an empty project		Test Replay Screenshots
... > shows Create new spec card		Test Replay Screenshots
... > shows No Specs page with specPattern from config		Test Replay Screenshots
App: Specs > Spec Watcher > updates spec list when files are added to/removed from areas matching specPattern		Test Replay Screenshots

  cypress\e2e\runner\runner.ui.cy.ts • 0 failed tests • app-e2e

View Output

Test		Artifacts

  cypress\e2e\runner\sessions.ui.cy.ts • 0 failed tests • app-e2e

View Output

Test		Artifacts

  cypress\e2e\specs_list_e2e.cy.ts • 0 failed tests • app-e2e

View Output

Test		Artifacts

  cypress\e2e\top-nav.cy.ts • 0 failed tests • app-e2e

View Output

Test		Artifacts

The first 5 failed specs are shown, see all 54 specs in Cypress Cloud.

  cypress\e2e\project-setup.cy.ts • 1 flaky test • launchpad-e2e

View Output

Test		Artifacts
... > can reconfigure config after CT has been set up		Test Replay Screenshots

Review all test suite changes for PR #29558 ↗︎

[cypress-bot[bot]]

Released in 13.11.0.

This comment thread has been locked. If you are still experiencing this issue after upgrading to Cypress v13.11.0, please open a new issue.