Skip to content

Phase 4: Group create modal E2E spec #2040

@aasimsyed

Description

@aasimsyed

Subtask of #1994 (Phase 4 of E2E Create Flows epic). Depends on Phase 1 (#1995 — Create dropdown and modal page objects). Follow the same patterns as Phase 2 (#1996 — Event create) and Phase 3 (#2039 — Organization create).

Scope

Add E2E spec for the Group create modal (ModalCreateGroup): open from Create dropdown, assert modal and its two steps (Group details → Location), validation (missing name and/or organization, etc.), full flow through submit, Previous button, and modal close.

Deliverables

1. Spec file

  • Add frontend/test-e2e/specs/all/create-flows/group-create-modal.spec.ts.
  • beforeEach: Navigate to a page where sidebar is visible (e.g. /en or /home); use default global storage state (signed-in); open left sidebar (newSidebarLeft(page), sidebarLeft.open()); open Create dropdown and click New group (newCreateDropdown(page), createDropdown.clickNewGroup()). Use newCreateGroupModal(page) in tests as needed.

2. Test cases

  • Modal opens — After Create → New group, assert modal-ModalCreateGroup visible and heading for “Create a New Group” (or i18n via getEnglishText("i18n.components.modal_create_group.create_new_group")).
  • Step 1 — Group details validation — Omit required fields (e.g. name, description/tagline as required by the form, or no organization selected); click Next step; assert validation messages and modal stays open.
  • Step 1 → 2 — Details filled — Fill name, description/tagline, select an organization from the combobox; click Next step; assert step 2 (Location: country, city) visible.
  • Full flow — Group details (with org) → Location → Submit. Assert modal closes; optionally assert no error or success toast.
  • Previous button — From step 2, click Previous; assert step 1 visible with data retained.
  • Modal close — Open modal, click data-testid="modal-close-button"; assert modal hidden.

3. Notes

  • Group details require a parent organization in the combobox; rely on backend/seed or fixtures (same theme as event create org combobox).
  • Mirror locator and interaction style from CreateGroupModal (frontend/test-e2e/component-objects/CreateGroupModal.ts) and from event-create-modal.spec.ts / organization-create-modal.spec.ts where applicable.
  • Use fixed locale (e.g. en) and getEnglishText() for heading and button assertions.

Metadata

Metadata

Assignees

No one assigned

    Labels

    frontendRelates to the project frontendtypescriptRelates to TypeScript code

    Type

    Projects

    Status

    Todo

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions