Menu

Co je Cross Browser Testing a jak jej provádět: Kompletní průvodce

what is cross browser testing

Vyzkoušejte Náš Nástroj Pro Odstranění Problémů

Kompletní průvodce pro začátečníky k testování mezi prohlížeči:

Cross Browser Testing je typ testování, které slouží k ověření, zda aplikace funguje v různých prohlížečích podle očekávání a řádně se zhoršuje. Jedná se o proces ověřování kompatibility vaší aplikace s různými prohlížeči.

Mnohokrát jsem narazil na problém s webem a při volání technické podpory mi jednoduše řekli, abych to zkusil v jiném prohlížeči? Když to udělám, funguje to a nakonec se cítím jako totální idiot, i když si živím prací v softwarovém průmyslu.

Vsadím se, že se to stalo vám všem, že?

Tipy pro testování napříč prohlížeči

Vždycky si nakonec pomyslím ‚proč mě to nenapadlo?‘ Ale věřte mi, postupem času jsem si uvědomil, že to není moje chyba; je to jen to, že web nebyl podrobně testován s ohledem na testování kompatibility mezi prohlížeči a jako koncový uživatel jsem právě našel chybu.

Co se naučíte:

Úvod

Všichni jsme si mohli všimnout, že některé webové stránky se v některých prohlížečích nezobrazují správně, a my si jen myslíme, že jsou nefunkční. Jakmile jej však otevřete v jiném prohlížeči, web se otevře v pohodě. Toto chování tedy vysvětluje kompatibilitu webu s různými prohlížeči.

Každý prohlížeč interpretuje informace na webové stránce odlišně. Některým prohlížečům tedy mohou chybět funkce, které se váš web pokouší zobrazit, a způsobit, že váš web v tomto prohlížeči vypadá nefunkčně.

Například , jak je znázorněno níže, chyby registračních formulářů nejsou v obou prohlížečích stejné. Také barva textu, písmo atd. Se liší, pokud se na ně podíváte zblízka.

Testování mezi prohlížeči

S pokrokem v technologii je pro prohlížeče k dispozici několik možností a nestačí jen to, aby web fungoval v jednom z prohlížečů.

Uživatelé by neměli mít omezení v přístupu k vaší aplikaci pomocí konkrétního prohlížeče. Proto bude nutné otestovat kompatibilitu vašeho webu s různými prohlížeči. Mezi běžně používané prohlížeče patří Chrome, Safari, Firefox, Internet Explorer atd.

prohlížeče

Vzhledem k tomu, že jde o příběh na pozadí, vsadím se, že jste všichni přišli na téma dnešní diskuse - Testování mezi prohlížeči.

Jak je u STH běžnou praxí, zaměříme se na základy. Věříme, že jakýkoli koncept bude mít smysl, když se zeptáme na základní otázky kolem slov jako - 'Co, proč, jak, kdo, kdy, kde'.

Udělejme to právě teď.

Co je to Cross Browser Testing?

# 1) Testování napříč prohlížeči je jednoduše to, co jeho název znamená - to znamená otestovat web nebo aplikaci ve více prohlížečích - a ujistit se, že funguje konzistentně a podle očekávání bez jakýchkoli závislostí nebo kompromisu v kvalitě.

#dva) To platí pro oba Web a mobilní aplikace .

# 3) Jaké aplikace tomu podléhají? - Aplikace orientované na zákazníka jsou nejlepší volbou. V tuto chvíli by vás mohlo zajímat: „Nejsou všechny aplikace orientovány na zákazníka?“ Dobře, ano. Oni jsou. Podívejme se však na příklad.

Aplikace 1: Aplikace vyvinutá pro společnost, která interně sleduje svůj inventář
Aplikace 2: Toto je pro koncové uživatele k nákupu produktů od této společnosti

  • Je zřejmé, že nejlepším nápadem by bylo otestovat aplikaci 2 pro testování kompatibility prohlížečů, protože není možné kontrolovat, jaké prohlížeče / platformy / verze bude koncový uživatel používat.
  • Na druhou stranu, pokud všechny interní počítače společnosti používají počítače se systémem Windows 8 s prohlížečem Chrome - není třeba hledat ani testovat cokoli jiného, ​​co se týká aplikace 1.

Proč se provádí?

Ostatně proč se provádí jakýkoli druh testování?

  • Vědět, co je špatně, a umět to napravit.
  • Zvýšení efektivity a uživatelské zkušenosti a tím i podnikání.
  • Být informován o možných úskalích

Ale konkrétně, když si myslíme: Jaký je záměr testování mezi prohlížeči? - To je dvojí.

  1. Ztvárnění nebo vzhled stránky v různých prohlížečích - je to stejné, je to jiné, pokud je jeden lepší než druhý atd.
  2. Funkčnost a její fungování. (Samozřejmě!)

