# ts-mitra-3-03 — §3 Send a message → renders in the gradient bubble + status row # Spec ref: requirement/flow_mitra.mermaid.md §3 + figma BestieChatV5 (v5.jsx:282) # # Walks the same setup as 3-02 (sign in → blast → accept → /chat/session/:id) # then types a unique message, sends it (textInputAction: TextInputAction.send # is wired to `_sendMessage`, so pressKey Enter triggers a real send), and # asserts that: # - the typed text is now visible inside the message list (mitra bubble) # - the input field has cleared (the controller is cleared after send; # `ketik balasan...` placeholder returns) # # The read-receipt glyph (✓✓ / Icons.done_all) is an icon with no # accessible text, so we assert on the message content text — which is the # more reliable selector and proves the bubble + status row both rendered. appId: com.mybestie.mitra env: TEST_PHONE: "+628200000903" MITRA_DISPLAY_NAME: "Maestro Send" 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: "8200000903" - 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 - waitForAnimationToEnd: timeout: 3000 - runScript: ../scripts/customer_blast_now.js - extendedWaitUntil: visible: text: "(?s).*Curhat Baru!.*" timeout: 10000 - tapOn: "(?s).*Terima.*" - extendedWaitUntil: visible: text: "(?s).*ketik balasan.*" timeout: 15000 # Focus the input by point-tap (empty Flutter TextFields don't expose their # hint text in the a11y tree, so selector-tap of "ketik balasan..." is # flaky — see feedback_maestro_wsl_setup.md). The input bar lives near the # bottom of the screen; ~95% Y is the row, ~40% X targets the TextField # rather than the round send button (which sits at ~95% X). - tapOn: point: "40%, 95%" - inputText: "halo bestie maestro test" # pressKey Enter triggers TextInputAction.send → _sendMessage → bubble. - pressKey: Enter # Assert the message text now appears in the list (rendered in the mitra # bubble with the pink→purple gradient per BestieChatV5). - extendedWaitUntil: visible: text: "(?s).*halo bestie maestro test.*" timeout: 8000 - takeScreenshot: ts-mitra-3-03-message-sent