5, 10 or 20 seats+ for your team - learn more
It’s week number five for you at SongRiver, a music-streaming startup whose success is soaring. You’ve been working on an employee directory that helps users find employee information and send each other digital recognition badges. Your task this week is to create and automate tests to ensure the app works correctly, especially after updates.
Using Jest and the React Testing Library, you’ll write a test for the badge component that checks for the badge name and image. You’ll create and test a custom render method for React Testing Library, a must for preventing errors while rendering components that require React Router. Using mocked data, you’ll test components that fetch data. You’ll also write tests for the “Add Badge” component, using user-events to simulate user interactions with components. When you’re done, you’ll have created an automated test suite that empowers you and your colleagues to update the directory app with confidence.
This liveProject is for web developers with intermediate React, React Router, and React Query experience who want to learn automated testing for React apps. To begin these liveProjects you’ll need to be familiar with the following:
TOOLSIn this liveProject, you’ll learn to use React tools to write and automate tests that ensure application components function as expected.
geekle is based on a wordle clone.