fix(nextjs): Adding styles to nextjs cypress should not fail.

[ndcunningham]

When testing nextjs components with cypress we need to update the html to include styles added by Next.js

RE: https://github.com/cypress-io/cypress-component-testing-apps/blob/main/react-next13-ts/cypress/support/component-index.html

import { mount } from 'cypress/react18';
import './styles.ct.css'; // <--------- Here

import './commands';

// add component testing only related command here, such as mount
declare global {
  // eslint-disable-next-line @typescript-eslint/no-namespace
  namespace Cypress {
    // eslint-disable-next-line @typescript-eslint/no-unused-vars
    interface Chainable<Subject> {
      mount: typeof mount;
    }
  }
}

Cypress.Commands.add('mount', mount);

Also added a test case for Router from next/router to show that server component testing works.

async server component testing is not yet defined from RSC see: testing-library/react-testing-library#1209
Hence, these test cases are not generated.

closes: #21768

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Ignored Deployment

Name	Status	Preview	Updated (UTC)
nx-dev	⬜️ Ignored (Inspect)	Visit Preview	Mar 5, 2024 9:53pm

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 6cf8024. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 6 targets

• nx affected --target=e2e --base=e3dc02a1ade9be022baf2320df47c352391ed9f8 --head=6cf8024495c481cafdc89e9bce3f6b48bb0f2d21 --parallel=1
• nx run-many -t check-imports check-commit check-lock-files check-codeowners documentation --parallel=1 --no-dte
• nx affected --targets=lint,test,build --base=e3dc02a1ade9be022baf2320df47c352391ed9f8 --head=6cf8024495c481cafdc89e9bce3f6b48bb0f2d21 --parallel=3
• nx-cloud record -- nx format:check --base=e3dc02a1ade9be022baf2320df47c352391ed9f8 --head=6cf8024495c481cafdc89e9bce3f6b48bb0f2d21
• nx documentation --no-dte
• nx affected -t e2e-macos --parallel=1 --base=e3dc02a1ade9be022baf2320df47c352391ed9f8 --head=6cf8024495c481cafdc89e9bce3f6b48bb0f2d21

---

Sent with 💌 from NxCloud.

[github-actions]

This pull request has already been merged/closed. If you experience issues related to these changes, please open a new issue referencing this pull request.