React Testing Library Tutorial #7 - Using Query Methods
ฝัง
- เผยแพร่เมื่อ 22 ก.ย. 2024
- Check out Laith's TH-cam channel for more tutorials:
/ @laithacademy
🐱💻 Access the course files on GitHub:
github.com/har...
🐱👤 Get access to extra premium courses on Net Ninja Pro:
netninja.dev
🐱💻 Full React Course:
• Full React Tutorial #1...
🐱💻 Social Links:
Facebook - / thenetninjauk
Twitter - / thenetninjauk
Instagram - / thenetninja
Knowing what to test, and even more importantly what NOT to test is the most important thing in testing. It's very easy to be inefficient and write useless tests, at which point it doesn't matter if you have any tests at all.
can you please tell what to test and what not to test? i am currently learning testing
This is a really good series. The way you built up the foundation was remarkable.
The most underated series. Thank you very much
Boss Shaun thanks for Hosting !!!!
sir Laith :D last few episodes are awesome !!!
Hello! I just finished your python beginner series please make the advanced one! This taught me so much. You are the best teacher out there!
Thanks so much!
i loved it , really well explained my friend ❤️
This is such an important topic but I never see good courses about it. In my personal projects I have difficulty in async functions, hope this series will answer my questions. Keep it up.
I love your way of explaining. Great series!
Thank you so much for this free course on Testing. I really appreciate the effort.
I have a suggestion please, use full screen of code editor at time, because Laith here has his sidebar, editor and terminal all open in same screen and I understand that he has a wide monitor so its not that difficult for him to keep track of whats where but my eyes are hurting looking at the screen even in full screen in TH-cam. So If possible can you do something about that in the future videos?
Great Course BTW!
Omg the best teaching video for testing man , really appreciate it :d
love it, thank Laith and The Net Ninja
thanks laith n shaun.
I think the test would provide more informative feedback if you prioritised finding by an attribute that is highly certain, such as testId, then asserting the expected text value instead of finding by the text value. It proves that the element is visible but may not have the expected text value instead of not finding the element at all.
beautiful series bro. Thank you
I wonder why we use async instead of normal arrow function inside the test/it blocks?
its because some of the query methods need to be `await`ed
Hi why is there async in the query method?
5:33 you almost turned into a brit for a split second there
interesting, but I don't get why use queryBy vs findBy, other than it sounds like queryBy is async. For me atm, it's not seeming to find "meetup" text within content of an a tag when I try to findby or queryby text for reasons unknown (trying to verify it can see the meetup url I have)
thanks
When u use any of the query methods, is the entire application checked for the element you're querying or is it just in the component
Can you use gRPC for your next tutorial?
Could you please bring videos on FIREBASE USING REACT AS it seems to be very difficult to understand from OTHER TH-cam VIDEOS and please please please create VIDEOS on ALL OTHER FIREBASE FUNCTIONS such as ( "" AUTH (phone email OAUTH etc..), CRUD, HOSTING using REACT. I'm Unable t learn from any other TH-cam Videos EXCEPT u. Please Please Please
The purpose of the tests ('should render same text passed into title prop') was never tested. You just found some header element.
Whats the main difference between test and it?
Great Video :)
.not chaining is really interesting (~14 min)
expect (headingElements. length). toBe(2) - toBe is also new from previous videos
Any MERN stack coming soon?
1:30 interesting...
Second
I'm pretty sure this guy likes cats
Man just show the easiest way or make a component which has div, section, p tag, links ... And show us how to write a test properly. You are like we can do that ... We can choose that... Bla bla bla bla options are never ending. In the end i have no idea how to choose a fucking h1 tag. This is not a good way to teaching. There is a reason we are watcing these videos instead of reading documentation.
Maybe you lack imagination or coding skills if that is hard for you to figure out. No offense!
This. Sucks. So. Much.
2:32 - 2:38 is THEE answer I've been looking for since yesterday. You're a god sent my G. S/O @Laith