guide visual regression testing with visual testing tools
Tento komplexní průvodce vysvětluje vše o testování vizuální regrese. Zahrnuje také recenzi bezplatných a komerčních vizuálních testovacích nástrojů, jako jsou Applitools, Percy, Screener atd.:
Vizuální regresní testování nebo Vizuální testování v softwaru je činnost zajišťující kvalitu ověřování, zda se vizuální aspekty uživatelského rozhraní aplikace uživateli zdají vhodné. Je také známý jako vizuální ověřovací testování.
Jeho cílem je ověřit, zda se na frontendu aplikace zobrazují správná data a obsah. Kromě toho také ověřuje rozložení a vzhled každého vizuálního prvku přítomného v uživatelském rozhraní a v celém samotném uživatelském rozhraní.
Co se naučíte:
Vizuální regresní testování
Když mluvíme o správnosti rozložení, znamená to, že umístění, tvar a velikost každého prvku na obrazovce jsou správné. Prvky by se neměly navzájem překrývat, měly by být viditelné a ne skryté.
Vizuální prvek zde může odkazovat na obrázek, stránku, část stránky nebo část obrázku.
Ověření vzhledu znamená, že písmo, barva, jas, kontrast, hustota, struktura, vizuální váha, grafika atd. Vizuálních prvků musí vypadat správně.
Co je vizuální regresní testování?
Regresní testování zajišťuje, že jakákoli změna zavedená do softwaru neporuší nic, co dříve fungovalo dobře.
Pokud jde o vizuální testování, vizuální regresní testování zajišťuje, že se po provedení jakýchkoli změn v softwaru neobjeví žádné problémy se stylem. Aplikace by měla i nadále vypadat tak dobře, jak byla.
Nástroj pro vizuální regresní testování pořizuje snímky obrazovky aktuálního uživatelského rozhraní a porovnává je s původními snímky obrazovky. Vizuální regresní testování tedy zkoumá historické rozdíly. Potvrzuje, že se webová stránka vykresluje podle očekávání v různých prohlížečích i po úpravách kódu.
Níže je uveden sítotisk běhu testu vizuální regrese provedený automatizovaným nástrojem:
(obraz zdroj )
java předává pole metodě odkazem
V dnešních postupech nepřetržité integrace je vizuální regresní testování velmi důležité, aby bylo zajištěno, že nové změny nezpůsobí v rozložení žádný nepořádek, jak se aplikace vyvíjí z verze na verzi a postupuje napříč prohlížeči.
Mnoho organizací používá vizuální regresní testování k zaznamenávání verzí určitých webových stránek, aby dokumentovaly, jak se mění z jedné iterace na druhou.
Důležitost vizuálního ověřovacího testování
Bez ohledu na to, jak správně funguje funkce vaší aplikace, nebude pro zákazníka k dispozici, pokud nebude poskytovat dobré uživatelské rozhraní a uživatelský komfort.
V dnešní době mluvíme nejen o UI (User Interface), ale také se hodně zaměřujeme na UX (uživatelské prostředí). Když se zaměřujeme na poskytování lepšího uživatelského zážitku, stává se vizuální testování mnohem důležitější, protože přitažlivější vizuální design lze vnímat jako uživatelsky použitelnější.
Podívejme se na níže uvedený příklad z webu Amazon:
(obraz zdroj )
Na obrázku výše si můžete všimnout, že se text a obrázky překrývají a nejsou správně zarovnány. Toto je příklad vizuální chyby, která může způsobit špatnou uživatelskou zkušenost, protože zákazník nebude moci dokončit zamýšlenou akci na webu.
Vizuální design formuje uživatelské prostředí mnoha způsoby.
Například,
- Skvělý vizuální design pomáhá budovat důvěru a důvěryhodnost.
- Posiluje image značky.
- Ovlivňuje čitelnost.
- Vytvoří vizuální rovnováhu na obrazovce.
- Vede uživatele k akci.
- Přesvědčí oko, aby upřelo pozornost na určité prvky stránky.
V dnešní době máme také obrovskou škálu operačních systémů, webových prohlížečů, rozlišení obrazovek a zařízení, takže je zásadní zajistit, aby se uživatelské rozhraní zobrazovalo správně u každé z možných kombinací těchto možností.
I malé narušení uživatelského rozhraní může vést ke ztrátě podnikání. Vizuální chyby mohou být pro uživatele nepříjemné a nepříjemné a způsobovat jim potíže.
Předpokládejme, že se věnujete bankovnictví a svým zákazníkům nabízíte online mobilní bankovní aplikaci.
Dostanete stížnosti od některých vašich zákazníků, že když chtějí převést peníze na účet někoho a poté, co vyplní všechny požadované informace, nebudou moci najít 'Předložit' tlačítko na obrazovce a to je pro ně dráždivý zážitek.
Když problém prozkoumáte, zjistíte, že tlačítko Odeslat se skryje na konkrétním rozlišení obrazovky pro mobilní telefony Android, a proto všichni zákazníci s telefony Android s konkrétní velikostí obrazovky neviděli tlačítko Odeslat.
Funkce aplikace tedy v tomto případě fungovala dobře, ale kvůli vizuální chybě uživatelé nebyli schopni dokončit zamýšlené akce v aplikaci. Tento příklad ukazuje, jak důležité je otestovat vizuální aspekty aplikace na každé možné konfiguraci, než aplikaci doručíte zákazníkům.
Některé oblasti, kde se velmi doporučuje vizuální ověřovací testování, jsou (protože to bude mít přímý dopad na vaši značku):
- Mobilní aplikace
- Mobilní web / responzivní web
- Marketingové weby
- Systémy pro správu obsahu
- Spotřebitelské systémy jako letecké společnosti, cestování, bankovnictví atd.
Vzhledem k jeho důležitosti by společnosti měly vynaložit značné úsilí a peníze na vizuální testování. Pokud se použije v kombinaci s existujícími testy vývojářů, pomůže vám při detekci vizuálních problémů v raných fázích životního cyklu vývoje.
Metody a procesy vizuálního testování
Jako vývojáři nebo testeři často pracujeme na testování funkčnosti aplikací. Prostřednictvím ručního nebo nějakého automatizovaného nástroje zkontrolujeme, zda aplikace funguje podle očekávání. Takové testování funkčnosti je velmi důležité pro zajištění hladkého fungování aplikace.
Pokud k tomu přidáme vizuální testování, pak by to výrazně vylepšilo celkové testování. Toto testování se tedy často provádí v kombinaci s funkčním testováním.
Existuje několik testovacích metod a procesů, které splňují výzvy vizuálního testování aplikací v širokých konfiguracích. K dispozici je také spousta nástrojů na podporu vizuálního ověřovacího testování.
Obecně platí, že pro vizuální ověřovací testování se používají dva hlavní přístupy, tj. Na základě kódu a na základě konfigurace. Vizuální testovací nástroje jsou také kategorizovány na základě těchto dvou přístupů.
To lze provést ručně nebo automatizovaným způsobem. Kvůli určitým výzvám nemůže být plně manuální ani plně automatizovaný. Obecně se dává přednost kombinaci manuálního a automatizovaného přístupu.
Níže jsou uvedeny 3 různé metody vizuálního testování, které se obecně dodržují.
Týmy si mohou vybrat mezi kteroukoli z těchto možností v závislosti na svých potřebách:
# 1) Vytvořte vyhrazené vizuální testy : Toto je nejvíce doporučená metoda, protože vám dává plnou kontrolu nad vizuálním ověřováním. Pomocí tohoto přístupu také můžete psát testy s mírným úsilím. Ale ano, budete muset psát testy od nuly a bude to vyžadovat nějaký čas.
# 2) Vložte vizuální kontrolní body do existujících funkčních testů: V této metodě již máte testy pro ověřování funkčnosti aplikace a stačí přidat několik vizuálních kontrol mezi tyto testy k ověření stránek.
Tato metoda samozřejmě omezuje pokrytí vašich testů, ale je to rychlý způsob vložení vizuálních testů a využití výhody stávajícího funkčního testovacího kódu.
# 3) Vložte implicitní vizuální ověření do existujícího testovacího rámce: Tato metoda je velmi snadno implementovatelná, protože vyžaduje pouze několik řádků kódu. Trpí však omezením, že v tomto případě můžete provést také obecnou validaci. V rámci nemůžete ověřit konkrétní součásti.
Jak budeme pokračovat, probereme manuální a automatické vizuální testování. Rovněž podrobně zkontrolujeme vizuální testovací nástroje a rámce.
Ruční vizuální testování
Softwarové společnosti se potýkají se dvěma možnostmi provádění vizuálního testování, tj. Manuální testování nebo automatické testování. Podívejme se na ruční vizuální testování podrobně.
Ačkoli ruční testování může být pomalé, nákladné a náchylné k chybám, vzhledem k subjektivní povaze návrhu rozhraní není často možné mít automatizovaný test, který by zachytil správnost každého scénáře. Někdy tedy musíme zvolit rovnováhu mezi manuálním a automatizačním testováním.
Jednou z hlavních výhod ručního testování člověkem může také vypadat mimo rozsah testu. Test automatizace může zachytit pouze problém, který je v jeho rozsahu, ale v manuálním testu může tester člověka také odhalit další kosmetické chyby a další věci, které vypadají v uživatelském rozhraní nesprávně.
Vzhledem k tomu, že ruční testy jsou blíže skutečným akcím uživatelů, mohou zachytit chyby v rozložení a problémy s designem, které se obecně odhalí při interakci skutečného uživatele s aplikací.
Můžete přejít na ruční testování v raných fázích vývoje aplikace, když je vaše uživatelské rozhraní nestabilní. Je také užitečné pro testování ad hoc, když potřebujete rychlé kontroly na místě.
V manuálním vizuálním ověřovacím testování musí tester ručně zkontrolovat vzhled a rozložení vizuálních prvků. To může zahrnovat pořízení aktuálních snímků obrazovky a jejich ruční porovnání s výchozími snímky obrazovky k identifikaci případných mezer.
Dalším efektivním způsobem manuálního testování je použití Průzkumníka komponent. V tomto definujete testovací stavy, pomocí průzkumníku vyberte stav a komponentu a zkontrolujte ji na obrazovce. Jedním z takových nástrojů je React Storybook, kde můžete izolovaně vyvíjet komponenty uživatelského rozhraní.
Prostřednictvím této metody může tester spustit ruční test komponenty, zkontrolovat, jak se vykresluje, a zjistit, zda funguje dobře nebo ne.
Kroky ručního testování:
- Projděte si aplikaci a pořiďte známé dobré základní snímky obrazovky.
- Později si vezměte další sadu snímků obrazovky z nejnovější verze aplikace.
- Nyní ručně porovnejte tyto snímky obrazovky (základní vs. aktuální) a zjistěte vizuální chyby.
Automatizované vizuální testování
Automatizované vizuální testování je způsob, jak automaticky ověřit, zda se uživatelské rozhraní vizuálně zobrazí, jak bylo zamýšleno.
Výhody automatizace vizuálních testů spočívají v tom, že nabízejí dlouhodobou efektivitu nákladů, jsou rychlejší než manuální testy, přesnější, protože mohou vyloučit lidské chyby a poskytovat vizuální testy dokonalé v pixelech, jsou opakovaně použitelné a transparentní, protože nabízejí automatické zprávy, které jsou snadno a snadno přístupný komukoli v týmu.
Některá omezení automatizovaného vizuálního testování spočívají v tom, že mohou existovat velké počáteční náklady a budete muset vynaložit značné úsilí na údržbu testů, abyste vyhověli každé změně.
Při testování automatizace je rozsah užší, pokud není na místě testování obrazovky. Rovněž existuje strmá křivka učení, protože organizacím trvá nějaký čas, než se dozví o nástrojích pro testování automatizace.
Jít s automatizací by bylo dobrou volbou, pokud se od vás vyžaduje provádění regresního vizuálního testování, abyste se vypořádali s častými změnami ve stabilním uživatelském rozhraní. Automatizované testování také pomáhá při skvělém srovnání vizuálních snímků obrazovky.
Automatické srovnání snímků obrazovky nabízí velkou míru přesnosti při vizuálním testování a zvyšuje návratnost investic. Automatizované srovnání snímků obrazovky může zachytit ty chyby, které nelze detekovat lidskýma očima a manuálním porovnáním. Je také užitečné na konci testování komplexních uživatelských příběhů.
Pro automatizované testování je k dispozici široká škála otevřených a komerčních nástrojů.
Níže uvedený obrázek ukazuje, jak lze vizuální ověření automatizovat pomocí libovolného programovacího jazyka:
(obraz zdroj )
Níže je uveden obecný pracovní postup Visual Test Automation:
(obraz zdroj )
Jak je znázorněno ve výše uvedeném diagramu pracovního postupu, do automatizovaného vizuálního testování jsou zahrnuty 4 kroky:
Krok 1 : V tomto kroku musíme řídit aplikaci a testovat a pořizovat snímky obrazovky.
Krok 2 : V tomto kroku automatizační nástroj porovná tyto snímky obrazovky s výchozími snímky obrazovky. Základní snímky obrazovky jsou obecně obrázky, které byly pořízeny v předchozích testovacích bězích a prokázány testerem.
Krok 3: Jakmile nástroj získá výsledky porovnání obrázků, vygeneruje zprávu, která zvýrazní všechny nalezené rozdíly.
Například,níže uvedený obrázek ukazuje jeden z nástrojů automatizace testů, který zdůrazňuje rozdíly v úhlové aplikaci:
Krok 4 : V posledním kroku tester zkontroluje zprávu a zkontroluje každý rozdíl, zda se jedná o chybu nebo platnou změnu (falešné poplachy). Na základě toho se aktualizují základní obrazy.
Pro první testovací běh nemáte základní obrázky. S obrázky získanými při prvním spuštění se tedy obecně zachází jako s obrazy základní linie. Od příštího běhu jsou porovnávány se snímky obrazovky.
Osvědčené postupy pro automatické vizuální testování
- Vyberte si nástroj, který je dostatečně chytrý na to, aby ignoroval falešné poplachy. Nástroj by měl být schopen zpracovat vyhlazení, posunutí pixelů atd. A z těchto důvodů nezklame testy.
- Automatizace testů by měla být schopna zpracovat dynamický a pohyblivý obsah.
- Nespoléhejte se na poměry chyb nebo konfiguraci prahových hodnot. Jediné, na čem by mělo záležet, je, zda lidská bytost vidí ten rozdíl, a ovlivní to uživatelskou zkušenost?
- Automatizační algoritmus by měl být schopen analyzovat strukturu stránky a měl by být schopen provádět srovnání rozložení.
- Preferujte ověření celé stránky uživatelského rozhraní namísto jednotlivých komponent. To zajistí větší a lepší pokrytí. V případě ověření pouze konkrétních komponent vám mohou chybět neočekávané chyby.
Automatizované testovací nástroje a rámce pro vizuální testování
Dnes je na trhu k dispozici široká škála (téměř 30 plus) nástrojů pro automatizované vizuální testování. Některé z těchto nástrojů jsou open source, zatímco jiné jsou komerční. Většina z těchto nástrojů funguje stejným způsobem, ale sledují jiný pracovní postup podle cílového publika.
Pro front-end vývojáře existují dva typy rámců zapojených do vizuálního testování. Nejprve potřebujete testovacího běžce, který vám umožní psát a provádět testy. Za druhé, potřebujete replikační interakci uživatelů s rámcem automatizace prohlížeče. Tyto dva rámce se společně nazývají jako vizuální testovací kód.
S pomocí těchto testovacích rozhraní vytvářejí vývojáři kód, který napodobuje skutečné akce uživatele, jako je psaní textu nebo klikání na tlačítka. Testovací kód obsahuje příkazy k pořizování snímků obrazovky v příslušných bodech. Při prvním provedení testu se pořídí úvodní sada snímků obrazovky.
Tyto snímky obrazovky fungují jako základ pro srovnání, když dojde k jakýmkoli změnám provedeným v aplikaci. Jakmile je základna založena, vývojář provede kód na pozadí. Když je nalezena změna, je snímek změny zachycen.
Testovací běžec porovná tento snímek obrazovky s výchozím snímkem obrazovky pro tuto oblast kódu. Pokud jsou mezi obrázky nalezeny nějaké rozdíly, je test považován za selhání a je nahlášena vizuální chyba.
Po provedení celého testovacího kódu se automaticky vygeneruje zpráva. Tato sestava je ručně zkontrolována testerem člověka, aby se zkontrolovaly všechny snímky obrazovky, které se liší od základních obrazů. Některé nástroje generují rozdílný obrázek, který zvýrazňuje rozdíl mezi skutečným a očekávaným snímkem obrazovky.
Pokud je rozdíl způsoben problémem v kódu, může vývojář tento problém opravit a znovu spustit kód. Pokud je rozdíl způsoben požadovanou změnou uživatelského rozhraní aplikace, pak vývojář zkontroluje tento snímek obrazovky a aktualizuje základní snímek obrazovky, aby bylo možné předat budoucí testy.
Vizuální testování zahrnuje bezplatné i placené nástroje. Pojďme si podrobně prodiskutovat nástroje.
Seznam nejlepších nástrojů pro vizuální testování
Open-source a bezplatné nástroje založené na kódu / skriptu
Níže je uveden seznam nástrojů pro vizuální ověření založených na kódu, které jsou open-source a jsou k dispozici zdarma.
- PhantomCSS (UJs CapserJs)
- FBSnapshotTestCase (Používá XCTest)
- Blíženci (Používá JS DSL)
- Jehla (Používá Python)
- Regrese stránky Rspec (Používá Capibaru)
- Pix-Diff (Používá JS a úhloměr)
- Vizuální rozdíl selenu (Používá Java a WD)
- Vizregres (Používá .NET a WD)
- VisualCeption (Používá PHP a CodeCeption)
- Přízrak (Používá JS DSL)
Konfigurace Open-source a bezplatné nástroje
Nástroje pro vizuální ověření založené na konfiguraci, které jsou open-source a jsou k dispozici zdarma, jsou uvedeny níže pro vaši referenci:
- BaskstopJS
- dpxdtMake - vyobrazeno
- CSSCritic
- Grunt Photobox
- VIFF
- Zelená cibule
- skřítek
- Vizuální test CSS
- Přichytit a porovnat
- Grunt-Vigo
- Galen Framework
- Automotion
Nebudeme se zabývat každým z výše uvedených nástrojů, pojďme si však krátce promluvit o těch nejlepších.
Phantom CSS je jedním z velmi populárních open-source nástrojů pro vizuální ověřování. Má 4 768 hvězd GitHub. Pomůže vám s automatickým vizuálním regresním testováním. K pořizování snímků obrazovky používá CasperJS a porovnává je se základními snímky obrazovky pomocí Resemble.js.
(obraz zdroj )
Generuje obrazové rozdíly na základě rozdílů RGB pixelů. Tento nástroj je užitečný, pouze když je uživatelské rozhraní předvídatelné.
FBSnapshotTestCase je také dalším populárním nástrojem v této kategorii. Má 880 hvězd GitHub.
Zachycuje nakonfigurovaný UIView nebo CALayer a využívá metodu nazvanou render InContext: k získání snímku obrazu jejího obsahu. Shoduje se s tímto obrázkem s „referenčním obrázkem“ uloženým ve vašem zdrojovém kódu a selže v testu, pokud se dva snímky neshodují.
BackstopJS je přední nástroj v kategorii konfiguračních nástrojů. Zachytává CSS Curveballs. Jedná se o automatizační nástroj pro vizuální regresní testování, který může testovat responzivní webové uživatelské rozhraní porovnáním snímků obrazovky DOM v průběhu času.
Jedná se o snadno použitelný nástroj s některými skvělými funkcemi, jako je uživatelské rozhraní pro vytváření zpráv v prohlížeči, integrované vykreslování ukotvitelných panelů, zprávy JUnit, zprávy CLI atd.
Galen framework je také jedním ze slavných open-source frameworků pro testování vizuální validace. Pomocí tohoto nástroje můžete automatickým způsobem otestovat rozložení a responzivní design webových aplikací.
(obraz zdroj )
Tento rámec funguje dobře v selenové síti.
Pojďme si teď promluvit o některých komerčních nástrojích a rámcích dostupných pro Visual Test Automation!
Obchodní nástroje
# 1) Applitools
Je to jeden z velmi oblíbených komerčních rámců pro automatické vizuální testování a vizuální regresní testování. Tento nástroj poskytuje kognitivní vidění založené na AI. Využívá umělou inteligenci, která vám pomůže s vizuálním testováním a monitorováním mezi koncovými body.
S Applitools můžete automaticky testovat stovky komponent uživatelského rozhraní napříč všemi platformami a konfiguracemi bez psaní jakéhokoli kódu nebo s velmi minimálním kódem. Má podporu pro více než 40 testovacích rámců a jazyků.
Podporuje také proces DevOps, kde můžete snadno integrovat své vizuální testovací případy do kanálu CI / CD. Tento nástroj také umožňuje vytvářet vlastní vizuální sestavy.
Tento rámec využívají některé špičkové společnosti včetně Sony, SAP, MasterCard a PayPal. Má také velmi pozitivní hodnocení zákazníků.
Prodejce nabízí tři verze tohoto rámce, tj. Starter, Enterprise Public Cloud a Enterprise Dedicated Cloud. O cenách budete muset kontaktovat prodejce.
Webová stránka: Applitools
# 2) Crossbrowsertesting Vizuální testování
Crossbrowsertesting je webová testovací platforma vyvinutá společností SmartBear pro celý proces testování. Tento nástroj pokrývá vizuální testování i vizuální regresní testování.
Funkce testování snímků obrazovky poskytovaná tímto nástrojem zachycuje celostránkové snímky obrazovky a rychle pomáhá při hledání vizuálních chyb a sledování vizuálních nekonzistencí. Chcete-li spustit test obrazovky, musíte zadat adresu URL a vybrat některé prohlížeče.
Testy obrazovky jsou k dispozici pro většinu stolních zařízení a populárních mobilních zařízení. Můžete kombinovat rozlišení svého prohlížeče pro dynamické responzivní testování napříč prohlížeči a mobilními orientacemi. Váš test obrazovky zachytí tři pohledy na každou konfiguraci, tj. Windowed, Full-page a Full-page chromeless.
Výsledky testu můžete rychle filtrovat a zobrazit vizuální chyby. Můžete také přejít na živý test a vyladit nebo opravit vizuální vady. Můžete otestovat místní a vývojová prostředí pomocí nástroje pro místní připojení poskytovaného tímto softwarem.
Pro vizuální regresní testování, jakmile úspěšně provedete test obrazovky, můžete jej jednoduše naplánovat na denní, týdenní nebo měsíční bázi. Nástroj také odešle oznámení o výsledku testu.
Tento nástroj má automatizovaný srovnávací modul k zachycení automatizovaných snímků obrazovky stejné stránky v různých konfiguracích. Odtud můžete vybrat základní prohlížeč a poté vyhodnotit zvýrazněné rozdíly v rozložení.
Nabízí také některé pokročilé možnosti, díky nimž bude váš test výkonnější. Mezi tyto možnosti patří Základní ověřování, Přihlašovací profil, Selenový skript, Zpoždění obrazovky, Odeslat e-maily, Skrýt pevné prvky atd.
Přečtěte si také = >> Jak pořídit snímek obrazovky v selenu
Jedná se o cenový nástroj. K dispozici je však také bezplatná zkušební verze. Živá testovací verze tohoto nástroje vás bude stát 29 $ / měsíc, automatické testování stojí 60 $ / měsíc a neomezené testování 100 $ / měsíc.
Webová stránka: Crossbrowsertesting
# 3) Percy vizuální testování
Percy je jedním z výkonných nástrojů pro automatické vizuální testování. Umožňuje vám integrovat, provádět a kontrolovat vizuální testy. Integraci lze provést pomocí testovacích automatizačních rámců, služeb CI / CD nebo přímo prostřednictvím vaší aplikace.
Po integraci můžeme začít provádět vizuální testy požadované u aplikací a komponent. Když je spuštěn vizuální test, nástroj Percy extrahuje screenshoty uživatelského rozhraní v různých prohlížečích a responzivních šířkách. Poté provede srovnání základní linie pixel po pixelu a identifikuje všechny relevantní vizuální změny ve vašem uživatelském rozhraní.
Jakmile se snímky obrazovky vykreslí, můžete je zkontrolovat, zda neobsahují jakékoli vizuální problémy.
Rozdíly pixel po pixelu a responzivní rozdíly poskytované tímto nástrojem poskytují skvělé vizuální pokrytí. Funkce stabilizace snímku také minimalizuje falešné poplachy.
Toto je placený nástroj. Nabízí však také bezplatnou zkušební verzi. Placené verze mají tři příchutě, tj. Essential, Business a Enterprise. Verze Essential má cenu 29 $ / měsíc, verze Business cenu $ 849 / měsíc a verze Enterprise je vytvořena na míru podle vašich potřeb, proto se její cena bude podle toho lišit.
Webová stránka: Percy vizuální testování
# 4) Screener.io
Jedná se o automatizovaný testovací nástroj, který umožňuje zaznamenávat a provádět testy v cloudu v reálném čase. Testovací toky lze snadno automatizovat bez nutnosti kódování. Automaticky zjistí nekonzistence uživatelského rozhraní napříč různými platformami. Podporuje také testování komponent pohádkové knihy.
nejlepší vr headset pro Xbox One
Umožňuje vám provádět vizuální testování v kombinaci s funkčním testováním ve stejném testovacím běhu, což zvyšuje celkové pokrytí testu. Mezi společnosti využívající screener.io patří Yammer, Microsoft, uber atd.
Starter pack tohoto nástroje vás bude stát kolem 249 $ / měsíc, balíček Perform má cenu 499 $ / měsíc a balíček Enterprise má vlastní cenu na základě vašich požadavků.
Webová stránka: Screener.io
# 5) závěrečný test
endtest je platforma pro testování uživatelského rozhraní, která podporuje automatizované testování bez kódu pomocí strojového učení. Umožňuje vám rychle vytvářet automatizované testy, ukládat je a provádět přímo v cloudu. Mají také chromované rozšíření, pomocí kterého můžete zaznamenávat testy.
Tento nástroj má mnoho funkcí, jako je generování náhodných testovacích dat, pokročilé tvrzení, automatické zálohování, geolokace, živá videa, srovnání snímků atd.
Webová stránka: endtest
Závěr
V tomto tutoriálu jsme diskutovali o tom, jak důležité je testování vizuálního ověřování v dnešním scénáři, kdy je softwarová aplikace vyžadována, aby fungovala dobře na více konfiguracích velikostí obrazovky, mobilních zařízení, operačních systémů, rozlišení obrazovky atd.
Pokud chcete dobrý uživatelský zážitek, pak je vizuální ověřovací testování stejně důležité jako funkční testování. Kombinace vizuálního testování a funkčního testování může poskytnout široké pokrytí testů.
Pro testování vizuální validace je k dispozici široká škála open-source a komerčních nástrojů a rámců. V tomto tutoriálu jsme probrali některé z nejlepších nástrojů. Tyto nástroje vám mohou skutečně pomoci s automatizovaným vizuálním testováním a vizuální regresní zkouškou.
Šťastné čtení!
Doporučené čtení
- Nejlepší nástroje pro testování softwaru 2021 (QA Test Automation Tools)
- Alfa testování a beta testování (kompletní průvodce)
- Průvodce ověřováním testování Ultimate
- 11 nejlepších automatizačních nástrojů pro testování aplikací pro Android (nástroje pro testování aplikací pro Android)
- Testování zabezpečení sítě a nejlepší nástroje pro zabezpečení sítě
- Funkční testování vs. nefunkční testování
- Testování stahování e-knih Primer
- Rozdíly mezi testováním jednotek, testováním integrace a funkčním testováním