1 min read

Build a button using test driven development

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.

Get the React Practice Calendar!

28 days of focused practice of increasing difficulty, going through everything from Fundamentals, Data fetching, Forms and using Intervals in React.

You will also get notified whenever a new challenge is published.