chahinebrini 3c52d8869e feat(native): WIP checkpoint — Profile/Settings/Demographics + WheelPicker + Maestro
Rollback-Punkt vor Expo SDK 54 / RN 0.81 Upgrade.

UI/UX:
- Profile: ProfileHeader redesign (sign-in chip + member-since), StatsBar 3 pill cards,
  Demographics accordion completed (Geburtsjahr, Geschlecht, Familienstand, Beruf-split,
  Wohnort), Pro-Trial-Banner, Approved-Domains list, DigaMissionBanner
- Settings: section-based layout, neutral icons (matched Header dropdown style)
- Header dropdown: extended with logout + games-page link
- Notifications page: skeleton dummy data
- Locales: i18n keys for new screens

New components:
- WheelPickerModal: native iOS UIPickerView wheel for long lists (Geburtsjahr 91 items,
  Bundesland 16, Stadt 30+/Bundesland)
- OptionsBottomSheet: iOS-style options sheet (used briefly for Geschlecht, currently
  unused — kept for potential future use)
- germanCities.ts: Top-cities per Bundesland (DSGVO-clean static data)

New libs (NewArch-codegen verified):
- @react-native-menu/menu 2.0.0 (UIMenu wrapper, Apple HIG-konform)
- @lodev09/react-native-true-sheet 3.10.1 (UISheetPresentationController wrapper —
  ABER incompatible mit RN 0.79.6, Build-Error → Trigger für SDK-54-Upgrade)

Maestro E2E:
- Initial setup mit auth/community/profile/urge flows

Scripts:
- build-ios-clean.sh: Xcode DerivedData + ios/build cleanup vor expo run:ios

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-08 19:32:27 +02:00

77 lines
2.9 KiB
YAML

# urge/start-session.yaml
# User-Journey: Login -> Home -> Header-Dropdown oeffnen -> SOS tippen -> Urge/Lyra-Screen laden.
# Prueft: SOS-Einstiegspunkt im HeaderDropdownMenu ist sichtbar und navigiert korrekt.
#
# Pre-requisite: App installiert, E2E_TEST_USER eingeloggt (oder clearState + frischer Login).
# Env-Vars: E2E_TEST_USER, E2E_TEST_PASSWORD
appId: org.rebreak.app
---
- launchApp:
clearState: true
- waitForAnimationToEnd:
timeout: 5000
# --- Auth ---
- assertVisible:
text: "E-Mail"
- tapOn:
text: "E-Mail"
- inputText: ${E2E_TEST_USER}@rebreak.internal
- tapOn:
text: "Passwort"
- inputText: ${E2E_TEST_PASSWORD}
- tapOn:
text: "Anmelden"
- waitForAnimationToEnd:
timeout: 8000
# --- Home-Screen erreicht ---
- assertVisible:
text: "ReBreak"
# Avatar-Button (Header rechts) oeffnet das HeaderDropdownMenu (Modal).
# Der Avatar hat keinen testID -> tippen auf den Initials-Text oder Avatar-Bereich.
# Maestro kann auf accessibilityLabel matchen, falls gesetzt. Aktuell nicht gesetzt.
# Robustester Weg: tapOn text des SOS-Labels direkt wenn sichtbar, sonst Avatar-Tap first.
# Avatar ist ein Pressable ohne Text -> swipeRight oder koordinaten-basierter Tap waere
# fragil. Wir tippen stattdessen auf den bekannten Notifikationen-Button (links vom Avatar)
# um sicherzugehen dass wir im richtigen Header sind, dann auf den SOS-Button.
# Seit HeaderDropdownMenu kein accessibilityLabel hat: tapOn text "SOS" direkt nach Modal-Open.
# Schritt 1: Avatar-Pressable. Kein Label -> tippen auf "ReBreak" Text-Bereich funktioniert
# nicht (Text != Button). Wir nutzen einen direkten tapOn auf "SOS" welcher nur im
# geoffneten Dropdown erscheint. Dafuer muss das Dropdown erst offen sein.
# Da kein testID/label: Nutze point-tap am oberen-rechten Rand wo Avatar sitzt.
# HINWEIS fuer den User: Avatar-Button braucht accessibilityLabel="open-menu" damit
# dieser Tap stabiler wird. TODO: testID="header-avatar-btn" in AppHeader ergaenzen.
- tapOn:
point: "93%, 6%"
- waitForAnimationToEnd:
timeout: 2000
# Dropdown ist jetzt offen. SOS-Label ist "SOS" (appHeader.sosLabel, de.json Z.94).
- assertVisible:
text: "SOS"
- tapOn:
text: "SOS"
- waitForAnimationToEnd:
timeout: 6000
# Urge/SOS-Screen: Die RiveAvatar + initial Lyra-Nachricht werden geladen.
# Wir pruefen auf den Text-Input am unteren Rand (Urge-Screen hat einen Chat-Input).
# Kein testID -> assertVisible auf etwas das nur im SOS-Screen existiert.
# Der SOS-Screen hat keine eindeutige Headline. Wir pruefen den Input (placeholder).
# urge.tsx: placeholder aus t('urge.inputPlaceholder') oder aehnlich.
# Sicherer Fallback: waitForAnimationToEnd und dann kein Crash = Screen geladen.
- waitForAnimationToEnd:
timeout: 4000
# Urge-Screen: Chat-Input hat Placeholder t('coach.placeholder') = "Was beschaeftigt dich?"
# (de.json Z.145). Dieser Text existiert nur auf dem SOS/Urge-Screen.
- assertVisible:
text: "Was beschäftigt dich?"