Všichni průvodci › Podle použití
Podle použitíMobilní aplikace: projděte obrazovky Androidu a iOS jako webové stránky
QAwalk ovládá Android emulátor přes adb a iOS Simulator, zachytí každou obrazovku i s UI stromem, zkontroluje popisky, dotykové cíle a pády a rozloží flow aplikace na stejnou plachtu jako vaše webové stránky.
Webová flow procházíte na plachtě. Aplikace nese stejné funkce, jenže její obrazovky vedle sebe nikdo neuvidí dřív než při review v obchodě. QAwalk projde i aplikaci a obojí se kontroluje na jednom místě.
Problém
Mobilní end-to-end testy dokážou, že jde tlačítko ťuknout. Neukážou, jestli obrazovka dává smysl v češtině, jestli se popisek na malém telefonu neusekl a jestli má ikonové tlačítko popisek pro VoiceOver. Screenshoty skončí ve vlákně chatu, odtržené od kritérií.
Co se s QAwalkem změní
Ve scénáři stojí platform: android nebo platform: ios. Na kroky se dostanete deep linkem nebo krátkým skriptem. Z každého kroku vznikne screenshot a UI strom, kritéria se kontrolují nad stromem a plachta ukáže flow v rámečcích zařízení. Kontrolující přijímají a vracejí kroky stejně jako u webových běhů.
Jak to funguje
- Pojmenujte aplikaci
v
qawalk.config.ymlpro každé prostředí: balíček pro Android (a APK k instalaci), nebo bundle a simulátor pro iOS. - Popište flow
obrazovky s deep linky (
shop://product/42) nebo skripty typuapp.tap('button[text="Do košíku"]'). Každý jazyk startuje aplikaci znovu a v daném jazyce. - Projděte
npx qawalk walkspustí aplikaci v emulátoru nebo simulátoru a zachytí každou obrazovku. Na Androidu přesadb screencapse stromem z uiautomatoru, na iOS přessimctlse stromem z idb (bez idb rozpozná text ze snímku). Z logu aplikace na Androidu pozná pády. - Zkontrolujte
pack
apphlídá popisky všech ovládacích prvků, dotykové cíle (48 dp / 44 pt), useknuté texty a pády. Vlastní kritéria používají CSS-like selektory nad stromem. Sémantické otázky čtou obrazovku jako osnovu. - Cokoli dalšího
reálná zařízení, Maestro, Appium, Detox nebo XCUITest pořídí screenshot a
qawalk capture --image shot.png --tree hierarchy.xmlho přinese i s UI dumpem.
Skilly a prompty
Projdi checkout naší Android aplikace na emulátoru v cs a en: detail produktu deep linkem, přidání do košíku, košík. Použij pack app a zkontroluj formát ceny.Náš Maestro flow už prochází onboarding na iOS. Po každé obrazovce ji zachyť do QAwalku i s hierarchií a běh nasdílej na design review.Očekávaný výsledek: plachta obrazovek aplikace v rámečcích telefonu pro každý jazyk. Každá má UI strom, zvýrazněné prvky u nesplněných kritérií (třeba ikonové tlačítko 30×30 bez popisku) a značku pádu, pokud aplikace spadla.
Co získáte
- Jedno místo pro review webu i aplikace: stejná plachta, verdikty, komentáře a historie.
- Základy přístupnosti, které na screenshotu nevidíte: chybějící popisky a malé dotykové cíle, nalezené z UI stromu.
- Kontrolu jazyků: useknuté překlady a špatné formáty zachytíte na obrazovce, kde vznikají.
FAQ
Potřebuji Appium?
Ne. Android potřebuje adb a emulátor nebo zařízení. iOS potřebuje Simulator z Xcode; idb přidá plný UI strom a ťukání. Když už Appium, Maestro nebo XCUITest používáte, nechte si je a jejich obrazovky importujte.
Funguje to s Flutterem nebo React Native?
Ano, pokud UI strom platformy prvky ukazuje (Flutter se semantics, React Native s accessibility labels). Jinak QAwalk použije rozpoznání textu ze snímku.
Jde to na skutečném iPhonu?
Vestavěný ovladač používá Simulator. U reálného zařízení zachyťte obrazovku svým nástrojem (XCUITest, Appium) a importujte screenshot i page source přes qawalk capture --image --tree.