JavaScript Testing - Mocking Async Code

Поделиться
HTML-код
  • Опубликовано: 24 ноя 2024

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

  • @ultrasamad
    @ultrasamad 6 лет назад +103

    Testing is something you don't quite often find in most tutorials. Thanks for tackling this all important topic.

    • @academind
      @academind  6 лет назад +17

      I also think it's an important topic, happy to read that you liked the video Ibrahim!

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

      You prolly dont give a damn but does someone know of a trick to get back into an Instagram account??
      I was stupid lost the login password. I love any tricks you can give me!

  • @riyazghati6615
    @riyazghati6615 5 лет назад +16

    Every time I see your technical videos, all my doubts,confusions vanishes ....amazing work😍😍

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

    Honestly the best explanation I could find on mocking. Thank you :)

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

    You are such a gifted teacher. So focused. Thank you

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

    Hey Max! This is Ashutosh Tiwari ! Thanks for this ❤️ As always you are great !

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

    As always, you're the best tutor! Note: Max, when I open the link to the github to clone the code I got the previous video's code and not the one you teach here about mock. Not sure if it's only for me but please take a look so it will help others to easily code along.
    Again, thanks a lot as usual for your wonderful tutorial.

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

      "git switch async-code" should help you out

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

    Hi, Max
    Thank you for this video.
    This is the best explanation of moking with jest, that I found!
    I was not familiar with using moke functions, before watching this video, but now I can use this great thing for testing methods in my project)

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

    Best explanation of jest mocking so far. Thanks

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

      Awesome to read that Ossie, thanks a lot!

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

    I would really love a full course on testing with jest, enzyme and react testing library

  • @HuyLe-vv7go
    @HuyLe-vv7go 6 лет назад +4

    Hey Max, you should add Unit Test into your Udemy Angular 2+ Courses to make it even more great. Love your works btw.

  • @cvanputt
    @cvanputt 4 года назад +3

    Really excellent instruction! I bought your React course on Udemy. You are a very good teacher Thank You!

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

    Excellent video.
    I've been using mocha/chia/nyc for years.
    I think i'll try jest.

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

    best explanation about Mocking on the internet, thanks! 😀

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

    Max, the starting code you linked in the description is actually the code from the PREVIOUS video. I cannot seem to find anywhere the starting code for this video. Can you please include it? Thanks for another great tutorial!

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

      It's there. You need to use command 'git checkout async-code' in the terminal. You will need the git installed for that. This one repo contains all codes from all different project. But they are in different branches.
      after checking out async-code branch, you will have to enter 'git checkout 87dbd' because the data is in that commit.

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

    Cool tests with Jest

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

    A very nice tutorial on javascript testing. Thank you.

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

    Super helpful, thanks Max!

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

    This is the best explanation ever

  • @ivanaleksandrov7157
    @ivanaleksandrov7157 6 лет назад

    Max, you nailed the technical stuff, how about a video or even better a series on being a freelance developer?

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

      We'll mainly stick to the technical stuff, but we also consider releasing some none technical videos. So we'll see :)

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

    Great metaphore in the cover XD

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

    Hahaha, Max always pops up when searching for something I need

  • @cempesket7694
    @cempesket7694 6 лет назад

    Wow. Jest is just amazing. Thank you Max

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

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

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

    10/10 explanation

  • @AF-it4ib
    @AF-it4ib 3 года назад

    Great video mate !!!! Thanks

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

    That was crystal clear, thanks

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

    my friend,just perfect.................

  • @superknife0512
    @superknife0512 6 лет назад

    Hi Max and Academind team, I see they say about some things like ESlint, Jshint ,... but actually what's that and why we need to use it in our project. Can you make a Video to explain about one of them and how to use it.

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

    Is this possible to do in angular with is configured to use jest? Is it possible to override a function manually like in the video?

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

    how can we stub this?
    // some module, "sum.js" that's "required" throughout the application
    module.exports = function(a, b) {
    return a + b;
    };

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

    Good explanation! Thanks.

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

    Hi, how can we use map() function inside loadTitle() if response.data from fetchData() return array of objects? How we mock that, I get error map is not a function. Thank You

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

    When I run my mocks with --coverage I do not get any coverage, but when I run my test without the mocks I get coverage. Does Jest not cover mocked code??

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

    Just subscribed after watching this video. Thanks so much!

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

      Thank you for your support, great to have you on board!

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

    thank you for the tutorial. Please make more videos in testing.

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

    Would be nice to mention that "done" should be executed in the end of async tests in order to have proper test results (just try to resolve Promise with unexpected value without calling "done"). Thanks for the video otherwise! Very useful.

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

    Great video, though Concepts are more advanced than the previous video

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

    Hi, How can I mock an api request time out or rejection for rate limiting so I can build back off functions?

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

    Does this mean that when you change the fetchdata function, you also have to change it’s mock or are there any tools that can help with this?

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

    But what if I don't know what will be the response from the API? For example when I fetch new random word with every request to the server

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

    how to start and open in chrome this code what is in github??

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

    great video really helpful, everything is explained as clear as water

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

    Max, thank you so much!!!

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

    Max, I am trying to be good and start writing tests for my code. But I have a problem.... since all tests should be an island, what I do in one test should not influence another. The problem is that my variable, for example, that holds a list of all the users who have joined the game will hold data from a previous test. How do I deal with variables like that? Thanks.

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

    can you mock the browser fetch api using this same method?

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

    Why no import the mock axios.js while http is imported?

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

    Thank you for this video.

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

    Max you are the best!

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

    Thanks Max!

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

    I think there is a problem or something i don't understand.
    in 16:47 the test file says that we expect to get "DELECTUS..." ( all UPPER case).
    while in the __Mocks__ file in 16:48 we promise to return "delectus..." (all lower case)
    How are the test cases passing ? I think that they should fail.
    Thanks for the videos !

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

      We're not testing the get method. We're testing the loadTitle component which uses our mocked get method and uppercases the returned value from get.

  • @sebastianjung3168
    @sebastianjung3168 6 лет назад

    Hey Max,
    could you also just return the object with the title property in the mock http.js instead of returning it as a resolved Promise or why does it have to be a resolved Promise 🤔

    • @sebastianjung3168
      @sebastianjung3168 6 лет назад

      Ah! We need to use .then onto the fetchData function. that's why.
      Thanks for this interesting series!

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

    Excelente explicação. Thank you!

  • @damoose5788
    @damoose5788 6 лет назад

    Plz help with react redux pagination ... there is nothing available on this ...

  • @ramonportela7048
    @ramonportela7048 6 лет назад +1

    OMG! Max you are awesome!

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

      YOU are awesome Ramon, thank you very much for your comment!

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

    Great video!

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

    Thanks for the help

  • @dakshsagar2839
    @dakshsagar2839 6 лет назад

    In the video description, data science is mentioned, am I missing something ?

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

      We do have some beginner's data science/business intelligence topics (for example about Power BI: academind.com/learn/power-bi). But at the moment the focus indeed is on web development.

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

    Great! Thanks!

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

    very, again, very good!

  • @ashisharora9694
    @ashisharora9694 6 лет назад

    hello bro how ru . i need ur help , i want to learn only one in Angular , Vue and react . plz telme which is best in all . i saw ur video abt this topic. . i want ur personal opinion . if ur beginner then which will u select . plz tell me 1 .which one best in job n future .

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

      In the video I actually share my personal opinion Ashish, so I think I can't help you here, sorry :/

    • @ashisharora9694
      @ashisharora9694 6 лет назад

      bro no need for any sorry . i already saw ur that video . i know u love React heheehhe , love u . god bless u . keep smiling

  • @porco666
    @porco666 6 лет назад

    can you please make a serie teaching how to make some project, e.g. an api, using BDD? i would pay for that on udemy.
    BDD front end (vue, react) projects also is a rare content... i would pay fot that too...

  • @RohitKumar-yy8yh
    @RohitKumar-yy8yh 3 года назад

    How to cover onkeydown property

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

    How convenient would it be to tell my engineering manager - “hey I just decided to take a few functions in this micro service and slap em in a util file because Jest was busting balls”. Yaaaa… not likely. It would of been good to see the work needed to get a passing test with your application as is because that luxury of moving around functions for testing will not pass any PR.

  • @sourishdutta9600
    @sourishdutta9600 6 лет назад

    Hi Max can you please make a tutorial on Angular universal and Angular playground. please .............................

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

    what about Moxios ?

  • @jean-baptistelasselle4562
    @jean-baptistelasselle4562 4 года назад

    I like the funny accent lol
    The subject of vidéo is very pertinent thank u

  • @ahmedmusawir
    @ahmedmusawir 6 лет назад

    Can you plz help replace componentWillReceiveProps with componentWillReceiveProps ... there is pretty much no help on this anywhere ...

  • @alexandrovcharenko9769
    @alexandrovcharenko9769 6 лет назад

    really cool! thanks!

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

      Happy to read that you like it, thank you!

  • @Givemilesrewardmiles
    @Givemilesrewardmiles 6 лет назад

    Hey max, what is the best way to test the setState callback using mocha and enzyme?
    onChangeHandler(e) {
    const { state } = this.props;
    this.setState({ search: e.target.value }, () => {
    const { search } = this.state;
    autocomplete(search).then((suggestions) => {
    if (suggestions.length > 0) {
    this.setState({
    suggestions,
    });
    }
    });
    })
    }

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

    beautiful

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

    thanks man!

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

    You saved my life!

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

    Thanks a lot!

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

    Thank you!!

  • @tripathi.mridul
    @tripathi.mridul 4 года назад

    Awesome!!!!!!!

  • @tkdevlop
    @tkdevlop 6 лет назад

    let me guess moxios?

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

    awesome

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

    It just slow down the development

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

    app.js is not the same I got from github. Schade

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

    Thank you!!