Kdo provádí toto testování?

  • Myslíte si: „Existuje milion prohlížečů, verzí a platforem - které si vybrat?“ - Naštěstí to není rozhodnutí, za které odpovídá tester. Klient, tým pro obchodní analýzu a marketingové týmy hrají při tomto rozhodování hlavní roli. Společnosti také shromažďují statistiky využití / provozu, aby zúžily, jaké prohlížeče, prostředí a zařízení se nejčastěji používají.
  • Celý projektový tým by měl mít investovaný zájem, čas, peníze a infrastrukturu na podporu tohoto úsilí.
  • Do tohoto procesu může být zapojen tým QA nebo to může být designový tým, který chce vědět, jak si aplikace vede ve více prohlížečích.
  • Ať už to provádí QA nebo jakýkoli jiný tým - výsledky jsou interpretovány konstrukčními a vývojovými týmy a jsou provedeny příslušné změny.

Jak provádět testování napříč prohlížeči?

Teď mluvíme!

Nejdříve nejdříve - provádí se to ručně nebo pomocí nástroje?

Určitě to lze provést ručně - více počítačů, více operačních systémů, více prohlížečů, více počítačů, ale jasně to vede k mnoha problémům, několika investicím a mnoha výzvám.

Typy testování mezi prohlížeči

Ruční metoda

V tomto případě firma identifikuje prohlížeče, které aplikace musí podporovat. Testeři poté znovu spustí stejné testovací případy pomocí různých prohlížečů a sledují chování aplikace a hlásí případné chyby.

V tomto typu testování není možné pokrýt mnoho prohlížečů a také nemusí být aplikace testována na hlavních verzích prohlížeče.

Ruční provádění křížové kontroly je také nákladné a časově náročné.

Automatizovaná metoda

Testování napříč prohlížeči v zásadě spouští stejnou sadu testovacích případů několikrát v různých prohlížečích.

ado net otázky a odpovědi pro zkušené

Tento typ opakovaných úloh je nejvhodnější pro automatizaci. Je tedy nákladově i časově efektivnější provádět toto testování pomocí nástrojů.

Na trhu je tedy k dispozici spousta nástrojů, které to usnadňují.

Nástroje nám pomáhají s jedním nebo více nebo všemi následujícími v závislosti na samotném nástroji a typech licencí:

  1. Poskytují VPN (Virtual Private Machine), pomocí které se můžete připojit ke vzdáleným strojům a zkontrolovat fungování a interpretaci vašich stránek JAVA, AJAX, HTML, Flash a dalších. Většina z nich je zabezpečená, ale protože odesíláte své informace třetí straně, doporučuje se určitá analýza podle uvážení.
  2. Screenshoty jsou poskytovány pro odeslané stránky a odkazy o tom, jak se zobrazují ve více prohlížečích. To je samozřejmě statické.
  3. Více prohlížečů je synchronizováno s ohledem na operace prováděné v jednom a výsledky jsou prezentovány přehledně.
  4. Zobrazit ztvárnění stránky v různých rozlišeních obrazovky
  5. Když dojde k problému, zaznamená se video nebo snímky obrazovky, aby se problém přenesl k další analýze.
  6. Podpora je obecně k dispozici pro webové i mobilní aplikace
  7. Lze také otestovat soukromé stránky, které vyžadují přístup k ověření
  8. Lze otestovat také místní v rámci stránek privátní sítě / brány firewall

Doporučené nástroje

# 1) LambdaTest

Logo LambdaTest

LambdaTest je cloudová platforma pro testování mezi prohlížeči, využívající který uživatel může provádět automatizované a manuální testování kompatibility svého webu nebo webové aplikace na kombinaci více než 2000 různých prohlížečů a operačních systémů.

Uživatelé mohou spouštět automatizační testy selenu na škálovatelné, zabezpečené a spolehlivé cloudové mřížce selenu a provádět živé interaktivní testování jejich veřejných nebo lokálně hostovaných webů a webových aplikací v cloudu napříč prohlížeči.

=> Navštivte web LambdaTest

# 2) CrossBrowserTesting

CrossBrowserTestování

CrossBrowserTestování je poskytována společností SmartBear. CrossBrowserTesting vám umožní vylepšit každý webový zážitek na jakémkoli prohlížeči nebo mobilním zařízení s jejich cloudovou laboratoří skutečných zařízení. Zbavte se svých virtuálních počítačů a laboratoře zařízení. Snadno spusťte manuální, vizuální a selenové testy v cloudu na 2050+ reálných desktopových a mobilních prohlížečích.

Chcete zrychlit své testování jako netechnický uživatel? Podívejte se na jejich funkci Record & Replay, která vám umožní zaznamenat živý test a spustit tento zaznamenaný test paralelně.

