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>
105 lines
3.2 KiB
YAML
105 lines
3.2 KiB
YAML
# ts-mitra-3-01 — §3 BestieIncomingPopup (variant=new) renders + dismisses on Tolak
|
|
# Spec ref: requirement/flow_mitra.mermaid.md §3 + figma BestieIncomingPopup (v5.jsx:129)
|
|
#
|
|
# Walks:
|
|
# 1. Seed + sign in as an active mitra (lands on /home, ONLINE)
|
|
# 2. Fire a customer blast via customer_blast_now.js
|
|
# 3. Popup appears — assert 📨, 'Curhat Baru!', countdown, Tolak + Terima
|
|
# 4. Screenshot for design review
|
|
# 5. Tap Tolak → popup dismisses (back to Home, ONLINE)
|
|
#
|
|
# Uses a unique phone slot (+628200000901) so the OTP rate-limit doesn't
|
|
# collide with the §A or §1/§2 tests.
|
|
appId: com.mybestie.mitra
|
|
env:
|
|
TEST_PHONE: "+628200000901"
|
|
MITRA_DISPLAY_NAME: "Maestro Popup New"
|
|
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}
|
|
|
|
- launchApp:
|
|
clearState: true
|
|
- extendedWaitUntil:
|
|
visible:
|
|
text: "(?s).*Halo Mitra Bestie.*"
|
|
timeout: 10000
|
|
|
|
- tapOn:
|
|
point: "50%, 53%"
|
|
- inputText: "8200000901"
|
|
- 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}
|
|
|
|
- extendedWaitUntil:
|
|
visible:
|
|
text: "(?s).*Kamu lagi (ONLINE|OFFLINE).*"
|
|
timeout: 15000
|
|
|
|
# Conditional online toggle. Fresh mitra defaults to OFFLINE (per DB schema
|
|
# default for mitra_online_status.is_online). If a prior test run force-onlined
|
|
# this row already, skip the CTA. Otherwise tap "Nyalain Status (Online)" so
|
|
# downstream flow has the tile grid + is blast-eligible.
|
|
- runFlow:
|
|
when:
|
|
visible:
|
|
text: "(?s).*Kamu lagi OFFLINE.*"
|
|
commands:
|
|
- tapOn: "(?s).*Nyalain Status.*"
|
|
- extendedWaitUntil:
|
|
visible:
|
|
text: "(?s).*Kamu lagi ONLINE.*"
|
|
timeout: 10000
|
|
|
|
# Wait briefly for the WS chat-request listener to subscribe. The status
|
|
# toggle returns from the API before home_screen's ref.listen fires
|
|
# chat_request_notifier.startListening(); blasting in that small window
|
|
# means the mitra misses the notification.
|
|
- waitForAnimationToEnd:
|
|
timeout: 3000
|
|
|
|
# Fire the blast.
|
|
- runScript: ../scripts/customer_blast_now.js
|
|
|
|
# Popup appears.
|
|
- extendedWaitUntil:
|
|
visible:
|
|
text: "(?s).*Curhat Baru!.*"
|
|
timeout: 10000
|
|
|
|
# Screenshot for design review (early in the 30s popup window).
|
|
- takeScreenshot: ts-mitra-3-01-popup-new
|
|
|
|
# Tap Tolak immediately — the popup auto-expires at 30s, so any extra
|
|
# assertions before the tap risk racing the timer. The screenshot above
|
|
# captures the popup chrome for design-review purposes.
|
|
- tapOn:
|
|
text: "Tolak"
|
|
|
|
# Verify popup dismissed: home status card visible again, "Curhat Baru!" gone.
|
|
- extendedWaitUntil:
|
|
visible:
|
|
text: "(?s).*Kamu lagi (ONLINE|OFFLINE).*"
|
|
timeout: 8000
|
|
- assertNotVisible: "(?s).*Curhat Baru!.*"
|