JavaScript Testing Introduction Tutorial - Unit Tests, Integration Tests & e2e Tests

Поделиться
HTML-код
  • Опубликовано: 2 окт 2018
  • JavaScript testing - i.e. unit tests, integration tests and e2e (UI) tests - can be intimidating. It shouldn't be! This video guides you through all the basics (including the "Why"?) of JavaScript testing. Master JavaScript testing now!
    Master JavaScript: acad.link/js
    Master ES6: acad.link/es6
    ----------
    Read the full article that belongs to the video: academind.com/learn/javascrip...
    Starting source code: github.com/academind/js-testi...
    Source code after unit test: github.com/academind/js-testi...
    Source code after integration test: github.com/academind/js-testi...
    Source code after e2e test: github.com/academind/js-testi...
    Want to learn something totally different? Check out all other courses: academind.com/learn/our-courses
    ----------
    • You can follow Max on Twitter (@maxedapps).
    • And you should of course also follow @academind_real.
    • You can also find us on Facebook.( / academindchannel )
    • Or visit our Website (www.academind.com) and subscribe to our newsletter!
    See you in the videos!
    ----------
    Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!
  • НаукаНаука

Комментарии • 387

  • @SubbingForFree
    @SubbingForFree 4 года назад +270

    11:50 - unit testing
    23:10 - integration testing
    29:23 - e2e

  • @_isaac_muniz_
    @_isaac_muniz_ Год назад

    That was a GREAT introduction to testing man. I love how you explain things in theory and using slides before the actual practice. It gives us a better context on what we're doing. Thanks :)

  • @anindyakundu6323
    @anindyakundu6323 4 года назад +6

    This is so coherent and well structured for providing an introduction. Thanks for the awesome video.

  • @moatazmahmoud1397
    @moatazmahmoud1397 3 года назад +2

    It's one of the best quick and comprehensive guides around the different levels of test automation.
    Well done mate, and please guide me if you have any similar videos in your channel that I missed.

  • @phamtienthinh1795
    @phamtienthinh1795 4 месяца назад

    For someone who wants to take a look at the overview before dive in the specific part. I really appreciate the way you write your description: Extremely useful

  • @willemvanderveen7567
    @willemvanderveen7567 4 года назад +1

    I usually don't leave comments but this is really high quality. Thanks a lot!

  • @jonaskromwell4464
    @jonaskromwell4464 Год назад

    Best unit testing from the ground up I've seen so far on all the world wide interwebs! Been paying for tutorials, searching high and low... Thanks for putting this together beginning with testing a most BASIC function that returns only a string concatenated value. This is what I've been looking for!!!
    The one thing I don't see anyone doing (neither professionally nor in any demonstration) is to combine debugging with unit testing functions. My biggest benefit to TDD is to setup the expectation prior to writing the function and write the function to satisfy that. That way, I am testing mostly functions only and, by the time it's completed to satisfaction, the test enforces the outputs from the function. The test is done and the function is done. I do not understand why more developers do not work this way.

  • @hiroyukinumaguchi1984
    @hiroyukinumaguchi1984 4 года назад

    Your explanation with specific code is very easy to understand.
    I appreciate it.

  • @ba1anse
    @ba1anse 3 года назад

    Best video on testing I've seen so far, clear and detailed. thank you so much for sharing!

  • @nhc772
    @nhc772 4 года назад +8

    Thank you Max! Nicely organized video. I watched it several times :)

  • @khammassihoussemeddine1193
    @khammassihoussemeddine1193 2 года назад +1

    i wanna mention something
    there is a long while since i watched a video in your channel and wanna say that you get so much better at explaining and you feel much more confident and experienced
    keep the good work up
    Thanks for this fruitful content

  • @ibrahimandaw8780
    @ibrahimandaw8780 5 лет назад +146

    You're awesome you always give us what we want. Thanks for sharing your knowledge Max

    • @academind
      @academind  5 лет назад +9

      Thank you very much for your support Ibrahima :)

    • @80Vikram
      @80Vikram 3 года назад +1

      BLM

  • @healthcommcore
    @healthcommcore 3 года назад +3

    Max, can't thank you enough for your awesome videos! I learn best by clear explanation and example--your excellent teach style does both. Thank you!

  • @geraldoagohoue3132
    @geraldoagohoue3132 Год назад

    I can't find a better introduction course to testing. I've been struggling for far to assimilate testing. I'm currently taking a course on the topic but I still can't get the whole thing. With this video, everything I previously learned has become clearer, and now I can make a clear way to progress and fully conquer testing. Thank you so much @Maximilian

  • @jinkinglee2
    @jinkinglee2 5 лет назад +10

    By far the best (free) intro to testing video I've seen on the web. Thank you Max!

    • @academind
      @academind  5 лет назад

      Awesome to read that Jin, thanks a lot for your great feedback!

  • @illuviumfundamentals7966
    @illuviumfundamentals7966 4 года назад

    This is a brilliant video about testing and is definitely a must for devs trying to learn to test their codes for the first time. I am super glad there is a video this clear that does not expose unnecessary complexity of other modules are not required to do testing. Its focus on testing and its conciseness made me understood the three types of testing in only one watch. Sincerely, thank you.

  • @nat6106
    @nat6106 4 года назад +1

    Really high quality video - both the content and the form (some graphs when needed, some code when needed). Thanks!

    • @academind
      @academind  4 года назад

      So happy to read that, thank you Jack!

  • @blakearcher9247
    @blakearcher9247 3 года назад +1

    Two years and 180,000+ views later, but on the off chance you see this.. THANK YOU. I have never seen a tutorial so well put together easy to understand. As a self taught developer over the last 9 months I cannot believe I have never seen your videos before. Please keep it up!!!

  • @souravprasaddas5909
    @souravprasaddas5909 3 года назад

    A genius instructor in the world. Now I have no fear in JavaScript. U made my development journey so simple and interesting. Thanks a lot from bottom of heart.

  • @laurelineparis5407
    @laurelineparis5407 5 лет назад

    I'm really impressed each time I'm looking for new things or concept to understand and explore because I'll always find you either on udemy or youtube video answering questions I've been asking myself about some vocabulary point I did get quite well.
    For couples of weeks, I've been trying to understand :
    - testing,
    - thinking about when and where to add typescript and what to test ( as working with jest we should only assert output instead of type, which typescript should do instead I reckon )
    - that there were few kinds of testing,
    - that actually I was not grasping the difference between unit testing, functional testing, integration testing and where was E2E in all that ( ends up with E2E was actually functional testing ( and not hard-related to test one function ), unit test was actually this kind of test where you actually test one function ) , then got lost with integration test.
    Your explanation was confirming some though and also made me understand better what was integration tests : testing function with other dependencies ( == other functions ).
    Can't wait to go deeper and make it to the tests automation.
    Thanks again for your explanation

  • @ronniesunshine1163
    @ronniesunshine1163 4 года назад +34

    This is insanely useful. I regret not learning how to do testing 1.5 years ago. It would have saved me hours, if not days worth of time in testing manually

    • @tomervainshtein5863
      @tomervainshtein5863 3 года назад +2

      Scratch that, think about the time you would've saved while debugging errors on the e2e layer!
      Unit testing forces you to separate your code into small chunks and test everything as soon as possible. Crazy useful skill!!

  • @yveltdesamours5225
    @yveltdesamours5225 2 года назад

    Things become so clear after having your videos. Thank you Max

  • @ekaterinahorton768
    @ekaterinahorton768 4 года назад +1

    Your videos are great! Very often use them to learn/refresh/structure information. Thank you very much for your work!

    • @academind
      @academind  4 года назад

      Happy to read that Ekaterina, thank you!

  • @BD90..
    @BD90.. 3 года назад

    Great thanks Max, it helps me understand the javaScript testing better than just reading a document. Now I will go and learn more on using Mocha.

  • @cemsaglam1696
    @cemsaglam1696 4 года назад

    It is thanks to this video (and to a test I wrote for validateInput) that I can say, the "+text === NaN" check in the validateInput function always returns false. So if I send "isNumber: true" to the function, and as text input "12e", it would consider it as a valid age. Using "isNaN(+text)" solves that. Thank you, Max, for such a great introduction to js testing!

  • @yassine_klilich
    @yassine_klilich 4 года назад

    best video i have ever seen that shows the differences between those types of testing

  • @alansenderovich642
    @alansenderovich642 Год назад

    Thanks Max, you're really the king of teaching. Thank you for so much value in your videos. Please keep it up!

  • @nickharalampopoulos
    @nickharalampopoulos 3 года назад +1

    Green is a beautiful color! Thanks Max for the tutorial.

  • @AmitKB00
    @AmitKB00 4 года назад

    An excellent walk through from concept to uses example. It helped me to get familiar with testing.

  • @sandeshsmagdum
    @sandeshsmagdum 4 года назад +2

    As usual you are the most reliable instructor to depend on. I am enjoying your videos on Udemy. Waiting for many more videos on this topic that will help me in pure TDD and inculcate TDD approach in true sense. Thanks Max 🙂

  • @EricOnYouTube
    @EricOnYouTube 4 года назад +2

    Another amazing tut by you. Danke dir vielmals, Max. :)

  • @godhandinfamous
    @godhandinfamous 5 лет назад +10

    Thank god it arrived!

  • @adrianbartholomew3785
    @adrianbartholomew3785 4 года назад

    I think that this is the best instructive video I have ever watched.

  • @davidrodriguezramirez1941
    @davidrodriguezramirez1941 Год назад

    Just loved it, best tutorials all over the web man

  • @MrGreenpaulo
    @MrGreenpaulo 2 года назад

    Brilliant video, thank you Max!

  • @johnnydorelli1
    @johnnydorelli1 2 года назад

    Great Max, maybe the best teacher existing about programming languages!

  • @geragamo
    @geragamo 2 года назад

    Max, thanks for this amazing video, congratulations !

  • @borystyminski8581
    @borystyminski8581 5 лет назад +5

    Great vid, thank you Max. I need to disagree with one thing tho. 32:00 - "async/await does it (then and catch) for you" async/await doesn't catch errors. You would need to additionally use `try {} catch (e) {}` and await within try block in order to catch errors from the promise.

  • @magpinybo7524
    @magpinybo7524 Год назад

    This video will still be relevant in 2030! Thanks you very much.

  • @parasarora5869
    @parasarora5869 4 года назад +10

    you made testing look so damn easy...i love it and want dive deep into testing !!...thank you very much sir
    amazing video !!!!!!!!!!!!

  • @solarkadakiadam
    @solarkadakiadam 3 года назад

    i love you max, you're great man, i've gor your react, react native, nodejs and mern courses on udemy, and i never wanted to learn about tests but now im learning and youre great man

  • @user-kl9yy3rs6k
    @user-kl9yy3rs6k 3 года назад

    Straight into and out of the point. Thanks.

  • @taufiqprotick877
    @taufiqprotick877 4 года назад +2

    This is a really great video! Thank you so much!

  • @gsffm9044
    @gsffm9044 3 года назад

    Great examples. Please more about testing.

  • @hoyinleunghk
    @hoyinleunghk Год назад

    Very clearly explained, thank you

  • @codewithnacho
    @codewithnacho 5 лет назад

    This video is awesome! It perfectly shows the three most common types of testing. Thank you very much Max for sharing this!!

    • @academind
      @academind  5 лет назад +1

      Happy to read that the video was helpful for you, thanks a lot for your comment!

  • @zoecarlibur
    @zoecarlibur 5 лет назад +3

    Thank You, I learned so much. It seems like JS testing is now one of the must haves when applying for jobs these days.

    • @academind
      @academind  5 лет назад

      Thanks a lot, happy to read that the video was helpful!

  • @Dima-jc7fx
    @Dima-jc7fx 5 лет назад +3

    This is great stuff, thanks a lot! Would love to see other testing-related content from you Max :)

    • @academind
      @academind  5 лет назад +2

      Thanks a lot Dmitry, I might indeed dive deeper into testing in future videos.

  • @jagmohan4505
    @jagmohan4505 3 года назад

    Really I was wondering about how testing done and then I got this video. Thanks Sir.

  • @kylerebstock1487
    @kylerebstock1487 3 года назад

    Loved that you used puppeteer too! Cypress is a nice tool to use very similarly as well. The only thing I saw missing was integration tests for api and integrations. Would love to see that!

  • @Aalii6
    @Aalii6 Год назад

    Exciting topic, thank you!

  • @khalidelgazzar
    @khalidelgazzar Год назад

    Great video .. very well explained.. thank you Max!

  • @rajesht9702
    @rajesht9702 4 года назад

    Thank You Max. Very well explained.

  • @diyskipper
    @diyskipper 5 лет назад +1

    Your channel has helped me tremendously!

    • @academind
      @academind  5 лет назад

      Just awesome to read that Elem, thanks a lot for your comment!

  • @Marina-mm6mi
    @Marina-mm6mi 5 лет назад +1

    Fantastic, thank you Max!

  • @emmapaul
    @emmapaul 2 года назад

    This video is awesome in explaining how to write and run test

  • @DavinirFCamposJr
    @DavinirFCamposJr 5 лет назад

    Another excellent video, as always. Thanks, Max!

    • @academind
      @academind  5 лет назад

      Thanks a lot for your great feedback Davinir!

  • @imranhossain6443
    @imranhossain6443 3 года назад

    This was really helpful. Thanks Max.

  • @dawid_dahl
    @dawid_dahl 4 года назад

    Excellent video as usual, thank you! Most people only show unit testing and I'm like, "Yeah, but..."

  • @thevirajshelke
    @thevirajshelke 3 года назад

    Exactly what I was looking for! Very well explained :) Thanks a lot :)

  • @andresarbelaezacevedo4907
    @andresarbelaezacevedo4907 5 лет назад +2

    Excellent video max

  • @burajirujinslash
    @burajirujinslash 5 лет назад

    Wow! Great Job!! Thank you very much for this video. Looking forward to the next one

    • @academind
      @academind  5 лет назад +1

      Thanks a lot for your awesome feedback Eduardo, this really means a lot to me!

  • @leonbenjamin7891
    @leonbenjamin7891 3 года назад

    Thanks a lot! Excellent guide :)

  • @fuanka1724
    @fuanka1724 5 лет назад

    Very nice and clear. Makes want to write more unit tests. Thank you!

    • @academind
      @academind  5 лет назад

      Happy to read that you like it, thank you for your comment!

  • @user-dk2wt5gj5y
    @user-dk2wt5gj5y 2 года назад

    thanx a lot Max! you are the best!

  • @_the_one_1
    @_the_one_1 5 лет назад +3

    Great!!! Thank you Max

  • @tertuliangal7878
    @tertuliangal7878 3 года назад

    Awesome explanation!!

  • @jonathangreene685
    @jonathangreene685 4 года назад

    That was an amazing video thank you so much. I loved how to showed and explained how puppeteer was working. Thank you.

  • @arianh
    @arianh 2 года назад +1

    That's an amazing crash course about testing in JavaScript, it's so complete, I really enjoyed watching it, I've learned lots of things about testing thanks to Max, So Thank you so much, Max for this awesome crash course, You're the best💙🥰🙏🌹

  • @bartekpacia
    @bartekpacia 4 года назад

    Incredibly well explained. Thanks a ton!

    • @academind
      @academind  4 года назад

      So happy to read that Bartek, thank you!

  • @taqueritovaquerito
    @taqueritovaquerito 2 года назад

    Extremely helpful!

  • @maheerali531
    @maheerali531 4 года назад

    I really appreciate this tutorial.

  • @Krishtal3
    @Krishtal3 Год назад

    Thanks for explanation and examples, it actual even now

  • @leeyahav4754
    @leeyahav4754 3 года назад

    great video and great explanations .
    you fixed my head
    thnx a lot

  • @nickgreen4336
    @nickgreen4336 4 года назад +7

    Max, I guess it would be a great idea to create a full course about testing, maybe using TDD, some React testing and so on. This is a course I wanna see from you so much and I hope, that one day it will become true ;)

  • @crystalyun833
    @crystalyun833 4 года назад +1

    You are a game changer. Keep up the good work! subscribed :)

  • @vpetevotov
    @vpetevotov 5 лет назад +3

    Brilliant! Thank you :)

  • @nscarg
    @nscarg 4 года назад +1

    Muy claro, muy buen video, muchas gracias

  • @mashab9129
    @mashab9129 2 года назад

    great tutorial. thank you!

  • @ellahalaida4808
    @ellahalaida4808 3 года назад

    Great info ! Thanks!

  • @Vittokm
    @Vittokm 2 года назад

    Always very good content!!

  • @user-uc3et8ih6g
    @user-uc3et8ih6g 3 года назад

    amazing video!!! thanks for helping to teach unit test!!!

  • @emredemir6637
    @emredemir6637 5 лет назад

    Thanks. It is a very good and simple way of diving to the testing.

    • @academind
      @academind  5 лет назад

      Thanks a lot for your great feedback Emre!

  • @Saturate0806
    @Saturate0806 4 года назад +1

    Thanks! Great video

  • @oleksandrhusiev6544
    @oleksandrhusiev6544 2 года назад

    Still awesome! Thanks

  • @TheRohit382
    @TheRohit382 5 лет назад

    Thank you Max. Great video :)

  • @roopamgarg1085
    @roopamgarg1085 5 лет назад

    Awesome video again.... thanks a lot for this video..... and also a small request.... for making a video on a scalable node js backend that can handle many requests at the same time and have a better response time.

  • @finitebites
    @finitebites 5 лет назад

    Awesome, as all your other video courses!! Thanks!

    • @academind
      @academind  5 лет назад

      This really means a lot to me Moises, thank you very much!

  • @abdulmoeez13
    @abdulmoeez13 3 года назад

    You Are a Blessing For Us ❤️🔥

  • @coderjag8828
    @coderjag8828 2 года назад

    Very helpful video!

  • @danilosampaio6493
    @danilosampaio6493 5 лет назад

    A huge thank you man, this video was so enlightening

    • @academind
      @academind  5 лет назад

      Awesome to read that Danilo, thanks a lot for your comment!

  • @gudofabi314
    @gudofabi314 4 года назад

    I love this tutorial. . .I hope you made more vids to help developers like me :)

  • @Sergey-mr6be
    @Sergey-mr6be 4 года назад

    Absolutely great video. Thanks a lot!

  • @shane2023amazon
    @shane2023amazon 3 года назад

    awesome, max. great thanks

  • @pprathameshmore
    @pprathameshmore 3 года назад

    Thank you sir. You are always awesome teacher.

  • @jovan93bl
    @jovan93bl 4 года назад

    Thanks Max rly awesome video

  • @GalloFranco
    @GalloFranco 3 года назад

    great job on this video!!! u was help me a lot

  • @jashimuddin891
    @jashimuddin891 5 лет назад

    wow! its really awesome. Thanks for sharing Max👍

    • @academind
      @academind  5 лет назад

      Thanks so much for your comment Jashim, so cool to read that you like the video!

  • @elcio-dalosto
    @elcio-dalosto 4 месяца назад

    This video is from 5 years ago, but still very useful, and I think it still be for some years to come.

  • @sharmilasanu3094
    @sharmilasanu3094 4 года назад

    Surely ..he is a great teacher