=> Navštivte web CrossBrowserTesting

# 3) Selen

Logo selenu

Selen je dobře známý pro automatizované testování webových aplikací. Pouhou změnou prohlížeče, který se má použít ke spuštění testovacích případů, selen velmi usnadňuje spuštění stejných testovacích případů vícekrát pomocí různých prohlížečů.

# 4) BrowserStack

BrowserStack_Logo

BrowserStack je cloudová webová a mobilní testovací platforma, která umožňuje testování aplikací napříč prohlížeči, operačními systémy a skutečnými mobilními zařízeními.

# 5) Prohlížení

Jedná se o interaktivní interaktivní službu, která poskytuje snadné testování pro webové vývojáře a webové designéry.

Existují různé prohlížeče a operační systémy a Browserling poskytuje rychlý přístup ke všem nejoblíbenějším prohlížečům v nejpopulárnějších operačních systémech.

=> Další čtení: Kompletní seznam nástrojů pro křížové testování

Kdy začít s tímto testováním?

Čas zahájení testu Cross-Browser zcela závisí na metodice testování a časové ose testování.

Tuto zkoušku lze provést:

# 1) Co nejdříve:

Spusťte toto testování, i když je pro testování připravena jedna stránka.

Tuto stránku otestujte v každém prohlížeči. Až bude k dispozici další stránka, otestujte ji také ve více prohlížečích. Tím se zvýší úsilí, ale pomůže to opravit chyby co nejdříve v celém životním cyklu. Oprava chyb je v tomto případě tedy mnohem nákladově efektivnější.

# 2) Po dokončení aplikace:

Po dokončení vývoje aplikace spusťte toto testování.

Tím se otestuje aplikace jako celek v různých prohlížečích. Oprava chyb nebude tak nákladově efektivní jako ve výše uvedeném případě, ale stále pomůže při opravě chyb před vydáním aplikace uživatelům.

# 3) Po vydání aplikace:

Toto je nejméně oblíbený čas pro provedení testu vaší aplikace mezi prohlížeči. Je ale lepší to udělat, než to nedělat, a nechat koncovým uživatelům špatnou zkušenost.

Po vydání aplikace pro koncové uživatele lze provést toto testování a opravit chyby jako součást požadavků na změnu v aplikaci. To je velmi nákladné a vyžaduje to několik nasazení v závislosti na opravách chyb.

Důkladné testování napříč prohlížeči lze provést pouze v případě, že toto testování provedou členové testovacího týmu, kteří mají znalosti o nástrojích. Vysokou úroveň nebo kontrolu některých konkrétních prohlížečů mohou provádět také obchodní uživatelé nebo dokonce vývojáři.

Toto testování zahrnuje důkladné testování aplikace pomocí různých prohlížečů. Důkladné testování zahrnuje funkční a nefunkční testování aplikace.

Ve většině společností má produktový tým samostatné týmy pro funkční a nefunkční testování. Toto testování tedy musí být provedeno týmem, který je odpovědný za funkční a nefunkční testování aplikace.

Pro toto testování potřebuje tester prohlížeče, na kterých je třeba aplikaci otestovat.

Tyto prohlížeče lze testeru poskytnout buď jako:

  • Lokálně instalováno na stroji testeru.
  • Virtuální stroj nebo různé stroje, ke kterým má tester přístup.
  • Nástroje, které poskytují své vlastní prohlížeče a jejich verze pro testování.
  • V cloudu - aby více testerů mohlo používat prohlížeče podle potřeby.

Toto testování je nezávislé na prostředích nasazení. Lze jej tedy provést v vývojovém, testovacím, QA nebo dokonce produkčním prostředí v závislosti na dostupnosti aplikace v každém z těchto prostředí.

Co otestovat?

  1. Základní funkce: Odkazy, dialogy, nabídky atd.
  2. Grafické uživatelské prostředí: Vzhled a dojem z aplikace.
  3. Odezva: Jak dobře aplikace reaguje na akce uživatelů.
  4. Výkon: Načítání stránek v povoleném časovém rámci.

Pokud vaše aplikace funguje dobře v jednom prohlížeči, neznamená to, že bude dobře fungovat i v ostatních prohlížečích. Toto testování vám tedy pomůže zajistit, aby aplikace běžela v různých prohlížečích bez jakýchkoli chyb.

Abychom zjistili, co se v kterém prohlížeči prolomí, a podle toho opravit web, musíme provést toto testování. Pokud prohlížeč není vůbec podporován, uživatelé o něm mohou být snadno informováni.

nejlepší je provést testy připojení na počítači připojeném k živé síti.

Abychom shrnuli „jak“ test mezi prohlížeči

# 1. Statistiky provozu pomáhají určit, jaké prohlížeče se mají testovat.

