Svelte Component Testing Support

[rockindahizzy]

What would you like?

Add support for Svelte in Component Testing

Things to consider

1. Common setups around svelte. The Getting Started guide uses Vite
2. Documentation Updates
3. Tests

Why is this needed?

No response

Other

No response

[baus]

Hey team! Please add your planning poker estimate with ZenHub @astone123 @lmiller1990 @marktnoonan @mike-plummer @rockindahizzy @warrensplayer @ZachJW34

[ZachJW34]

We have an open source contribution for the mount side of things. Depending on when we want to get this out, we can create another issue for SvelteKit and focus the svelte + vite/webpack support

[baus]

Assume this does not include SvelteKit support

[slavco86]

Please, please, please - can we have official support for Svelte?
I've been trying to get Svelte Vite Cypress combination to work for days now and at the end of my tether with not much luck.
Been trying to follow this article, but the thing just doesn't want to work
https://www.thisdot.co/blog/svelte-component-testing-with-cypress-vite

[lmiller1990]

@slavco86 we sure can, it's getting worked on #22862.

Are you using SvelteKit? I think Svelte + webpack combo will likely land before the full SvelteKit/Vite integration does.

[slavco86]

No, just vanilla Svelte +Vite.
I think I finally got it to work 😂

[lmiller1990]

Cool, maybe you can share your config for everyone else to see 💯

[slavco86]

The problem is that my config is tightly locked into Node 14 and Cypress 8.5
Updating any of these - inevitably breaks the setup.
Which specific config you want me to share?

[lmiller1990]

Right, I didn't realise you were on 8.5.

Definitely recommend upgrading first! When we release our Svelte support, it'll be with Cypress 10 (latest version) in mind.

[baus]

We will consider this implementation to be experimental

[cypress-bot]

Released in 10.7.0.

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