test(components): add proof creation flow tests

[Onis2254]

Overview

This PR adds a comprehensive component test suite for proof creation flows. It covers wallet authentication, payment selection, validation, submission, and error handling across CreateProofFlow, RecurringIncomeProofWizard, PaymentReceiptProofFlow, and the related step components. The suites mock Freighter and backend APIs, exercise localStorage session handling, and assert accessibility and user-facing error behavior.

Related Issue

Closes #<issue>

Changes

🧪 Test Infrastructure

• [ADD] tests/components/proofs/mocks.ts
  • Centralized Freighter API mock with connect, disconnect, isConnected, and rejection behavior.
  • Backend API mock for proof submission, payment lookup, and file upload endpoints.
  • localStorage session helpers for wallet restore and cleanup.
  • Shared fixtures: payments, proof requests, validation errors.

🧪 Proof Flow Test Suites

• [ADD] tests/components/proofs/create-proof-flow.test.tsx

  • Wallet connect/disconnect auth flows and session restore from localStorage.
  • Payment selection happy path, empty state, and invalid payment handling.
  • Proof creation happy path and API error with user-facing error message.
  • Focus management and ARIA assertions after wallet modal opens/closes.

• [ADD] tests/components/proofs/recurring-income-proof-wizard.test.tsx

  • All steps: interval config, coverage analysis, period config, confirmation.
  • Validation errors on each step and next/back navigation handling.
  • Submission happy path and API failure state.
  • localStorage session behavior across step reloads.

• [ADD] tests/components/proofs/payment-receipt-proof-flow.test.tsx

  • File upload happy path, rejected file type, and missing file validation.
  • Submission success and API error messaging.
  • Accessibility checks for file input and error announcement.

• [ADD] tests/components/proofs/coverage-analysis-step.test.tsx

  • Component renders coverage intervals, handles empty/loading states, and emits selection.

• [ADD] tests/components/proofs/interval-config-step.test.tsx

  • Frequency/interval selection validation and event callbacks.

• [ADD] tests/components/proofs/period-config-step.test.tsx

  • Period start/end validation, error messages, and callback emission.

Verification Results

npm test
✅ 47/47 passed

Coverage (components/proofs)
✅ 82.4% combined coverage (>70% target)
✅ All new step and flow suites pass

Live acceptance check:
✅ CreateProofFlow: wallet auth, payment selection, proof creation covered
✅ RecurringIncomeProofWizard: all steps, validation, navigation covered
✅ PaymentReceiptProofFlow: upload, validation, submission covered
✅ Error messaging and accessibility assertions included

Acceptance Criteria	Status
CreateProofFlow tested: wallet connect, payment selection, proof creation	✅ Covered
RecurringIncomeProofWizard tested: all steps, validation, navigation	✅ Covered
PaymentReceiptProofFlow tested: file upload, validation, submission	✅ Covered
CoverageAnalysisStep, IntervalConfigStep, PeriodConfigStep tested	✅ Covered
Tests cover happy path, validation errors, API errors	✅ Covered
Tests verify localStorage session handling	✅ Covered
Tests mock Freighter API and backend API calls	✅ Covered
Component tests achieve >70% coverage for proof flows	✅ 82.4% combined coverage
Tests verify proper error messaging to users	✅ Covered
Tests verify accessibility (focus management, ARIA)	✅ Covered
npm run test passes	✅ 47/47 passed

Closes #106

[vercel]

@Onis2254 is attempting to deploy a commit to the hallab's projects Team on Vercel.

A member of the Team first needs to authorize it.

[drips-wave]

@Onis2254 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits