03 Form & keyboard

Mengisi, menghapus, dan mengirim form dengan andal.

40 menit · 3 konsep · 1 misi

Konsep inti

03.1

Ketik & hapus

eraseText menghapus dari posisi kursor.

- tapOn:
    id: login_phone_input
- eraseText: 30
- inputText: "812-1111-2222"

03.2

Tutup keyboard

Keyboard bisa menutupi tombol.

- hideKeyboard
- tapOn:
    id: login_submit_button

03.3
Field berformat
Yang diketik ≠ yang tampil.
```
# ketik  081211112222
# tampil +62 812 1111 2222
```

Layar login_screen di app Laundry Kiloan — `login_screen`

Praktik di playground

Ketik 0812 → "Nomor WhatsApp tidak valid"
Hapus, ketik 812-1111-2222
hideKeyboard, lalu Masuk

Misi

Lihat kunci jawabankunci/m03_form_keyboard.yamlLulus di emulator

kunci/m03_form_keyboard.yaml

# 1) 08… : angka 0 dibuang, field menampilkan 812 1111 2222
- launchApp:
    clearState: true
- tapOn:
    id: login_phone_input
- inputText: "081211112222"
- assertVisible:
    id: login_phone_input
    text: ".*812 1111 2222.*"
- tapOn:
    id: login_password_input
- inputText: laundry123
- hideKeyboard
- tapOn:
    id: login_submit_button
- assertVisible:
    id: home_screen
# 2) +62…
- runFlow:
    file: subflows/login.yaml
    env:
      PHONE: "+62 812 1111 2222"
      PASSWORD: laundry123
# 3) 812-…
- runFlow:
    file: subflows/login.yaml
    env:
      PHONE: "812-1111-2222"
      PASSWORD: laundry123

Unduh file

Kursor tidak di akhir → eraseText menyisakan karakter.