Files
GearBox/.planning/phases/30-onboarding-redesign/30-UAT.md

2.2 KiB

status, phase, source, started, updated
status phase source started updated
partial 30-onboarding-redesign
30-01-SUMMARY.md
30-02-SUMMARY.md
30-03-SUMMARY.md
2026-04-12T19:30:00Z 2026-04-12T19:40:00Z

Current Test

[testing complete]

Tests

1. Onboarding triggers on first login

expected: After creating a new account and signing in for the first time, a full-screen onboarding flow appears (not the old small modal wizard). result: pass

2. Welcome step

expected: First screen shows a welcome message with a "Get Started" button. Full-screen, big visuals, immersive feel. result: pass

3. Hobby picker (required step)

expected: Second screen shows hobby cards with icons (Bikepacking, Hiking, Climbing, Cycling, etc.). You can select one or more. This step cannot be skipped. result: issue reported: "Works but selected cards need stronger visual distinction — dark gray fill with inverted text/icon instead of just a border change." severity: cosmetic

4. Item browser

expected: After picking a hobby, you see a grid of popular catalog items filtered by that hobby. result: blocked blocked_by: server reason: "Catalog is empty on test server — no items to browse. Needs seed data migration for test env."

5. Review screen

expected: After selecting items, a review/summary screen shows all selections grouped by category. result: blocked blocked_by: server reason: "Depends on test 4 — no catalog items to select."

6. Completion and collection

expected: After confirming, items are batch-added to collection with auto-created categories. result: blocked blocked_by: server reason: "Depends on test 4 — no catalog items to select."

7. Onboarding doesn't show again

expected: Refresh the page or sign out and back in. Onboarding does NOT appear again. result: pass

Summary

total: 7 passed: 3 issues: 1 pending: 0 skipped: 0 blocked: 3

Gaps

  • truth: "Selected hobby cards should have strong visual distinction" status: failed reason: "User reported: selected cards need dark gray fill with inverted text/icon, not just border change" severity: cosmetic test: 3 artifacts:
    • src/client/components/onboarding/OnboardingHobbyPicker.tsx missing:
    • Stronger selected state styling (dark bg, inverted colors)