0351e967c0
Backend: migration 007 adds a case-insensitive unique index on user names per event. join endpoint returns 409 conflict when the name is taken. find_by_event_and_name uses LOWER() for case-insensitive recovery. Frontend: join page handles 409 with a name-taken view — amber warning, name-choice tips, inline PIN recovery form, and "Anderen Namen wählen" button. Test guide updated with Steps 8 and 9. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
3.2 KiB
3.2 KiB
Frontend Testing — Step by Step
Please test each step in order and report any errors (console errors, wrong text, broken UI, API errors).
Step 1 — Join flow + PIN modal
- Open http://localhost:5173/ in your browser (or navigate there if already open)
- You should land on the join page (
/join) with a name input - Enter your name (e.g.
Max) and click Beitreten - ✅ Expected: A modal appears showing your 4-digit PIN in large monospace font with a "Kopieren" button
- Click Weiter zur Galerie
Step 2 — Onboarding guide
- You should land on the feed page (
/feed) - ✅ Expected: A dark overlay appears at the bottom (or center on desktop) — the onboarding guide — showing step 1 of 4 with a step indicator and the Willkommen screen
- Click Weiter through all 4 steps, then Los geht's!
- ✅ Expected: Overlay disappears
Step 3 — Feed & navigation
- ✅ Expected: Feed shows "Noch keine Fotos." empty state with an upload button
- ✅ Expected: Top-right has an upload button (blue) and a person icon link
Step 4 — My Account page
- Click the person icon in the top-right
- ✅ Expected:
/accountpage shows your name (Max), a blue "Gast" badge, session expiry date, and your PIN displayed large in an amber box - Click Kopieren — check clipboard contains your PIN
- ✅ Expected: Button briefly shows "Kopiert!"
- Click Zur Galerie to go back to the feed
Step 5 — Upload
- Click Hochladen — this takes you to
/upload - Try uploading a photo from your device library
- ✅ Expected: Photo appears in queue with a progress bar, then completes
- Go back to
/feed— ✅ Expected: your photo appears in the feed grid
Step 6 — Onboarding guide not shown again
- Reload the page at
/feed - ✅ Expected: The onboarding overlay does not appear (already dismissed)
Step 7 — Recover (open a private/incognito window)
- Open a new private/incognito window at http://localhost:5173/recover
- Enter the same name (
Max) and the PIN you copied - ✅ Expected: You're redirected to the feed with the same account
Step 8 — Upload rate-limit auto-retry
- Upload more than 20 photos in one hour to trigger the rate limit
- ✅ Expected: When the limit is hit, remaining items stay Wartend (not error)
- ✅ Expected: An amber banner appears in the queue: "Upload-Limit erreicht. Wird in Xs automatisch fortgesetzt."
- ✅ Expected: The countdown ticks down and uploads resume automatically when it reaches 0
Step 9 — Name uniqueness (case-insensitive)
- In a private/incognito window go to http://localhost:5173/join
- Enter
maxorMAX— the same name already taken in Step 1 (different case) - ✅ Expected: Instead of creating a new account, an amber warning appears: „Max ist bereits vergeben." with name tips
- ✅ Expected: A PIN input and Anmelden button appear, plus an Anderen Namen wählen button
- Enter your PIN from Step 1 and click Anmelden
- ✅ Expected: You're signed in to the existing
Maxaccount and redirected to the feed - Alternatively, click Anderen Namen wählen — ✅ Expected: the name input reappears with
maxpre-filled so you can edit it