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.
If you haven't worked with unit tests before, checkout the official solution for a detailed walkthrough.
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
Member discussion