Introduction To Testing In JavaScript With Jest

Поділитися
Вставка
  • Опубліковано 23 вер 2019
  • Testing is one of those things that people either love or hate. Usually testing is something that is hated, until you work on a project with good tests and you realize how amazing they are. In this video I am going to show you how to get started with testing in JavaScript using Jest. I will talk about the code you need in order to write tests, as well as show you some pitfalls of testing. At the end of the video I will breakdown the importance of testing and some best practices you can adhere to in order to make your tests amazing.
    📚 Materials/References:
    Spread Operator Video: • Why Is Array/Object De...
    Reference Vs Value Video: • Reference Vs Value In ...
    🧠 Concepts Covered:
    - How to install Jest
    - What unit testing is
    - Why testing is important
    - How to write unit tests with Jest
    - The importance of test coverage
    🌎 Find Me Here:
    My Courses: courses.webdevsimplified.com
    Patreon: / webdevsimplified
    Twitter: / devsimplified
    Discord: / discord
    GitHub: github.com/WebDevSimplified
    CodePen: codepen.io/WebDevSimplified
    #Jest #WDS #UnitTest

КОМЕНТАРІ • 371

  • @drchrisntsako1339
    @drchrisntsako1339 Рік тому +30

    I'm someone who don't comment on videos but whenever I search for a video and see yours, I always choose you. you are the best man

  • @tracynnnn
    @tracynnnn 2 роки тому +94

    Notes
    - test script: "jest --coverage" will detail what's being tested and what's not
    - Unit tests test the smallest part of your code
    - toBe() vs toEqual()

  • @deansprivatearchive
    @deansprivatearchive 3 роки тому +91

    This is a developer that truly knows what he's talking about, nonstop, in facts, and fast - short and simple, bite-sized tips to all development. Master branch, honestly.

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

      Nope, he's a normal dev just like us. He just has the power of editing. He got a video on that.

    • @deansprivatearchive
      @deansprivatearchive 3 роки тому +7

      ​@ I know, that's not what I'm saying - No matter how much debugging he cuts out, the coding and aesthetics themselves are made by a developer that truly knows what he's talking about.

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

      @@deansprivatearchive I agree. And what reinforces it is his incredible diction

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

      @whats the name/link of that video?

  • @michaelhuskey2608
    @michaelhuskey2608 2 роки тому +5

    Definitely would be interested in more testing videos. A topic I only really became aware of when I started looking at job postings and my home made projects started getting more complex. Appreciate what you do!

  • @AnishSana
    @AnishSana 4 роки тому +19

    This was such a clear and concise explanation; thank you!

  • @hugoperez1318
    @hugoperez1318 3 роки тому +8

    This was very well explained and demonstrated, great job Kyle! I think a lot of us would like at least another video going deeper into testing, explaining better practices, and whatnot. Great video, though.

  • @JamesQQuick
    @JamesQQuick 3 роки тому +6

    Using this as a first intro to jest for me. Thanks Kyle!!

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

      Me too. Thanks, Kyle! I'll have a technical interview covering jest and this video was helpful. Now I'm going to dive deeper into it.

  •  4 роки тому +6

    Amazing tutorial! I was afraid of start studying this topic because it seemed so hard. Now, this video gives me a more clear idea. Thanks!

  • @fragileglass9622
    @fragileglass9622 4 роки тому +121

    That's awesome. I was just searching on Udemy for a Jest testing course when this popped up. Weird. I'd would really like to see more testing or production deployment ready based courses. Best practices for making app's well tested and properly staged for active use and deploy. It's a topic that is missed very often.

    • @WebDevSimplified
      @WebDevSimplified  4 роки тому +42

      I agree. I want to try to cover more testing related information on this channel since I find it quite enjoyable.

    • @nerdiloo9863
      @nerdiloo9863 4 роки тому +6

      AI : You're welcome. Human.

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

      Please add more video's on testing. Perhaps a course specifically on this subject. I'm sure many people are interested!!

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

      @@BjornBrasse I agree--I would 100% sign up for a full course on this by Kyle. I loved his React course, and recommend it!

  • @hetroxity
    @hetroxity 11 місяців тому +1

    Kyle bro .. i love how you talk smoothly and going step by step without hurry..

  • @jthomasaurus
    @jthomasaurus 4 роки тому +25

    I am very interested in more testing videos. This was a great intro for me, and I’m at that point in my self-teaching to start getting into testing my code! Look forward to more.

    • @WebDevSimplified
      @WebDevSimplified  4 роки тому +5

      Thank you! I would definitely recommend getting stated practicing testing since I found it was a skill that took a ton of practice for me to get good at.

  • @Cloud-577
    @Cloud-577 4 роки тому +1

    Thank you for making this video! I have been curious about automated tests but didn't know where to start. I'm highly interested in a test series💕

  • @mauricioviera6
    @mauricioviera6 3 роки тому +15

    Thanks. I'm going through a job interview and they asked me to run unit tests, so this is really helpful as a start. Really appreciate it

  • @DavidLeDuc1
    @DavidLeDuc1 3 роки тому +12

    This is a really great intro to testing using Jest. It would good to see more testing videos, possibly ones that cover plain vanilla (no framework) javascript and testing functions that manipulate DOM.

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

    OMG. I am a Manual Testing upping my technical skills to become an Automated Tester and it is the first video I see (after months of seriously researching a lower than beginner level tutorial) that really help me write my first Javascript testing script in 5min. Thank you so much.

  • @JohnAussieMate
    @JohnAussieMate 4 роки тому +1

    Thanks Kyle,
    You are really helpful with your videos, great content, well paced and I love the simplicity of how you make something complicated look simplified.
    And yes, I would love more videos on testing, I believe it to be necessary and a must for every developer out there.
    Thanks again mate!

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

    Really really good stuff dude! Coming from nearly a decade of professional Android development, moving to web work, I was hoping to find a succinct explanation about quick setup and coverage. Definitely a thumbs up and a sub from me. I know you're focusing on newer devs a lot, but even at the senior level needing a quick intro, very helpful stuff!

  • @calebsirma3867
    @calebsirma3867 5 місяців тому +1

    Never found a guy so smooth in explanation in 14 minutes.

  • @FirstLast-gk6lg
    @FirstLast-gk6lg 3 роки тому +4

    Came here for a refresher, last time i wrote tests was in school and i really enjoyed them then so excited to refresh my knowledge

  • @tech3425
    @tech3425 Рік тому +16

    It would be nice to have a Jest course for typescript and Express/React. Really helps us understand how to setup testing for our project

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

    Dude! Test seemed like a mile away before I watch this... I get just enough of it to start trying on my own very nice... thanks

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

    Wow, that was amazing, I've got the complete concept of how the test case should look and work, Thanks for the great content Man !!

  • @bama2619
    @bama2619 4 місяці тому +1

    The video was in the search and I chose your video. I see your 4 years old video and think that you were tired at that time. In latest videos you are more energetic.). Great videos, Kyle. Thank you.

  • @utkarshsingh.12
    @utkarshsingh.12 Рік тому

    Within 14 minutes, this guy made you learn testing even if you know nothing about it. Thanks!!!

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

    you are so inspiring and such a great teacher! thank you for your hard work

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

    Fantastic tutorial, I love that it's short. Thanks!

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

    This was great! Yes, definitely more testing in JavaScript with next videos please!

  • @TremaineBuchanan
    @TremaineBuchanan 4 роки тому +1

    Great video! Was very helpful in starting my journey in writing tests for my code.

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

    Thanks man!! Super easier to have the --coverage, super helpfull, and well explained!! Much appreciated!

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

    Thank you very much for this short video. looking forward to see more from you

  • @RogerThat902
    @RogerThat902 4 роки тому +1

    Yes, would like more testing-related videos. That was great. I think my biggest issue is knowing what exactly to prioritize when testing because as you said, you can test almost everything, even though you probably never will.

    • @WebDevSimplified
      @WebDevSimplified  4 роки тому +2

      I would say you should prioritize the core business logic of your code. Essentially whatever code is the most essential to your project should be tested first.

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

    Great content as always Kyle!

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

    Thank you! I love the way you explain everything

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

    Thank you, your explanation is really simple. I hope more testing video comes up

  • @MM-hs9vp
    @MM-hs9vp 2 роки тому

    I was thinking about unit test is so hard for me before I did it, This video makes me feel easily to against testing.Thank you !

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

    I'm a testing expert, and I congratulate you. Your explanation is very clear and understandable! Subscribed.

    • @user-rz7xz4wf8p
      @user-rz7xz4wf8p 7 місяців тому

      so why the expert like you is watching tutorial for beginners?

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

    More!! Need a whole series, and also enzyme + jest please!

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

    You're really simplifying web development
    Thanks so much for this video

  • @AlexTechie
    @AlexTechie 4 роки тому +5

    Great video! I've known about testing for a while, but I (personally) can't think of a place I'd use it. I know that's a me-issue; not knocking testing. Hopefully, in your next video on testing, you do can walk us through some real world use cases. Keep up the good work! 👍

    • @WebDevSimplified
      @WebDevSimplified  4 роки тому +6

      Testing us useful anywhere you have logic in your code. Literally anything in your code can be tested and you should definitley test the critical parts of your code

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

    You just saved my life!! Thank you!!

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

    Wow! you are super great, i was struggling searching for jest course. thank you for your video.

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

    This is an awesome tutorial would want to see more testing tutorials

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

    Thanks for this video. If you are thinking about continuing this series then I think tutorial on testing in React would be a great help for newbies ;)

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

    Thank you for the info! This was really concise, and perfectly helped me figure out this stuff.

  • @filemomb984
    @filemomb984 4 роки тому +1

    Man, thank you a lot, yours tutorials are incredible!! Congrats!!

  • @cengiz-ilhan
    @cengiz-ilhan 2 роки тому

    he is teaching everything simple. AWESOME

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

    i know this was posted a while ago.. but wow.
    creating test made so easy..Huge thanks!!!!

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

    Hey Kyle! I know it's a bit late to post a question/comment for this video(considering the date of publish for the video) nevertheless, I have been watching your tuts and coding videos and I genuinely enjoy watching your videos and learn a ton of new things and concepts. I particularly love the specific topics like regex, testing, solid principles etc that you cover, which frankly I didn't came across on most other coding pros' channels. I love these indepth programming topics by the way and hence, it automatically draws me to your channel every now and then. Main question I had was, "what could be the main difference between a normal software(app) testing and the full on Pentesting?".. Generally, I am aware of the definitions and the underlying principles but, I am quite assured that, your answer would defnitely shed some more light on the topics and help me go further in these topics. Thanks for everything, and love you!

  • @nagasaran3856
    @nagasaran3856 4 роки тому

    Good clarity is maintained throughout the video

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

    Thank you! Very clear and concise explanation! 💛

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

    The explanation was clear and upto the point. Thank you so much for the video.

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

    Watching in 2021 , The most useful tutorial , Thanks man!

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

    Thanks Kyle, that was a nice start =)

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

    Amazing job for beginners like me, thanks.

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

    Great video!
    Thanks for sharing, Kyle

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

    Dude, awesome! Thanks a lot. 💕💕

  • @PGBlanks
    @PGBlanks 2 роки тому +10

    I was broken after they introduced this to me at bootcamp, but you helped explain it very clearly! Thank you.

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

      At least they introduced it to you.. I’m a recent bootcamp grad currently job searching and getting back to these necessary fundamentals after realizing how ill prepared I am.

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

      Bro SAME

    • @daurham
      @daurham 2 роки тому +2

      Looking at the mess and I’m thinking “sooo theyre functions..? But how.. & wtf is toBe”
      😂

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

    Awesome video, man. Cheers! ❤️

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

    Great explanation, thank you very much.

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

    Thanks so much. You are, and have been doing a great job for us! More grace!!!

  • @joshr.2600
    @joshr.2600 Рік тому

    I've watched plural sight for 1 hour.
    And YOU have explained this 10x better in 13 mins.
    U have my like n sub. If u have a paid channel. I'm ready

  • @SohailKhan-gu2du
    @SohailKhan-gu2du 3 роки тому

    Thanks man ❤️.. Helped a lot... Please create testing videos for entire react and node-express application with best practices ❤️... Lots of love brother.. Great work ❤️

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

    Very helpful, even though there's a lot more to know about JEST, it's a well rounded primer. Thank you!

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

    Thanks man, this was very helpful :)

  • @go_better
    @go_better 4 роки тому

    Thanks. So clear and understandable, really.

  • @RayPereda68
    @RayPereda68 4 роки тому

    Helpful video. Please create more testing videos. In particular, snapshot-based testing would be of interest.

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

    Thanks! really nice video!
    *adds Test Driven Development to resume*

  • @31grimey
    @31grimey 4 роки тому +2

    Amazing video Kyle. Can you do a video about testing React with Enzyme?

  • @conorbyrne3519
    @conorbyrne3519 4 роки тому

    Your videos are great man! Keep it up!

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

    Thanks bro! Helped a lot!!!

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

    Another Excellent Video.

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

    this guy is always make things easier

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

    🥳very helpful thank you!

  • @supriyantapoddar6129
    @supriyantapoddar6129 4 роки тому

    Want more advance testing videos. Your videos help us a lot. Thanks a ton!

    • @WebDevSimplified
      @WebDevSimplified  4 роки тому +1

      Thanks! I hope to explore more testing videos in the future for sure.

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

    Lifesaver! Thanks heaps!

  • @anishjoshi1999
    @anishjoshi1999 4 роки тому

    loved your work!!

  • @deepumon.d3148
    @deepumon.d3148 3 місяці тому

    Bro Thanks for this amazing video. Actually, I have to write JEST code in our organization. Your video helps me a lot. Please do more videos about JEST.

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

    Thanks, man Your explanation is another level bro

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

    great brother , it helped me 100%

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

    Iam watching many testing tutorial but i don't understand then i see your your testing tutorial video then i watch i understand sir teaching is good 😊

  • @hamzahahmad1670
    @hamzahahmad1670 4 роки тому +9

    Quality content, as usual. Thank you.
    If possible, it would be great to see some React testing as well.

  • @yesweet
    @yesweet 4 роки тому +10

    You are lucky if you have someone like WDS besides you, and we are lucky as we have WDS on UA-cam👏

    • @WebDevSimplified
      @WebDevSimplified  4 роки тому +11

      Thank you. I am planning to stick around for the long haul, so you don't have to worry about me leaving your side.

  • @marcusotter
    @marcusotter 4 роки тому

    Wooo! Been looking forward to this video :)

    • @WebDevSimplified
      @WebDevSimplified  4 роки тому +1

      I hope it didn't disappoint.

    • @marcusotter
      @marcusotter 4 роки тому

      @@WebDevSimplified Of course not :) Very informative, thank you!

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

    This is so helpful.

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

    Thanks kyle, 😁 easy to understand for beginner like me

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

    I would love to see more testing Videos

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

    Thank you, amazing work!

  • @Zen-lz1hc
    @Zen-lz1hc 2 роки тому

    Like
    Cool simple introduction to Jest
    Thank You :)

  • @Joserditosanto
    @Joserditosanto 4 роки тому

    Great explanation

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

    I'm in QA and just learning JavaScript but need to learn Jest for work, this was very helpful

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

    Great video, thank you

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

    This video makes me feel productive

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

    excellent video and well demonstrated thank you 😊

  • @henrybernardin
    @henrybernardin 4 роки тому

    Great Video, Thank You!

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

    Thank you a lot for your explanations! Reaslly find them very useful for me!

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

    Thank you, Kyle.

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

    great work, kyle..

  • @hamed4451
    @hamed4451 3 роки тому +59

    That's great kayl ... why you didnt continue this series?😟
    Can you create " test(with jest) in react " tutorial series?

    • @abe10
      @abe10 3 роки тому +7

      Yes please. More testing tutorials :(

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

      That‘d be dope 🔥

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

      kyle*

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

      @@deansprivatearchive ooops.my bad , but take it easy :)

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

      @@deansprivatearchive Punches drywall

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

    great video, i will definetely use this at one point thank you :)

  • @mohamedelidrissi2839
    @mohamedelidrissi2839 4 роки тому +1

    Just came across this channel, not disappointed!

    • @WebDevSimplified
      @WebDevSimplified  4 роки тому +1

      Thank you! I hope you enjoy the rest of my content just as much.