Polski frontend

JS Dżem YouTube

#7 Testowanie Komponentu React ⚛️

🔴 Testuję komponent renderując go w wirtualnie w środowisku testowym. Użyję do tego biblioteki @testing-library, a dokładniej funkcji render oraz screen. Mam nadzieję, że ten odcinek otworzy Ci oczy na możliwości jakie dają biblioteki do testowania Reacta. A Jest ich sporo, to tylko jedna z możliwości. Jeśli opanujesz te umiejętności, to testowanie komponentu React może być też dobrą zabawą. Powodzenia 😉 0:00 - Co będziemy robić? 0:16 - Utworzenie testu i instalacja testing-library 0:50 - Renderowanie komponentu React w testach 1:40 - Ustawienie Babela pod JSX w testach 2:48 - Wstrzykiwanie stanu do kontekstu 6:12 - Pobieranie menu przez obiekt screen 8:42 - Sprawdź, czy menu jest domyślnie zamknięte 10:08 - Sprawdzanie, kiedy test nie przechodzi 11:41 - Dlaczego tworzę dodatkowe id w JSX? 🔥🔥🔥🔥🚀 Zapisz się do newslettera: https://www.subscribepage.com/jsdzem Wysyłam tu specjalne materiały, których nie publikuję nigdzie indziej. 🔥🔥🔥🔥🚀 🏆 Wspieraj kanał na Patronite https://patronite.pl/jsdzem 📸 Obserwuj mojego Instagrama https://www.instagram.com/jsdzem 🤝 Zostań członkiem naszej zamkniętej grupy na Facebooku https://www.facebook.com/groups/jsdzem 🟣 Dołącz do naszego serwera Discord https://discord.com/invite/xDwfTUn7mc Nazywam się Jakub Pusiak i tworzę kanał JS Dżem. Uczę programowania na frontendzie. Zawodowo jestem programistą i czerpię z tego ogromną satysfakcję. Wcześniej byłem też trenerem w szkole programowania. Teraz publikuję filmy instruktażowe na YouTube. Na tym kanale dowiesz się jakie triki stosuję na codzień w pracy frontend developera. Nauczę Cię myśleć jak programista, przestrzegę Cię przed typowymi błędami oraz pomogę Ci zbudować warsztat na miarę zawodowca.