• Monday , 25 May 2020

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

Code Canyon

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: https://acad.link/js
Master ES6: https://acad.link/es6


Read the full article that belongs to the video: https://academind.com/learn/javascript/javascript-testing-introduction/

Starting source code: https://github.com/academind/js-testing-introduction/tree/starting-setup
Source code after unit test: https://github.com/academind/js-testing-introduction/tree/unit-tests
Source code after integration test: https://github.com/academind/js-testing-introduction/tree/integration-test
Source code after e2e test: https://github.com/academind/js-testing-introduction/tree/e2e-test

Want to learn something totally different? Check out all other courses: https://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.(https://www.facebook.com/academindchannel/)
• Or visit our Website (https://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!

Original source

3d Ocean

Related Posts


  1. Nick Green
    December 18, 2019 at 07:56

    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 😉

  2. Ekaterina Horton
    December 18, 2019 at 07:56

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

  3. David Tyson Lam
    December 18, 2019 at 07:56

    Is there a course where you address all three types of tests?

  4. Ella Blun
    December 18, 2019 at 07:56

    google. I searched chai tutorial, and it gave me jest tutorial. wtf

  5. Taufiq Protick
    December 18, 2019 at 07:56

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

  6. Henrique Penna
    December 18, 2019 at 07:56

    TypeError: generateText is not a function

  7. Ross the Music and Guitar Teacher
    December 18, 2019 at 07:56

    Awesome 🙂

  8. Souk Syphanravong
    December 18, 2019 at 07:56

    Tests are not that scary after watching your video.

  9. Dan Vig
    December 18, 2019 at 07:56

    If you are dealing with a web application, you will have a lot of E2E tests. Think about all the tests dealing with signing in, going to a page and confirm some type of interaction with the page works.

  10. Giovanni Cassanelli
    December 18, 2019 at 07:56

    Didn't know Seth Rogen was so good at teaching

  11. Arun Kumar
    December 18, 2019 at 07:56

    where the package.json file?

  12. michał botor
    December 18, 2019 at 07:56

    thank you so much sir! 🙂

  13. Cool Story Bro
    December 18, 2019 at 07:56

    love your tutorial. straight to the point. no time wasted. super duper good knowledge.

  14. Haider Hameed
    December 18, 2019 at 07:56

    Which IDE and plugins are you using for IntelliSense / Autocomplete and showing library function documentation?

  15. Jack Mister
    December 18, 2019 at 07:56

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

  16. swojchwat
    December 18, 2019 at 07:56

    awesome stuff as usual.

  17. Victor Eglein-Komlah
    December 18, 2019 at 07:56

    Wish I could like this vid 10 times

  18. Bartek Pacia
    December 18, 2019 at 07:56

    Incredibly well explained. Thanks a ton!

  19. Pashute
    December 18, 2019 at 07:56

    TU (Thumbs Up, Thank You, THE Ultimate) !
    Remark to readers: This of course is only an introduction about testing and not about TEST DRIVEN development, perhaps you can add a remark at the end of the vid saying that.

  20. cryptopinnacle
    December 18, 2019 at 07:56

    Thank you for this video. Do you have a course on testing

  21. Paras Arora
    December 18, 2019 at 07:56

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

  22. Alec Mingione
    December 18, 2019 at 07:56

    Hey Max great vid man, the methods you use in page.click throws an error. Tried to use select, yet get an error too. Any ideas? Thank you. :Edit you have to add page.waitForNavigation() before you initialize navigation.

  23. Mostafa Shawki
    December 18, 2019 at 07:56

    I would say for every developer:
    "The most valuable courses you can see here on Academind"
    Thanks a lot Max 🙂

  24. Selen Gora
    December 18, 2019 at 07:56

    Thank you, it was another awesome tutorial 🙂
    When I following your steps I stucked with installing puppeteer on my machine because of my company
    SSL Certificate restriction, I'm using windows 10. Little bit searching (Soon my company will make me DevOps lol) I found solution like "npm config set puppeteer_skip_chromium_download true" then "npm install puppeteer –unsafe-perm=true". After that I used const browser = await puppeteer.launch({executablePath: 'C:\Program Files (x86)\Google\Chrome\Application\chrome.exe'});
    Maybe it can help those who have the same problem as me.
    Note: npm install puppeteer –unsafe-perm=true in this line, I'm not sure if it's necessary and I don't know any safety issue in that.

  25. Serge I
    December 18, 2019 at 07:56

    Absolutely great video. Thanks a lot!

  26. Rinat Valiullov
    December 18, 2019 at 07:56

    Cool tutorial! I just wanted to learn testing and found your tuts.

  27. Claire Nguyen
    December 18, 2019 at 07:56

    which syntax highlighting extension do you use for vsc?

  28. Oussama Sethoum
    December 18, 2019 at 07:56

    i get bored whenever you start installing tools to make small things, we as beginners can't follow, am not learning anything from this videos 👌

  29. Mick Namens
    December 18, 2019 at 07:56

    Can Puppeteer also be used in a training mode to capture user clicks and input as js test code statements writing them into a given test function? Or which other free tool could help here?

  30. Winux Worx
    December 18, 2019 at 07:56

    Thank you very much for sharing. Very educational

  31. Vasu Patel
    December 18, 2019 at 07:56

    The best:))

  32. Sergio Rivera
    December 18, 2019 at 07:56

    I like how you explain the Unit testing, nice video!

    Now I am wondering why did I chose Web Development lol too many stacks, too many frameworks, too many packs, too many unit testing… Now we don't have time to code because we need to setup environments and test, test, test… Its like 50% coding time 😛

  33. Sidney Roberto de Sousa
    December 18, 2019 at 07:56

    Thank you, man! It helped me a lot!

  34. Poker Face
    December 18, 2019 at 07:56

    really cool and useful! Thanks!

  35. Biouda VV
    December 18, 2019 at 07:56

    Brilliant! Thank you 🙂

  36. Laureline Paris
    December 18, 2019 at 07:56

    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

  37. Santosh Kumar
    December 18, 2019 at 07:56

    Can we use puppeteer with react native? if so then how?

  38. Ivand Ivanovich
    December 18, 2019 at 07:56

    What IDE do u use?

Leave A Comment

You must be logged in to post a comment.