Build a button using test driven development
Try out test driven development by building a simple button component.
For this exercise, you're given a set of failing unit tests.
Get the tests to pass by implementing the Button component!
You can clone this repo to run the test locally.
Happy coding!
Note: The test uses jest and React Testing Library
What you'll learn
- rendering components in a test context using React Testing Library
- basic RTL methods -
getByRole,getByText - basic RTL assertions -
expect(...).toBeInTheDocument,expect(...).toHaveBeenCalled - troubleshooting tests with
screen.debug - mocking event handlers with jest mocks
- simulating user interactions using @testing-library/user-event v14
- async tests
💡
Ready to check your work?
Become a member and get access to the official solution and the comments section for feedback and discussion.
Become a member and get access to the official solution and the comments section for feedback and discussion.
Member discussion