#dva. Měla by být provedena podrobná analýza na samotném AUT (testovaná aplikace), aby se určilo, které části aplikace nebo zda to musí všechny podstoupit. Doporučuje se, aby vše bylo testováno na více prohlížečích, ale opět je třeba vzít v úvahu náklady a čas. Dobrou strategií je provést 100% testování na jednom prohlížeči na platformě a na druhém pouze otestovat nejkritičtější / nejpoužívanější funkce.

# 3. Jakmile je učiněno rozhodnutí „Co“ otestovat a „Kde (prohlížeče)“ - je třeba učinit rozhodnutí o infrastruktuře - získáme nástroje nebo je provedeme ručně atd. Znovu je třeba zvážit náklady. Životaschopnost, rizika, obavy o bezpečnost, lidé, kteří se mají zapojit, čas, kritéria přijetí, plány / proces řešení problémů / defektů - je třeba řešit jen několik věcí.

# 4. Proveďte testování. Při ověřování účinnosti systému lze použít běžné testovací případy testování funkce. Pro vzhled a chování / ztvárnění nejsou testovací případy nutné.

Operace, o které jsem mluvil na začátku tohoto článku a která pro mě selhala, byl online bankovní převod. Přihlásil jsem se na svůj bankovní účet, vybral částku pro převod asi jako jeden lak a pokusil se provést převod a objevila se chyba servletu bez ohledu na to, kolikrát jsem se pokusil.

Pokud je tedy pro testování kompatibility prohlížeče zvolena operace přenosu, bude takto vypadat testovací skript.

  1. Přihlaste se k online bankovnímu účtu
  2. Vyberte účet, ze kterého se má provést převod
  3. Zadejte částku převodu: 100 000
  4. Vyberte příjemce a klikněte na „Převést“
  5. Očekávaný výsledek: Převod by měl být úspěšný
  6. To se jednoduše spustí ve všech vybraných prohlížečích.

Opět upozorňujeme, že to nevypadá jinak než funkční testovací případ. Další informace o tomto nefunkčním článku o testování.

# 5. Pokud nebyly zapojeny do procesu testování, nahlaste výsledky zpět konstrukčnímu týmu. Následuje změna.

Kdy je nejlepší to udělat?

Jakékoli testování přináší nejlepší výhody, když je provedeno brzy. Průmyslovým doporučením je proto začít s tím, jakmile budou k dispozici návrhy stránek.

Lze jej však provést i v případě, že je web plně integrovaný a funkční.

Pokud jste zmeškali sběrnici při provádění testu napříč prohlížeči během fáze návrhu, vývoje a QA, lze to provést i v době, kdy je aplikace ve výrobě. To je však nejnákladnější ze všech a také riskantní.

Kde se provádí testování kompatibility prohlížeče?

Obvykle by odpověď na tuto otázku byla jedna z - Dev / QA / Produkční prostředí . Ale pro kontrolu mezi prohlížeči to není definitivní a irelevantní (pokud to mohu říci). Lze to provést v kterémkoli z nich nebo ve všech z nich.

Závěr

Několik poznámek,

  • Jelikož jsem již nějakou dobu učitelem QA, mohu říci, co přijde dál, a to je - otázka, je to funkční a nefunkční testování? Myslím, že to není ani jedno, ani druhé.
  • To by také nemělo být zaměňováno s Cross-Platform testování, které testuje vaši aplikaci ve více cílových prostředích, jako jsou Windows, Linux, Mac atd. Ačkoli se někdy tyto dvě aplikace musí integrovat společně, protože některé starší verze prohlížeče mohou být kompatibilní pouze se staršími verzemi platforem.
  • Jedná se také o pokračující proces, kdy se softwarová prostředí, prohlížeče a zařízení vyvíjejí každý den a aby nedošlo k nepříjemným překvapením, mělo by být toto testování prohlížeče přidáno do repertoáru regresních sad.

Jak víte, každý typ testování pomáhá zlepšit kvalitu aplikace, stejně tak i test mezi prohlížeči.

Testování napříč prohlížeči pomáhá vytvářet dobrý dojem na uživatele tím, že jim poskytuje konzistentní prostředí v celé aplikaci bez ohledu na prohlížeč nebo operační systém.

Oprava chyb je nákladná v raných fázích životního cyklu vývoje a totéž platí i pro vady zjištěné jako součást tohoto testování.

Toto testování pomáhá zlepšit vaše podnikání, což má za následek spokojené zákazníky, šťastné !!

Toto je další důkaz konceptu, že QA pole nebo testování softwaru je vícerozměrné pole a každý má v čem vynikat.

Níže prosím pošlete své komentáře a dotazy. Vždy se těšíme, až se nám ozvete!

Doporučené čtení

^