cypress-documentation icon indicating copy to clipboard operation
cypress-documentation copied to clipboard

docs: vuetify 2 & 3 custom mount guides

Open danbaechtold opened this issue 2 years ago • 6 comments

Added guides (complete examples) for Vuetify 2 and Vuetify 3 (beta) custom mount commands for component testing.

closes #4627

danbaechtold avatar Jul 29 '22 14:07 danbaechtold

Deploy request for cypress-docs pending review.

Visit the deploys page to approve it

Name Link
Latest commit 2d486d1ec663bca6d7af76ef2fc6f320665e3e30

netlify[bot] avatar Jul 29 '22 14:07 netlify[bot]

@danbaechtold is attempting to deploy a commit to the Cypress Team on Vercel.

A member of the Team first needs to authorize it.

vercel[bot] avatar Jul 29 '22 14:07 vercel[bot]

CLA assistant check
All committers have signed the CLA.

CLAassistant avatar Jul 29 '22 14:07 CLAassistant

@lmiller1990 The problem with the versions is that while Vue 3 is the main one, there are still lot's of projects using Vue 2, while Vuetify 3 currently still is in RC. I made this PR exactly because in my own projects I have both cases and I had difficulties to set Cypress up. I thought others might find it helpful, but I honestly don't know if I covered everything there is. If and what of my PR you can / want to use is up to you, and I don't mind if you change / rewrite / drop it completely.

Your idea with the library sounds awesome :)

danbaechtold avatar Aug 04 '22 08:08 danbaechtold

Great Work! Implemented the vue2 snippet and had the component name labelled as Unknown. Any resolve for that?

omohemma avatar Aug 05 '22 16:08 omohemma

@danbaechtold another alternative would be adding the Vuetify example code to https://github.com/cypress-io/cypress-component-testing-examples and then linking to it from this main repo. Then people can look for the example there, we can use something like Renovate to keep it up to date, and incrementally add more examples (we will also need to update these to Cypress 10). What do you think?

I think the docs should always reflect the latest version of libraries on npm - that's v3 for Vue 3. I hope Vuetify 3 can be the main version soon too - it feels like it's been under development forever, haha.

lmiller1990 avatar Aug 08 '22 00:08 lmiller1990

Is there any chance of a standalone blog post? We could cross post this on our Cypress blog, too. I am not sure of the current status of Vuetify. An example repo would be even better, so people can just copy/paste.

I am concerned about maintaining docs for Vue 2 / 3 side by side.

lmiller1990 avatar Feb 01 '23 23:02 lmiller1990