Skip to content

Add Comprehensive End-to-End Component Tests for Group Creation and Splitting Flow #379

Description

@Cjay-Cyber-2

Description — what to implement and the why/impact.

Expand the test suite by adding rigorous component integration tests using Testing Library for the complete group creation and expense splitting workflow.

Context & Requirements — background, constraints, design references, edge cases;

Ensuring stability across multi-step forms like group creation, member addition, and expense splitting prevents regressions during UI refactors.

Acceptance Criteria — a checklist ("- [ ] ...") of specific, testable conditions that define "done`.

  • Add test suite in src/components/groups/__tests__/GroupFlow.test.tsx.
  • Mock React Query providers and wallet connection states correctly.
  • Verify form validation errors and successful submission paths.

Implementation Guidance — likely files/modules to touch and a suggested approach

Follow existing test setups using @testing-library/react and Vitest. Ensure all async operations are properly wrapped in waitFor or act.

Testing & Validation — how the contributor should prove it works

Run npm test and ensure all tests pass successfully with zero flaky assertions.

Submission Guidelines — must open a PR that includes "Closes #"; assignment is required before starting.


Wave complexity: Medium

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions