Keresztböngésző tesztelése a Selenium WebDriver használatával

Mi a keresztböngésző tesztelése?

A keresztböngésző tesztelése egyfajta funkcionális teszt annak ellenőrzésére, hogy webalkalmazása a különböző böngészőkben elvárt módon működik-e.

Miért van szükség a böngészők közötti tesztelésre?

A webalapú alkalmazások teljesen különböznek a Windows-alkalmazásoktól. A webalkalmazást a böngésző bármelyik böngészőben megnyithatja. Például egyesek inkább a https://twitter.com webhelyet nyitják meg a Firefox böngészőben, míg mások Chrome böngészőt vagy IE-t használhatnak .

Az alábbi ábrán megfigyelhető, hogy az IE- ben a Twitter bejelentkezési mezője nem mutat görbét minden sarokban, de a Chrome böngészőben láthatjuk.

Biztosítanunk kell tehát, hogy a webalkalmazás minden népszerű böngészőben az elvárt módon működjön, hogy minél többen hozzáférhessenek és használhassák.

Ez a motívum teljesíthető a termék keresztböngésző tesztelésével.

Ok Keresztböngészővel kapcsolatos kérdések

  1. A betűméret nem egyezik a különböző böngészőkben.
  2. A JavaScript implementációja eltérő lehet.
  3. CSS, HTML érvényesítési különbség ott lehet.
  4. Néhány böngésző továbbra sem támogatja a HTML5-et.
  5. Oldal igazítás és div méret.
  6. Kép tájolása.
  7. A böngésző nem kompatibilis az operációs rendszerrel. Stb.

A keresztböngésző tesztelésének végrehajtása

Ha Selenium WebDriver programot használunk, automatizálhatjuk a teszteseteket az Internet Explorer, a Firefox, a Chrome, a Safari böngészők segítségével.

Tesztesetek végrehajtásához különböző böngészőkkel egyazon gépen egyszerre integrálhatjuk a Testng keretrendszert a Selenium WebDriver programmal.

A testing.xml fájl így fog kinézni,

Ez a testing.xml leképezi a teszt esetet, amely így fog kinézni

Itt, mivel a testing.xml fájlnak két tesztcímkéje van („ChromeTest”, „FirefoxTest”), ez a teszteset két alkalommal fog végrehajtani 2 különböző böngésző esetén.

Az első teszt A „ChromeTest” a „browser” paraméter értékét „chrome” néven adja át, így a ChromeDriver fut. Ez a teszteset a Chrome böngészőn fut.

Második teszt A „FirefoxTest” a „browser” paraméter értékét „Firefox” néven adja át, így a FirefoxDriver fut. Ez a teszteset a Firefox böngészőn fut.

Teljes kód:

Guru99CrossBrowserScript.java

csomag parallelTest;importálja a java.util.concurrent.TimeUnit;import org.openqa.selenium.By;import org.openqa.selenium.WebDriver;import org.openqa.selenium.WebElement;import org.openqa.selenium.chrome.ChromeDriver;import org.openqa.selenium.edge.EdgeDriver;import org.openqa.selenium.firefox.FirefoxDriver;import org.testng.annotations.BeforeTest;import org.testng.annotations.Paraméterek;import org.testng.annotations.Test;public class CrossBrowserScript {WebDriver illesztőprogram;/ *** Ez a függvény a testng.xml fájl minden tesztcímkéje előtt fog végrehajtódni* @param böngésző* @ dob kivétel* /@BeforeTest@Parameters ("böngésző")public void beállítás (String böngésző) dobja a Kivételt {// Ellenőrizze, hogy a TestNG-től átadott paraméter 'Firefox'if (browser.equalsIgnoreCase ("Firefox")) {// Firefox példány létrehozásaSystem.setProperty ("webdriver.gecko.driver", ". \\ geckodriver.exe");illesztőprogram = new FirefoxDriver ();}// Ellenőrizze, hogy a paramétert chrome-ként adták-e átelse if (browser.equalsIgnoreCase ("chrome")) {{// a chromedriver.exe elérési útját állítsa beSystem.setProperty ("webdriver.chrome.driver", ". \\ chromedriver.exe");// chrome példány létrehozásaillesztőprogram = new ChromeDriver ();}// Ellenőrizze, hogy a paramétert „Edge” néven adták-e átelse if (browser.equalsIgnoreCase ("Edge")) {// állítsa be az Edge.exe elérési útjátSystem.setProperty ("webdriver.edge.driver", ". \\ MicrosoftWebDriver.exe");// Edge példány létrehozásameghajtó = new EdgeDriver ();}más{// Ha egyetlen böngésző sem telt el, dobjon kivételtdobja az új Kivételt ("A böngésző nem megfelelő");}driver.manage (). timeouts (). implicitlyWait (10, TimeUnit.SECONDS);}@Tesztpublic void testParameterWithXML () dobja az InterruptedException {driver.get ("http://demo.guru99.com/V4/");// Felhasználónév kereséseWebElement felhasználónév = driver.findElement (By.name ("uid"));// Töltse ki a felhasználó nevétuserName.sendKeys ("guru99");// Jelszó kereséseWebElement jelszó = driver.findElement (By.name ("jelszó"));// Töltse be a jelszótpassword.sendKeys ("guru99");}}

tesztelés.xml

MEGJEGYZÉS: A teszt futtatásához kattintson a jobb gombbal a testing.xml fájlra , válassza a Futtatás másként lehetőséget, majd kattintson a TestNG elemre

Összegzés

  1. A böngészők közötti tesztelés a webalkalmazások különböző böngészőkkel történő tesztelésének technikája.
  2. A szelén különböző típusú böngészőket támogat az automatizáláshoz.
  3. A szelén integrálható a TestNG-be a több böngésző tesztelésének elvégzéséhez.
  4. A testing.xml fájlban található paraméterekből átadhatjuk a böngésző nevét, és tesztesetben ennek megfelelően hozhatunk létre WebDriver referenciát.

Megjegyzés: Az adott program a szelén 3.0.1, a Chrome 56.0.2924.87, a Firefox 47.0.2 és a Microsoft Edge 14.14393 verziókra épült és tesztelt. Ha a programok hibát jeleznek, kérjük, frissítse az illesztőprogramot

Töltse le a bemutatóhoz tartozó Selenium Project fájlokat ebben az oktatóanyagban

érdekes cikkek...