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.
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
frontend/test-e2e/specs/all/create-flows/group-create-modal.spec.ts./enor/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()). UsenewCreateGroupModal(page)in tests as needed.2. Test cases
modal-ModalCreateGroupvisible and heading for “Create a New Group” (or i18n viagetEnglishText("i18n.components.modal_create_group.create_new_group")).data-testid="modal-close-button"; assert modal hidden.3. Notes
CreateGroupModal(frontend/test-e2e/component-objects/CreateGroupModal.ts) and fromevent-create-modal.spec.ts/organization-create-modal.spec.tswhere applicable.getEnglishText()for heading and button assertions.