Fast Unit Testing With Vitest

Рет қаралды 29,828

Жыл бұрын

Vitest is a Vite-native unit testing framework that’s Jest-compatible. Core maintainer Anthony Fu will teach us how to use it in this episode.

Пікірлер: 35

@olatunjiolakunle6908 Жыл бұрын

Anthony Fu has been a huge blessing to the Vue community. Thanks Jason for having him on.

@nandoomb Жыл бұрын

Man... I don´t understand... Why are you with only 34k subscribers? Your channel is one of the best when we talk about programming. Keep doing your job as you do. Congrats man! 💪🏽

@_the_one_1 Жыл бұрын

Anthony Fu! THE LEGEND himself! Thank you Jason

@learnwithjason Жыл бұрын

it was such a pleasure having Anthony on the show 💜

@WIMS-Cardano-ud5rw 7 ай бұрын

Awesome collaboration.

@PerpetualEducation Жыл бұрын

Excellent discussion!

@mickwhyte4204 2 ай бұрын

Great intro guys. Thanks.

@bojack4800 Жыл бұрын

thanks for your video, it's wonderful!

@khairulhaaziq2332 Жыл бұрын

Wow hahah so they started out with a name. Damn! Another exciting episode Jason

@learnwithjason Жыл бұрын

proving that domain-name driven development DOES work! 💀

@kousheralam8657 Жыл бұрын

Very good presentation

@IainSimmons Жыл бұрын

I've got a old Gatsby project at work that uses Jest snapshots and this makes it look practically ancient!

@Benjamin-Chavez 4 ай бұрын

This comment made me stop second guessing my choice to use vitest instead of jest. 🙏

@ermakamre Жыл бұрын

Very cool episode! Vite ecosystem is so good that I might start looking at using Vue instead of React.

@mumk Жыл бұрын

Anthony the legend

@learnwithjason Жыл бұрын

💯

@Gaijin101 6 ай бұрын

The man The legend

@HG-wu6eb 11 ай бұрын

Hello! May i ask you a question? How can we write unit tests in Nuxt 3 application? I tried '@nuxt/test-utils', 'vitest', Vue testing library, 'nuxt-vitest' and something else (I don't remember everything I tried to use as spent so much time to figure out in that). I could write test to test simple calculating functions and that was all. No ability to get DOM element, to simulate user event, to check if some function was invoked, to check state updates - nothing really valuable tests could be written. Could anybody please advise me where to find the solution? Thank you!

@hungify 7 ай бұрын

It works which doesn't have any problem. Perhaps, do did it the wrong way.

@abuzain859 7 ай бұрын

HeyJason! I watched your video and it is awesome . Now i am using the Vitest in my project but I am getting this error : ( Not implemented: window.computedStyle(elt, pseudoElt) at module.exports (C:\Users\Faizan\Desktop\full-stack ode_modules\jsdom\lib\jsdom\browser ot-implemented.js:9:17) )

@captainalpha4853 8 ай бұрын

what's the name of the extension you're using to kind of 'translate' the error and simple terms like at 49:29? Thanks for the video!

@learnwithjason 8 ай бұрын

this is Matt Pocock’s Total TypeScript extension: www.totaltypescript.com/vscode-extension

@captainalpha4853 8 ай бұрын

@@learnwithjason thank you!

@ysupriyadi123 Жыл бұрын

Function testing is already fast enough. I expect to see React testing here cause it is really slow with testing library 😥

@jsonkody 9 ай бұрын

Wow .. main panel on right side .. interesting idea :O Why I did not try it ever before? It's possibly better. I Always hated how the navigation shifting my code, constantly playing with width, switching it on/off etc. Thx :)

@learnwithjason 9 ай бұрын

yeah, I wanted to hate it at first but it really feels better for me

@jiaqi222 11 ай бұрын

HI, Jason, what browser are you using? I'm dying to know!

@learnwithjason 11 ай бұрын

Arc!

@vengateshvaidyanathang550 Ай бұрын

Hey man the way you do this pair programming podcast is really !! Nice . It would be nice if I had also get same set of font styles you show in these podcasts can you please help to get it to my vscode 😅 tried googling but doesn’t work !!

@learnwithjason Ай бұрын

thanks! I use the Night Owl theme in VS Code with Operator Mono as my font

@zahramohammadpour6689 Жыл бұрын

OMG !!!

@katteos Жыл бұрын

Amazing Jason

@learnwithjason Жыл бұрын

Thank you!

@oanacristea2572 Жыл бұрын

You need to clear out the mock before or after each test. There are a few way to do so. I think something like this might work: ```afterEach(() => { vi.clearAllMocks(); vi.resetAllMocks(); });```