Cypress Component Testing: Support for Nuxt 3

[floroz]

What would you like?

A documented process or a plugin/addon to integrate Cypress Component Testing with Nuxt 3.

Why is this needed?

Nuxt is the most popular meta-framework within the Vue.js community, competing in the same space as other meta-frameworks such as Next.js or SvelteKit.

Support for Nuxt 3 can further increase the Cypress appeal when evaluating testing frameworks amongst the Vue community.

Previous discussions

This initial discussion has been closed as the Nuxt team confirmed that the Vite config can be exposed.

Reproduction Repository

I attempted to combine the suggestions coming from the Nuxt and Cypress teams into this reproduction repo: https://github.com/floroz/nuxt3-starting-template

However, I get the following error when trying to load Component Testing

I am not familiar with the Cypress code so I couldn't tell whether the two configs (the one exposed from @nuxt/kit, and the one parsed from the cypress.config.ts components.devServer.viteConfig function.

Feature Request

Could you please have a look and consider whether an unsupported but documented approach to integrating the two technologies can be implemented?

cc @lmiller1990

[lmiller1990]

Hi!

I think this is a dup of #23619. In an effort to minimize issues (around 2.8k right now). I will need to close it.

This doesn't mean nothing is happening. Quite the contrary - I am working on #25637 right now. This will let third parties slot their own integrations into Cypress.

Then, we can write a community plugin that makes Nuxt work. I'll try to do this in parallel with #25637. Please follow #23619 for progress. I'll post an update there now.

Thanks!