https://cypress.io logo
Join Discord
Powered by
# vue
  • a
    someone asked about shallowMount for component testing
  • a
    whether this is a design goal or not, I think it's probably a good idea to have reasoning for/against it since it's a pretty popular feature (at least for Vue users)
  • a
    It might make it easier for ppl to migrate/ try out cypress for vue testing
  • u
    Hello cypress people 👋 I've just got the vue comp testing sorted and i'm wondering if there is a way to add another test group for unit tests. Currently the cypress tool shows integration and component tests separately, and you can run them separately. Is there something that can be done via config or is it a fair amount of work to create another type of tests separated off like this?
  • s
    👋
  • s
    Hey @User, not currently!
  • s
    I would personally group any unit tests in with the component tests for now
  • s
    We are working on better support for unit tests, but it's a few months out
  • s
    You could use a pattern to make it easier to search, and then use search to filter and run the unit tests by themselves
  • s
    I know it's not ideal, but it's a workaround
  • u
    Ah na. it's totally fine as it is. Just a visual thing so I don't have to spend 20 mins telling another team member that I know ui & unit tests are not the same thing 😩 😋 Thanks
  • b
    is it possible to run cypress/vue with vue3? i'm getting "Error: Cannot find module 'vue-loader/lib/plugin'" from the plugins/index.js file... Just out of the box.
  • b
    uncommenting line 13 and commenting 12 makes it work but then other errors appear because yeah, it's not ported to vue3 yet 🙂 i give up...
  • s
    Yeah @bright-agent-70011 adding support for Vue 3 isn’t done yet. @ancient-appointment-66951 will likely look into this in the coming sprint
  • s
    We’ve been working on improving the speed of the tool and removing a lot of the custom webpack configuration.
  • a
    Yep definitely will do this soon
  • a
    It should be pretty simple to add Vue 3 support. I have a POC somewhere
  • b
    Hey! Would love to get some advice on the following. I have a component that does an api call in it's 
    mounted()
    hook. I'm trying to stub it after I mount the component like 
    cy.stub(Cypress.vue, 'getSomething')
    but the mouned hook seems to always run before the stub happens. If I stub it before I mount I don't have access to 
    Cypress.vue
    ... Is there a good way with component testing to set up a stub before actually mounting the component? thx!
  • s
    Hello! 🙂
  • s
    mm, you should be able to pass in the normal VTU options
  • s
    It's a little hard to help because I don't know the kind of component you're testing
  • s
    You have access to the normal options here https://vue-test-utils.vuejs.org/api/options.html#listeners -- it's the same signature
  • b
    Ooo didn’t realize that. Think that opens up a few possibilities - might be able to pass in a new mounted function all together, or use al the mocks option. Thanks a lot!
  • s
    ^.^ good luck!!!
  • s
    Ask either @User or I if you need any more help
  • s
    we're trying to evolve the mount API and if you have any feedback let us know
  • s
    the docs are pretty sparse right now (because it's an experimental feature)
  • b
    No it worked perfectly! I just registered my global prototype as a mock when mounting like 
    mount(Component, extensions, mocks: { $api... })
    , and then I could prevent the api call from ever happening. Thanks for the quick reply!
  • s
    niiiiice
  • s
    BTW we're dropping a Super Secret re-write in the next 2 weeks. Will be dev-server based instead of recompiling webpack each time
12345...37Latest