Write component tests for a UI component
Writes component tests for one UI component that check what a user sees and does, not its internal state or implementation.
Task:
Write component tests for the UI component below, using [UI framework] and [test library].
Context:
The component is used for [what it does for the user]. I want tests that still pass after I refactor its insides.
Rules:
- Read the component first and list its props and the user actions it supports.
- Test what the user sees and does: rendered text, clicks, typing, and keyboard use.
- Cover the empty, loading and error states if the component has them.
- Do not test private state or implementation details.
Result:
The list of props and actions in at most five lines, then one code block with the tests. Add one sentence naming the state you think is most likely to break.
Material:
[paste the component code here]