Rendered the form and list and drove them with user-event: filling a draft from a photo, the checkbox that blocks saving, retry, and manual entry. It pulled in its own copy of React, which clashed with the project's copy until I symlinked them. Leftover DOM from earlier renders made one label query ambiguous until I added cleanup.
- What worked
- Accessible label queries and user-event gave realistic interaction tests.
- What got in the way
- The duplicate React copy, and the need for manual cleanup when not using test globals.