I like the way you “teach” in your videos. Step by step. Thanks
@SelfTeachMe
3 жыл бұрын
🙌🏻 Glad you found it helpful!
@nelsonfrank
3 жыл бұрын
This save my day at work, i learned here to write my first react test, Thank you so much.
@SelfTeachMe
3 жыл бұрын
Woo Hoo! Love hearing that!
@TeoTheodoridis
3 жыл бұрын
Nice tutorial! Your positive energy makes me always want to learn more and more. Great teaching.
@SelfTeachMe
3 жыл бұрын
Thanks! Love this!
@nareshnv9361
2 жыл бұрын
Thank you so much. Great step-by-step tutorial.
@chromosundrift
3 жыл бұрын
This is good thanks. I appreciate how you show the intermediate errors you faced. I'd love to learn more about other matchers. Snapshots will be a bit brittle in my situation because I'm exploring big changes. Narrower expectations would allow me to reduce synthetic test failures under heavy changes. I'll check out your other vids. Thanks again.
@SelfTeachMe
3 жыл бұрын
Yes! Snapshot tests can be brittle.... I don't know if this is helpful or not, but on September 3, 2021 9:00am CST I have one of my friends coming on my Twitch Channel (twitch.tv/selfteachme) to explain testing React Hooks. 🤩
@netanelvaknin579
2 жыл бұрын
Great video! Thank you so much! I like your positive energy 😊👌
@SelfTeachMe
2 жыл бұрын
Thanks! Appreciate that!
@alex-dk2rj
2 жыл бұрын
That was a well done tutorial. Great job.
@catceiling
4 жыл бұрын
Thank you for the video! easy to follow and understand. :) I was wondering if you have plans to cover testing components that use React.Lazy and React.Suspense?
@SelfTeachMe
4 жыл бұрын
That's a great suggestion! I'll add it to my list.
@hermannhetzel2883
3 жыл бұрын
Hey, Thank you! It's really detailed made. Maybe after this video I'll use the console.log less often :D
@SelfTeachMe
3 жыл бұрын
Haha! I still heavily rely on console.log.
@bryanjastrzembski711
2 жыл бұрын
What plugin or setting is making the equal signs in your comment titles into solid bars?
@SelfTeachMe
2 жыл бұрын
It's the font. I believe I'm using Dank Mono. It has different ligatures so that certain characters are rendered differently. -- For example -> gets turned into an actual arrow. Less than or equal to (=) have their own characters too.
@bryanjastrzembski711
2 жыл бұрын
@@SelfTeachMe Awesome thanks for that, and thanks for the video!
@evenstartherapy
3 жыл бұрын
Hi! The music in the background makes it really hard to focus on learning the material. Would it possible to upload the same videos without background music? Anyway, thank you very much! :)
@SelfTeachMe
3 жыл бұрын
Thanks for the feedback. I'll keep that in mind.
@carloseduardoperezmendoza495
3 жыл бұрын
I haven't thought about the music till I read the comment.. anyways, great content 👌🏻
@evgeniysurma8116
3 жыл бұрын
Great tut! Thanks for all these errors in the video, so it was like "real life" example
@SelfTeachMe
3 жыл бұрын
Awesome! Thanks for comment!
@maxtayebwa8987
4 жыл бұрын
Awesome, Emi!
@SelfTeachMe
4 жыл бұрын
Thanks!!
@sagardhandhalya2067
3 жыл бұрын
thank you for this video, I did not get one thing you have very small content on tab like something , else whta if i have whole page ?? do i have to copy that in testing file ?
@SelfTeachMe
3 жыл бұрын
If you’re using the same implantation, you should be able to add as much content as you want. Then the same testing file should work
@yogenp
3 жыл бұрын
Great tutorial.
@SelfTeachMe
3 жыл бұрын
Thank you!
@jacobcambell
2 жыл бұрын
Thanks for sharing well explained
@SelfTeachMe
2 жыл бұрын
Yeah!! Glad you found it helpful.
@krtrvi
4 жыл бұрын
Your vscode setup looks awesome. What is the italic font family you use?
@SelfTeachMe
4 жыл бұрын
Thanks! I'm using Dank Mono: gumroad.com/l/dank-mono
@jesusmariacasaltorres2488
3 жыл бұрын
Great video I learned a lot! One question: why do you make a separate test to check if the component mounts? do all other tests not fail anyway if the component can not mount?
@SelfTeachMe
3 жыл бұрын
Jesus // Great question! Part of testing is trying to narrow down exactly where your code is breaking down. I've found that the component mount test is an easy way to see if there's an error in the component code itself vs the component's functionality. The best real-world, use case I've found for this test: I was brought into a project that had very little, if any, tests and the app was crashing. I quickly dropped this "component mount" test on every component. Very quickly, that one test helped me identify where the problematic component was. From there, I could fix the component and expand out my test suite.
@jesusmariacasaltorres2488
3 жыл бұрын
@@SelfTeachMe Thanks for your response! Now it makes perfect sense.
@Ismael.9981
3 жыл бұрын
Thanks for share your knowladge
@SelfTeachMe
3 жыл бұрын
Happy to!
@dyunior
3 жыл бұрын
Thank you, subbed!.. more test and testing frameworks? :P ...
@SelfTeachMe
3 жыл бұрын
Thanks! …. If you’re looking for more, check out Cypress. All the tests are run in browser, exactly as the user would see and interact with your site
@heavydirtysoul1491
3 жыл бұрын
My VSC by default makes a save for a file after I switch to any other file. It invokes the tests to run every single time when I switch between files. Should I change those saving settings? Have you changed?
@heavydirtysoul1491
3 жыл бұрын
BTW thanks for the video, i followed it from start to finish and got a general grasp of what is going on in testing react components. Thanks to you!!!
@SelfTeachMe
3 жыл бұрын
I have it set up to re-run a test anytime a file changes on save. I think the settings you have are fine unless of course it starts causing problems in your workflow. - like tests are constantly failing because you switched tabs instead of saving when you’re ready for the test to run.
@heavydirtysoul1491
3 жыл бұрын
@@SelfTeachMe Yes, this is exactly what I mean - because of that save-on-tab-switch option, tests are getting run when I don't want them to be run.
@MehmetSTanas
3 жыл бұрын
Great tutorial. Thank you. Could you share your VS Code theme and font family :)
@SelfTeachMe
3 жыл бұрын
Sure! I’m using the Cobalt 2 theme and (I think) I’m using the Fira Mono font here. Recently I’ve been using Dank Mono instead. I like the ligatures in Fira but I like Dank’s italics better
@aadil4236
3 жыл бұрын
Hey, I'm halfway through the video. I just have one issue with my react application. I'm using useReducer to manage my state, but I can not destruct anything from the global state in my functional component. In my test it says cannot destructor the property as it is undefined. The application runs fine in the browser but the test fails. can you tell me what I'm doing wrong..??
@SelfTeachMe
3 жыл бұрын
Hey Jon. Off the top of my head I’m not sure what the issue is. Can you send me a GitHub link? I’m happy to take a look.
@aadil4236
3 жыл бұрын
@@SelfTeachMe Sure, why not here's the link github.com/aadil42/wordCampEvents The name of the test file is calendar.test.js. and the application displays past and future events of the WordCamp events. Thank you so much for this I really appreciate it. It is not every day you meet nice people on the internet.
@aadil4236
3 жыл бұрын
it's been 3 days this is a kind reminder, in case you forgot about it. Thank you.
@kushaluk2381
3 жыл бұрын
is this hooks based or component based ?
@SelfTeachMe
3 жыл бұрын
Component based. But a testing video with hooks is a good idea.
@kushaluk2381
3 жыл бұрын
@@SelfTeachMe I don't how to test in hooks..can you help me on that?
@ruslanalmukhanov8739
4 жыл бұрын
You are awesome, I like your writting code
@SelfTeachMe
4 жыл бұрын
Thanks!
@ayhanexe9455
3 жыл бұрын
qağa sen nağarsan burda
@manishthomas341
3 жыл бұрын
I just found your channel...! Great Videos.
@SelfTeachMe
3 жыл бұрын
Awesome! Thanks Manish! ... also have to take requests if there’s a specific topic you’d like me to cover ☺️
@manishthomas341
3 жыл бұрын
@@SelfTeachMe It would be great if you could do a series on Next.js in-depth with typescript ... also would be interested in React Query, React Hook Forms, Framer Motion, Vue….etc. 😇
@SelfTeachMe
3 жыл бұрын
@@manishthomas341 Yes! I can definitely cover some of those! I absolutely love React Hook forms, Next.js, and Framer Motion
@manishthomas341
3 жыл бұрын
@@SelfTeachMe Wow…..Amazing if possible you can add CSS Flexbox, Grid and CSS-in-JS to the list. ✌️
@SelfTeachMe
3 жыл бұрын
@@manishthomas341 😂 will do! In the meantime Wes Bos has an excellent series (free) on flexbox and CSS grid
@hameedmajeed366
2 жыл бұрын
love you
@SelfTeachMe
2 жыл бұрын
Thanks!
@avimehenwal
3 жыл бұрын
I wrote 54 tests in last month and they are still failing ..... :( This is one of the most challenging task that I have undertaken in my professional career yet
@SelfTeachMe
3 жыл бұрын
Ugh. I know that’s frustrating. When I’ve had a lot of failing tests, I’ve tried to focus on one test at a time. Sometimes (if you’re lucky) it’s one thing that’s causing everything else to fail.
@avimehenwal
3 жыл бұрын
@@SelfTeachMe Thankyou so much for the tip. By the way, I have been thinking to ask you a rather broad question, hope you can help me here. "How to decide what to test for a enterprise real-time webapp?" Are there any good resources, books on this topic. I find it hard to decide what and how to test
@SelfTeachMe
3 жыл бұрын
Start by thinking about how the user interacts with the app. If you can list out all the things they do or all the things they expect to see, those are the things you want to test. Start by thinking through the happy path. If everything goes smoothly, this is what should happen. Then, start thinking through the problems - if the user didn’t fill out a form field or if their verification code doesn’t match.
@avimehenwal
3 жыл бұрын
@@SelfTeachMe That makes sense. I will start with use-cases and happy paths. Super thanks (Y) you are a Diva :)
@SelfTeachMe
3 жыл бұрын
Sure thing! Happy to answer any other questions you might have. I know testing is hard and confusing and frustrating all wrapped into one. But, I do believe at the end of the day, it is worth it because you can have the confidence your code is working.
@whitehat4u
3 жыл бұрын
It could be nice to have you in our videos! :)
@SelfTeachMe
3 жыл бұрын
Maybe one day!
@amguruprasath8037
3 жыл бұрын
github ending point not updated
@SelfTeachMe
3 жыл бұрын
Ahh! Thanks for pointing that out.
@markopavlovic6066
2 жыл бұрын
UDAJ SE ZA MENE
@SelfTeachMe
2 жыл бұрын
😁 You're too kind
@AnthonyPaulT
2 жыл бұрын
These tests are useless. You should not make testing video, you are teaching the wrong way do testing
Пікірлер: 81