Files
halobestie-clone/mitra_app/.maestro/flows/ts-mitra-1-02-home_offline_renders.yaml
Ramadhan Sjamsani fbc94daac7 Mitra Bestie §1–§3: shell + Undangan + popup + chat polish
Brings the mitra app to figma-bestie parity for Home (§1), Undangan
inbox with Curhat Baru + Perpanjang tabs (§2), and the incoming-popup
+ active-chat flow (§3). Home now lives inside a StatefulShellRoute
with BestieTabBar so Profil + Undangan + Home share one shell.

- Shell: features/shell/ (StatefulShellRoute, BestieTabBar, 3 branches)
- Undangan: features/undangan/ — Curhat Baru reads
  chatRequestProvider.pendingInvites; row Terima delegates accept to
  the notifier and ChatRequestOverlay owns nav (no double-push).
  Perpanjang tab stubbed (empty state) until backend exposes
  pendingExtensionsProvider.
- Profil: features/profile/ — Bestie-styled stub
- Home: refactored to body-only (shell owns chrome)
- Popup: chat_request_overlay + chat_request_notifier updated to
  serve the list rows, not just the modal
- Chat: mitra_chat_screen polish
- Theme: accentAmber tokens for the Perpanjang tab + halo_orb widget
  (loading spinner used by undangan list states)
- Login: replace broken GoRouterState location guard with
  _expectOtpPush flag — was stacking duplicate /otp pages on OTP
  resend (see project-otp-nav-bug-fixed-2026-05-21)

Maestro:
- 17 new flows under .maestro/flows/ts-mitra-{1,2,3}-* covering home
  online/offline variants, undangan empty/populated/tolak states,
  popup curhat-baru → accept → chat → ended banner, plus popup
  dismiss/expire/cancelled edge cases
- 4 new §A OTP flows (07/08/09/10) for invalid/mismatch/expired/cooldown
- Helper scripts: force_mitra_online/offline, force_pairing_timeout,
  force_session_expires_at, delete_mitra_status_row,
  customer_blast_now (js), customer_cancel_latest_blast
- Backend: POST /internal/_test/delete-mitra-status-row supports the
  "fresh mitra with no status row" test setup

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-21 11:14:30 +08:00

75 lines
2.3 KiB
YAML

# ts-mitra-1-02 — §1 Bestie Home (offline variant) renders
# Spec ref: requirement/flow_mitra.mermaid.md §1 + figma BestieHomeOffline (v5.jsx:188)
#
# Same auth as 1-01 but the mitra is forced OFFLINE in the DB before the
# app launches. The status_notifier's GET /api/mitra/status returns
# is_online=false on load → the home renders the offline variant: 🌙
# greeting, 😴 OFFLINE card, "Nyalain Status (Online)" CTA, and crucially
# NO tiles / NO Pengingat (those are online-only chrome).
appId: com.mybestie.mitra
env:
TEST_PHONE: "+628200000702"
MITRA_DISPLAY_NAME: "Maestro Home Offline"
BACKEND_INTERNAL_URL: http://localhost:3001
---
- runScript:
file: ../scripts/seed_mitra.js
env:
TEST_PHONE: ${TEST_PHONE}
MITRA_DISPLAY_NAME: ${MITRA_DISPLAY_NAME}
IS_ACTIVE: "true"
BACKEND_INTERNAL_URL: ${BACKEND_INTERNAL_URL}
- runScript:
file: ../scripts/reset_phone.js
env:
TEST_PHONE: ${TEST_PHONE}
BACKEND_INTERNAL_URL: ${BACKEND_INTERNAL_URL}
# Force this mitra OFFLINE so the GET /api/mitra/status that fires on home
# mount returns is_online=false. seed_mitra.js exposed MITRA_ID for us.
- runScript:
file: ../scripts/force_mitra_offline.js
env:
MITRA_ID: ${output.MITRA_ID}
BACKEND_INTERNAL_URL: ${BACKEND_INTERNAL_URL}
- launchApp:
clearState: true
- extendedWaitUntil:
visible:
text: "(?s).*Halo Mitra Bestie.*"
timeout: 10000
# S3a → S3b → /home
- tapOn:
point: "50%, 53%"
- inputText: "8200000702"
- tapOn: "(?s).*kirim kode.*"
- extendedWaitUntil:
visible:
text: "(?s).*masukin 6 digit kode.*"
timeout: 10000
- runScript:
file: ../scripts/peek_otp.js
env:
TEST_PHONE: ${TEST_PHONE}
BACKEND_INTERNAL_URL: ${BACKEND_INTERNAL_URL}
- inputText: ${output.OTP}
# Offline variant chrome
- extendedWaitUntil:
visible:
text: "(?s).*Bestie Maestro Home Offline.*"
timeout: 15000
# The header greeting suffix flips to 🌙 in the offline variant.
- assertVisible:
text: "(?s).*🌙.*"
- assertVisible:
text: "(?s).*Kamu lagi OFFLINE.*"
- assertVisible:
text: "(?s).*Nyalain Status \\(Online\\).*"
# Negative assertions: tiles and Pengingat are online-only chrome.
- assertNotVisible: "(?s).*Pengingat.*"
- assertNotVisible: "(?s).*Opening protocol.*"
- takeScreenshot: ts-mitra-1-02-home-offline