JavaScript Testing Basics with Jest

Поділитися
Вставка
  • Опубліковано 5 вер 2024

КОМЕНТАРІ • 70

  • @Andrea-Giachetto
    @Andrea-Giachetto 3 роки тому +19

    The quality of your videos is amazing! With this pace, you will be the next big tech channel :)

  • @Scetils
    @Scetils 3 роки тому +4

    Pretty late to the party but in terms of not having to reopen the Coverage Report each time you run tests.
    If you open the coverage index.html file with the VCCode LiveServer extension it will listen for changes and refresh. You'd have to open it initially but it will update in the browser when the file changes.
    Awesome video. About to work my way through the rest of the playlist :)

  • @pedro.britto
    @pedro.britto 2 роки тому +1

    It's really pleasant to hear you explaining things. It's pretty nice to follow. Thanks!

  • @ferhatsunaycansev106
    @ferhatsunaycansev106 2 роки тому

    the best video ever about JEST.

  • @hyfydistro
    @hyfydistro 3 роки тому +2

    Testing is so underrated! It doesn't get that much attention than it should. 😭 People don't usually pick it up until they fully utilise the programming language either. I'm just picking up Jest now. I wasn't advised when to pick it up in my earlier time learning to program. Thank you for putting this video up. ❤ Much appreciated!

    • @SwashbucklingwithCode
      @SwashbucklingwithCode  3 роки тому +3

      Definitely. I heard a bunch about testing a couple years back before I had ever done any, and I always thought it would be a lot more complicated than it is. I'm a big advocate of it now.

    • @ahmedmaaz4390
      @ahmedmaaz4390 2 роки тому

      I am picking it up now. Any suggestions.

  • @testquality1900
    @testquality1900 2 роки тому +1

    Jimmy! Thank you for this great video.
    Software Testing is undervalued but when done iteratively, it helps produce major testing criteria and also reduces issues by focusing on defects or unpleasant delays early in the Software Delivery Life Cycle. Along with a right Test Management tool, it may help to reduce a lot of time and effort to perform the many tasks involved in testing either with Jest, JUnit or any other Testrunners.

  • @abhaythakur8572
    @abhaythakur8572 3 роки тому

    Loved that intro at 3:02

  • @christiantirado6568
    @christiantirado6568 2 роки тому +3

    Love this video man! Very informative and explained in a way that's concise and easy to digest :)

  • @pedrodiogenes8725
    @pedrodiogenes8725 2 роки тому +1

    Thank you Kyanu Reeves

  • @mpcabete
    @mpcabete 2 роки тому +1

    first video of yours that I saw. Subscribed! I am exited to see the rest of them

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

    Thanks for the video. Hope more advance video such as a real react app with Unit test

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

    Great video, thank you

  • @shfunky
    @shfunky 3 роки тому +1

    Fantastic video, thank you so much.

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

    Love the video!

  • @srenschmidt5451
    @srenschmidt5451 3 роки тому +1

    Awesome video and great content quality! Love it :-D

  • @simpleprogramming4671
    @simpleprogramming4671 3 роки тому +1

    I love your channel man. very useful stuff here

  • @jeffz7310
    @jeffz7310 2 роки тому +1

    thank you

  • @vikram87in
    @vikram87in 2 роки тому

    A beautiful video. Thanks

  • @samueltorres2485
    @samueltorres2485 2 роки тому +1

    Awesome video! In the future could you do a jest series where you go through building a real world app using TDD with Jest and some form of Javascript (node, react) etc...? Just a thought. Thanks again

  • @gregorychamekh8143
    @gregorychamekh8143 2 роки тому +1

    cool tips! TY

  • @technoutopia4687
    @technoutopia4687 3 роки тому

    You're the best. Love coverage

  • @antonielmagalhaes2272
    @antonielmagalhaes2272 3 роки тому +1

    Really nice video dude

    • @SwashbucklingwithCode
      @SwashbucklingwithCode  3 роки тому +1

      You have my gratitude. If there is anything in particular you liked, feel free to let me know so I keep it in mind for future vids.

  • @reanibutani9555
    @reanibutani9555 3 роки тому

    I love how you teach
    I subscribed

  • @gaddp
    @gaddp 3 роки тому +1

    You are my new Jesus

  • @ksorv
    @ksorv 3 роки тому +1

    Thanks man :cheers:

    • @SwashbucklingwithCode
      @SwashbucklingwithCode  3 роки тому

      No problem, hope it's useful.

    • @ksorv
      @ksorv 3 роки тому

      @@SwashbucklingwithCode Hell yeah it is : )

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

    Great video, how does snapshot testing compare with using chromatic? Is there a use case to use both?

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

      Great question. I do believe there is a use-case for both, since you can get really quick feedback from snapshot tests locally, and depending on what you are testing they can catch different things.
      But I also think it's totally fine to just use Chromatic because it is such a great tool with a lot less noise compared to snapshots.

  • @9gager87
    @9gager87 2 роки тому +1

    Which camera and microphone are you using? The quality is awesome

    • @SwashbucklingwithCode
      @SwashbucklingwithCode  2 роки тому +1

      Thanks, that is lovely to hear.
      Camera: Fuji XT-3
      Mic: Shure SM58, running through a cloudlifter, dbx 286s preamp into the Scarlett 2i4 for conversion to digital.
      It took a long time to get it all figured out and at this level.

    • @9gager87
      @9gager87 2 роки тому

      @@SwashbucklingwithCode thank you for the detailed reply! And if I can ask, what recording software is this? Is it OBS?

    • @SwashbucklingwithCode
      @SwashbucklingwithCode  2 роки тому +1

      @@9gager87 Yes, it is OBS which is the easiest to get into but I'd like to explore other options now.
      The camera runs into a dedicated recording card from AVerMedia as well, because originally I didn't do that and the quality was lower.

    • @9gager87
      @9gager87 2 роки тому +1

      @@SwashbucklingwithCode awesome, thanks for your reply. You are doing God's work.

  • @santhoshraghavpidathala3701
    @santhoshraghavpidathala3701 3 роки тому +2

    Could you please make a video on promises , async and generators by taking real time example or REST API . Without using setTimeOut.. functions etc

    • @SwashbucklingwithCode
      @SwashbucklingwithCode  3 роки тому +1

      So to be clear: you want to see examples of promises (async await included) using real APIs, not the common examples that show setTimeout or other asynchronous JS examples, right?

    • @santhoshraghavpidathala3701
      @santhoshraghavpidathala3701 3 роки тому +1

      @@SwashbucklingwithCode Yes Please . Its a heart ❤ topic in javascript interviews.

    • @SwashbucklingwithCode
      @SwashbucklingwithCode  3 роки тому +1

      @@santhoshraghavpidathala3701 Ok, I'll brew something up. Thanks for the suggestion.

  • @ayodejijoseph6864
    @ayodejijoseph6864 2 роки тому

    Great video dude, love how you teach, would love you to set it up from scratch in your future video, am an SDET need to work more closely in supporting my devs in writing unit test and integration test, so need to bump up my understanding on this tool. Love Jest, can you also make video on Axios?

    • @SwashbucklingwithCode
      @SwashbucklingwithCode  2 роки тому

      Thank you. This video was from scratch from my perspective, as it started with an empty project and installing anything needed. What did you have in mind?
      On the Axios video question: what are you looking to see that is outside the minimal documentation examples here: axios-http.com/docs/example
      Anything in particular?

    • @ayodejijoseph6864
      @ayodejijoseph6864 2 роки тому

      @@SwashbucklingwithCode Nothing in particular thought there might be tricks to that too.
      Have looked the video again and saw it was from scratch only didn't see when you installing it. Thank you for the reply 🙏

    • @SwashbucklingwithCode
      @SwashbucklingwithCode  2 роки тому

      @@ayodejijoseph6864 All good, and on the Axios front there's probably some things I could think of I was just curious if you had specifics in mind.

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

    woofs

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

    Hey Swash, Followed your jest videos for creating my unit test coverage and it was very helpful. When I tried to run the same npm test in looper for CI, I am getting message - Ran all test suites but still not exiting from the test and next job is the pipeline is not kicked off. can you help mw with this.

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

      It sounds like you might now have a separate command for running tests without watch mode.
      If so, there are a few ways to accomplish that but I usually make a `ci:test` script in `package.json` with the `--ci` flag set and no `--watch` flag.
      If it isn't that, I don't know what else it would be off the top of my head.

  • @internalinjectiontrulyhere770
    @internalinjectiontrulyhere770 2 роки тому

    Good jester

  • @MoraisSanFoo
    @MoraisSanFoo 2 роки тому

    Nice, but what about mocking function, modules, etc.?

  • @AbdurrahmanHafez
    @AbdurrahmanHafez 3 роки тому +1

    Perfect🚀 one of the best
    Could you please tell me the name of your font ?

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

    Why didn't you use describe?

  • @Goku19881
    @Goku19881 3 роки тому +1

    Thank yo for this video. Very useful. Do you have a config file to enable ESM?

    • @SwashbucklingwithCode
      @SwashbucklingwithCode  3 роки тому +1

      You can set `"type": "module"` in your `package.json` to use ESM natively, but if you need to support older versions of node and browsers you'll have to set up a bundler, which I have some Webpack and Parcel videos for.

    • @Goku19881
      @Goku19881 3 роки тому +1

      @@SwashbucklingwithCode Thank you. It worked!

  • @amannegi8256
    @amannegi8256 2 роки тому +1

    WOW .........." Keanu Reeves " ..........teaching us code WOWWW..

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

    John Frusciante's younger brother