Write React Testing Library unit tests for dispute_raise_modal

[francisdouglas-ux]

Problem & Goal

Add client-side layout test coverage files for dispute_raise_modal verifying correct node rendering.

Context & Components

• Target Repository: escrow-frontend
• Module/Component: dispute_raise_modal (Dispute raise confirmation modal)

Implementation Details

1. Review the existing codebase inside the escrow-frontend directory.
2. Locate the source files relating to dispute_raise_modal.
3. Implement the feature logic/validation rules step-by-step.
4. Ensure code conforms to codebase patterns (lints, formats, types).

Verification & Testing Requirements

• Validation check: Assert all tests compile and pass on clean runs.
• Add comprehensive test cases matching these validation requirements.
• Ensure all other existing project tests continue to compile and pass.

---

Note: This issue is completely self-contained and does not block or require any other issues to be resolved.

[acejayl]

@acejayl has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

I'd write React Testing Library unit tests for dispute_raise_modal covering the main flows. So basically: the modal renders when opened, required-field validation blocks submission and shows the error messages, a valid submission fires the expected handler/API call, and the modal closes and resets state afterwards. I'll query by accessible roles and labels where I can instead of test IDs, mock the API layer, and include an API-error rendering case too. Recent proof I deliver in this wave: my PR removing the 7 dead buttons in micopay-protocol (#366) merged this week with the full suite green. Happy to take it on.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @acejayl to this issue.

[Victorjonah-prog]

@Victorjonah-prog has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Hello maintainer, I’d like to apply for issue #339. I’ve reviewed the requirements and understand that the goal is to add reliable React Testing Library coverage for the dispute_raise_modal component and verify that it renders the expected DOM nodes correctly.

I can first review the existing modal implementation and the project’s current testing patterns, then create focused unit tests that match the component’s actual behavior and follow the repository’s existing conventions. I’ll cover the important rendering states and validation requirements rather than adding tests that are tightly coupled to unnecessary implementation details.

I’ll also verify that the tests compile and pass consistently on clean runs, while ensuring the existing test suite remains unaffected. I’ll follow the project’s linting, formatting, and type-checking requirements before submitting the changes.

I have experience with React, JavaScript/TypeScript, frontend development, and automated testing, and I’m comfortable working within an existing codebase and extending its test coverage without changing unrelated functionality.

I’m ready to start immediately and will make sure the implementation is clean, maintainable, and fully covered by the required tests.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Victorjonah-prog to this issue.

[blockchainrafik]

@blockchainrafik has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Hi maintainer,,
I will liike to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @blockchainrafik to this issue.

[drips-wave]

Congratulations, @blockchainrafik! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on August 31, 2026.

🧑‍💻 @blockchainrafik: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