Vitest Simplified

Sdílet
Vložit
  • čas přidán 13. 02. 2022
  • Vitest is a testing framework built on Vite that has some great optimizations for your Vite projects. It's a great option for testing in Vue 3!
    LINKS
    vitest.dev
    vitest.dev/config/
    ✅ FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS
    learnvue.co/vue-3-essentials-...
    follow me on twitter:
    / mattmaribojoc
    🚨 Like quick Vue lessons like these? Check out 800+ lessons over on Vue School - go.learnvue.co/vueschool
    Music by Lukrembo

Komentáře • 26

  • @kitersrefuge7353
    @kitersrefuge7353 Před rokem +2

    Super! Best example yet I've seen for its logical simplicity to get a vitest going with the out ds box app of Vue 3. My wish: for you to do the same having specified a bunch of common use cases...e.g. 1. assuring a dialog is opened and visible based on a button clicked 2. Integration testing with a mock axios call and validating the return vslues 3. Ensuring data in a table or other el expressions 4. A simple TypeScript example instead of JS. Thanks.

  • @milos018
    @milos018 Před 2 lety +1

    Again, great stuff, way to explain how to get started with Vitest. I am glad to support @antfu, one of the maintainers of bunch of Vite plugins and one of the authors of Vitest. Great work!

  • @The-Dev-Ninja
    @The-Dev-Ninja Před rokem

    the best video, just make it work a lot easier and in just 2 minutes! very happy with your video

  • @mathnewph
    @mathnewph Před 2 lety +5

    Would love to know how to manage mocked data

  • @caiovinicius7871
    @caiovinicius7871 Před 2 lety +1

    Awesome, please share more content about vitest, it's amazing! God bless u

  • @JenuelDev
    @JenuelDev Před 2 lety

    thanks for the idea.

  • @Lucas-mu5no
    @Lucas-mu5no Před 2 lety

    Thank you buddy!

  • @RodrigoDAgostino
    @RodrigoDAgostino Před 2 lety +5

    Another very interesting library! I really wanted to learn about testing in Vue. Is Jest running behind the scenes or is Vitest a totally different library?

    • @LearnVue
      @LearnVue  Před 2 lety +2

      it's an entirely new testing framework!

  • @Anonymous-xy8ps
    @Anonymous-xy8ps Před 2 lety +6

    Amazing video 🔥. A video on Vue 3 + Graphql would really help 😊

    • @tobefranco9214
      @tobefranco9214 Před 2 lety

      Since you can pass the props directly to components I would think that's the place to send mock data.

  • @tbrew222
    @tbrew222 Před 2 lety

    In case anyone was stumped like I was, you've gotta upgrade to Node >= v14 to use vitest

  • @timothyshiu2263
    @timothyshiu2263 Před 10 měsíci

    Great video.
    Could you do a vitest tutorial about timers and ticks please?

  • @b0otable
    @b0otable Před 2 lety

    In addition to testing, I was curious if you knew any good tools for creating automatic documentation from your vue code? The closest I have found was JSDoc thus far, although it seems more tailored for vanilla javascript.

    • @LearnVue
      @LearnVue  Před 2 lety

      there's a vue component documentation libraries, but i haven't really worked with any

  • @damianperez7736
    @damianperez7736 Před 2 lety

    Is wallaby vscode extensión compatible Sith vitest?

  • @ferhatsunaycansev106
    @ferhatsunaycansev106 Před 2 lety +1

    Thank you from Turkey bro :)

  • @hanes2
    @hanes2 Před 2 lety

    I never got a button when I installed vue/vite.

  • @LeonGaban
    @LeonGaban Před rokem

    Posted a link to my stackoverflow, but it got removed, anyways.. I'm running into this error "Vitest error "TypeError: Cannot read properties of undefined (reading 'resolve')" (router.resolve)" Have you ran into that before?

  • @Credi6464
    @Credi6464 Před 11 měsíci

    Please give us more content "vitesting" more complex vue components

  • @NikosKatsikanis
    @NikosKatsikanis Před rokem +1

    I feel like im watching a clone of fireship

  • @vonmbah7354
    @vonmbah7354 Před 2 lety +1

    what is your theme for your VSCode?

  • @NikosKatsikanis
    @NikosKatsikanis Před rokem

    prob better using testing lib render vs mount

  • @abdulrakib9906
    @abdulrakib9906 Před 2 lety

    Please create a complete e-commerce project with vue and vuex. Thanks for your great contribution

  • @Viezieg
    @Viezieg Před rokem

    doesnt seem to work in vue + vuetify project. i followed the steps in this video but got "FATAL ERROR: v8::FromJust Maybe value is Nothing." error