Testing with app router features for real world nextjs14 application

[sajjad-khedmati]

Regarding the general topic I have in mind:

Firstly, about mocking Next.js version 13 (App Router) and its actions, as well as other related matters:

In general, they all converge on one common point: the server-side execution for the App Router and the client-side nature of Cypress. Specifically, the features of Server Components (SC) and Actions.

In component testing, if we have used actions (importing code that runs server-side), we encounter the "react-server-dom/client" error.

Moreover, for end-to-end (E2E) tests, there is no access to data fetching and mocking for a page that uses the async/await format. Initially, the main server-side component code runs, so Cypress cannot mock them.