02 Cara Maestro melihat layar

Menemukan selector yang stabil untuk setiap elemen.

30 menit · 3 konsep · 1 misi

Konsep inti

02.1
Lihat pohon layar
Test membaca pohon aksesibilitas, bukan piksel.
```
$ maestro hierarchy
$ maestro studio
```

02.2

Utamakan id

Teks bisa berubah, id tidak.

- tapOn:
    id: service_card_cuci_setrika

02.3

Selector relatif

Tanpa id, pakai posisi terhadap elemen lain.

- assertVisible:
    text: "Pakai"
    rightOf:
      id: promo_input

Layar order_form_screen di app Laundry Kiloan — `order_form_screen`

Praktik di playground

Buka Cuci Setrika dari Beranda
Jalankan maestro studio, klik elemen
Catat id tombol + dan Pesan Sekarang

Misi

Temukan id 5 elemen di form pesanan.

Lihat kunci jawabankunci/m02_selector.yamlLulus di emulator

kunci/m02_selector.yaml

- runFlow:
    file: subflows/login.yaml
    env:
      PHONE: "081211112222"
      PASSWORD: laundry123
- tapOn:
    id: service_card_cuci_setrika
- assertVisible:
    id: order_form_screen
- assertVisible:
    id: weight_increment_button
- assertVisible:
    id: parfum_chip_lavender
- scrollUntilVisible:
    element:
      id: promo_input
    direction: DOWN
- assertVisible:
    id: promo_input
# selector relatif: tombol "Pakai" di kanan field promo
- assertVisible:
    text: "Pakai"
    rightOf:
      id: promo_input
- assertVisible:
    id: order_submit_button

Unduh file

Key Flutter tidak terbaca. Yang terbaca Semantics identifier.