КОМЕНТАРІ •

  • @DrumkitCodes
    @DrumkitCodes 19 днів тому +1

    Thanks so much for the tutorial! I couldn't figure out how to get vitest working before, I really appreciate how you went through the full setup and explained why we were setting certain things to certain values. Can't wait to see more in your TDD series

  • @fatasefer
    @fatasefer 9 місяців тому +7

    Finally, exactly what I was looking for. Simple and straight to the point. Thank you so much!

  • @jeff-creations
    @jeff-creations 5 днів тому

    Nice presentation and super useful! Thank you so much, my component tests don't error out now. Keep up the great work!

  • @paulgasbarra
    @paulgasbarra 2 місяці тому +4

    This is the most helpful thing.

  • @user-bx5bn5gn9l
    @user-bx5bn5gn9l 6 місяців тому +1

    I really needed this one, I am switching to typescript and react-vite now and I am struggling with testing with jest library with typescript. This one is easier to configure and faster. You should continue this TDD serie dude, you will help a lot of young, beginners, junior developers like me

  • @ThaRealIansanity
    @ThaRealIansanity Рік тому

    Great start. I'm taking a vitest course and want to learn to use it with both react and vue. Thank you

  • @tobibada6443
    @tobibada6443 2 дні тому

    I was so giddy after hearing the name😂. Randomly chose the video and heard a name from my best tech podcast🤭🤭

  • @keifer7813
    @keifer7813 8 місяців тому

    Thanks a ton for this. Nice and easy setup, first time using vitest for me

  • @SteelGamePad
    @SteelGamePad Рік тому +1

    great explanation, can't wait for part 2

  • @wellingtonostemberg7585
    @wellingtonostemberg7585 10 місяців тому

    I loved that! It´s exactly what i was looking for. Thank you!

  • @faruzzy
    @faruzzy 6 місяців тому

    Thanks for walking us through this!

  • @JMIKAEL6
    @JMIKAEL6 9 місяців тому

    After 3 hours trying to configure i found your video and solve it in 10min.
    Thank you so much!

    • @ericwinkdev
      @ericwinkdev 9 місяців тому

      So glad that it helped!

  • @ramioooz
    @ramioooz 9 місяців тому

    This is a very important video. Thank you for sharing.

  • @raj.blazers
    @raj.blazers Рік тому

    Much thanks man! Helped a lot. 🎉

  • @coderboyakash5853
    @coderboyakash5853 5 місяців тому

    This is really helpful for me buddy thanks so much

  • @altamashkhan4858
    @altamashkhan4858 9 місяців тому +1

    Thank you for posting this video.

  • @WitchingHr
    @WitchingHr Рік тому +1

    thank you so much man. this helped a lot

  • @BenHuxford
    @BenHuxford 10 місяців тому +1

    great video 😊 one thing to note is you install the "jsdom" package at 4:50. In my setup this module is not needed when using testing-library's "jest-dom" because they both perform the same functionality of mimicking the browser DOM

    • @ericwinkdev
      @ericwinkdev 10 місяців тому

      Awesome, thanks for the note!

  • @kedaraksym12
    @kedaraksym12 10 місяців тому

    Thanks for this manual, I appreciate that ;)

  • @mahanmashoof1989
    @mahanmashoof1989 11 місяців тому

    great intro to vitest! thanks

  • @mrluckyuncle
    @mrluckyuncle 8 місяців тому +1

    Excellent. Just what I was looking for. One little thing... it would be nice if the video was available in a higher resolution.

  • @bornback4524
    @bornback4524 11 місяців тому

    Thx for helping to understand and easy to implement 🙂

    • @ericwinkdev
      @ericwinkdev 10 місяців тому +1

      I'm glad this helped you out!

  • @user-mr3yr9qe6d
    @user-mr3yr9qe6d 9 місяців тому

    clear and helpful. thank you very much

  • @abhijitmondalabhi2146
    @abhijitmondalabhi2146 3 місяці тому +2

    Most of the things are not working any more. I think they already changed the setups little bit.

  • @timothyshiu2263
    @timothyshiu2263 11 місяців тому +2

    Great video.
    Do you have a tutorial testing useEffect (custom hook) that fetch api data which is mocked by msw?
    Thanks in advance

  • @Prathap_SK
    @Prathap_SK 4 місяці тому

    To be honest, It is first video in vitest. It is pretty straightforward to go the content. Thank for clear view

  • @1haker
    @1haker 6 місяців тому

    ABSOLUTLY AMAZING :)

  • @simonprato9666
    @simonprato9666 5 місяців тому

    Thanks men, very clear!

  • @brortiz
    @brortiz 6 місяців тому

    Great video, thanks!

  • @kikevanegazz325
    @kikevanegazz325 2 місяці тому

    Brother, great tutorial. I like it because it's spot on.

  • @pranshubasak8796
    @pranshubasak8796 7 місяців тому

    You are really a saviour

  • @user-te9ci1tx4x
    @user-te9ci1tx4x 27 днів тому +1

    I have a problem, MISSING DEPENDENCY Cannot find dependency 'jsdom'
    Should I install it as devdepend?

  • @FingerTipWisdom
    @FingerTipWisdom 8 днів тому

    Thanks lot brother save me lot of time !!!

  • @rannue2921
    @rannue2921 8 місяців тому

    Thank you so much!!!

  • @ahoymatey1234
    @ahoymatey1234 Рік тому +1

    I found an alternative to adding those reference types by adding this to my tsconfig
    "types": [
    "vite/client",
    "vitest/globals"
    ]

  • @manavjethani4118
    @manavjethani4118 5 місяців тому

    This is really great, i am able to setup vitest with your help, although i am stuck with this error `TypeError: Class extends value undefined is not a constructor or null` while using amcharts4 in our project, wanted to ask do we have to do add any config to allow `Class extends` syntax?

  • @walidaguib3944
    @walidaguib3944 5 місяців тому

    Thanks a lot😍

  • @splat_bang
    @splat_bang 7 місяців тому

    Thankyou so much!

  • @dolevdo
    @dolevdo Рік тому

    thank you a lot!

  • @kakun7238
    @kakun7238 9 місяців тому +1

    but how do i test for huge components i am stuck

  • @guillermoemmanuelsanchezin1664

    Hi! Would you be so kind to try using vitest with MSW, I would really appreciate it!

  • @davidjnevin
    @davidjnevin 5 місяців тому

    Life saver!

  • @Anthony-wg7fn
    @Anthony-wg7fn Рік тому

    Can you do this same thing with the T3 stack?

  • @booi_mangang
    @booi_mangang Рік тому

    Hey, great video.
    I've a question. What if you are not using typescript. what changes will there be from your guide?

    • @ericwinkdev
      @ericwinkdev Рік тому +3

      Thanks for checking it out! If you're not using typescript, there's no tsconfig file, and the only differences should be with the file extensions. Rather than .ts and .tsx, you'll use .js and .jsx respsectively.
      If anything goes wonky let me know and I'll do my best to help out!

    • @booi_mangang
      @booi_mangang Рік тому +2

      @@ericwinkdev thanks for the reply.
      I’d figured it out.
      your video helped.

    • @joelkomieter6557
      @joelkomieter6557 Рік тому

      @@ericwinkdev Creating that jsconfig file won't have any of what tsconfig,json has. What do I need to do about that?

  • @gustuckit2052
    @gustuckit2052 Рік тому

    i get an error saying "no test files found", very weird... :( (im not using ts)

  • @jeppe7328
    @jeppe7328 Місяць тому

    THANKS

  • @yatinpatel4123
    @yatinpatel4123 10 місяців тому

    yes, there is no tutorial available like this set for react + vite for testing library.

  • @v1r47
    @v1r47 Рік тому

    FYI: Vitest 0.33+= requires at least node16 to run properly.

  • @Gabriel-kl6bt
    @Gabriel-kl6bt 3 місяці тому

    Good. Just why isn't Code suggesting methods from the testing libs?