Sidobjektsmodell och fabrik i Selenium

Vad är en sidobjektmodell? Vilka är dess nyckelkomponenter?

Sidobjektsmodell (POM) är ett designmönster, populärt använt inom testautomation, som skapar ett objektarkiv för element i webbgränssnittet. Fördelen med modellen är att den minskar koddubbletter och förbättrar testunderhållet.

Enligt den här modellen bör det för varje webbsida i applikationen finnas en motsvarande sidklass. Denna sidklass identifierar webbsidans WebElements och innehåller även sidmetoder som utför operationer på dessa WebElements. Namnen på dessa metoder bör anges enligt den uppgift de utför, dvs. om en laddare väntar på att betalningsgatewayen ska visas kan POM-metodens namn vara waitForPaymentScreenDisplay().

Viktiga komponenter i sidobjektmodellen

• Sidklasser: Representera varje webbsida som en separat klass.
• Lokaliseringsställen: Identifiera webbelement med hjälp av ID:n, XPaths eller CSS-väljare.
• Metoder: Innehåller åtgärder eller operationer som utförs på .page-elementen.
• Återanvändbarhet: Promoåteranvändning av tes-kod och enklare underhåll över tester.
• Dela upp problemen: Håller sidstrukturen oberoende av testlogik för bättre organisation.

Varför Page Object Model?

Starta en UI-automation i Selenium webbdrivrutin är INTE en svår uppgift. Du behöver bara hitta element och utföra operationer på dem.

Tänk på det här enkla skriptet för att logga in på en webbplats.

Som du kan se är allt vi gör att hitta element och fylla i värden för dessa element.

Detta är ett tidskrävande skript som är felbenäget. Det verkar enkelt till en början, men allt eftersom testsviten expanderar blir det svårt att hantera elementändringar. Men med tiden kommer testsviten att växa. Allt eftersom du lägger till fler och fler rader i din kod blir det svårare.

Det största problemet med skriptunderhåll är att om 10 olika skript använder samma sidelement, med någon ändring i det elementet, måste du ändra alla 10 skript. Detta är tidskrävande och felbenäget.

Ett bättre sätt att hantera skript är att skapa en separat klassfil som hittar webbelement, fyller i dem eller verifierar dem. Denna klass kan sedan återanvändas i flera testskript som interagerar med samma element. Om det i framtiden sker en ändring i webbelementet behöver vi göra ändringen i bara en klassfil och inte 10 olika skript.

Detta tillvägagångssätt kallas Page Object Model i SeleniumDet hjälper till att göra koden mer läsbar, lättare att underhålla och återanvändbar.

👉 Registrera dig för gratis livesändning Selenium Projekt

Fördelar med POM

1. Page Object Design Pattern säger att operationer och flöden i användargränssnittet bör separeras från verifiering. Detta koncept gör vår kod renare och lätt att förstå.
2. Den andra fördelen är att objektförrådet är oberoende av testfall, så vi kan använda samma objektförråd för olika ändamål med olika verktyg. Till exempel kan vi integrera Page Object Model i Selenium med TestNG/JUnit för funktionell Testning och samtidigt med JBehave/Cucumber för acceptanstestning.
3. Code blir mindre och optimerad eftersom den återanvänder sidmetoder i POM-klasserna.
4. Metoder får mer realistiska namn som enkelt kan mappas till den operation som sker i användargränssnittet. Dvs. om vi landar på hemsidan efter att ha klickat på knappen kommer metodnamnet att se ut som 'gotoHomePage()'.

Hur man implementerar POM i Selenium?

Enkel PLog i den grundläggande strukturen för ett Page Object Model-ramverk, där whereManagereIDE-elementen för AUT och metoderna som fungerar på dessa webbelement lagras i en blockeringsfil. En uppgift som verifiering bör vara separat som en del av testmetoderna.

Komplett exempel

Testfall: Gå till Guru99 Demosida.

Steg 1) Gå till Guru99 Demosida

Steg 2) Kontrollera på startsidan att texten "Guru99 Bank” är närvarande

Steg 3) Logga in i applikationen

Steg 4) Kontrollera att hemsidan innehåller text som "Manager Id: demo"

I det här exemplet har vi två sidor att göra:

1. Logga sidan
2. Hemsida (visas när du loggar in)

Följaktligen skapar vi 2 POM in Selenium klasser

Guru99 Inloggningssida POM

package pages;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
public class Guru99Login {
    WebDriver driver;
    By user99GuruName = By.name("uid");
    By password99Guru = By.name("password");
    By titleText =By.className("barone");
    By login = By.name("btnLogin");
    public Guru99Login(WebDriver driver){
        this.driver = driver;
    }
    //Set user name in textbox
    public void setUserName(String strUserName){
        driver.findElement(user99GuruName).sendKeys(strUserName);
    }
    //Set password in password textbox
    public void setPassword(String strPassword){
         driver.findElement(password99Guru).sendKeys(strPassword);
    }
    //Click on the login button
    public void clickLogin(){
            driver.findElement(login).click();
    }
    //Get the title of Login Page
    public String getLoginTitle(){
     return    driver.findElement(titleText).getText();
    }
    /**
     * This POM method allows the test case to perform the login operation
     * @param strUserName
     * @param strPasword
     * @return
     */
    public void loginToGuru99(String strUserName,String strPasword){
        //Fill user name
        this.setUserName(strUserName);
        //Fill password
        this.setPassword(strPasword);
        //Click Login button
        this.clickLogin();        
    }
}

Guru99 Hemsida POM i Selenium

package pages;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
public class Guru99HomePage {
    WebDriver driver;
    By homePageUserName = By.xpath("//table//tr[@class='heading3']");
    public Guru99HomePage(WebDriver driver){
        this.driver = driver;
    }
    //Get the User name from Home Page
        public String getHomePageDashboardUserName(){
         return    driver.findElement(homePageUserName).getText();
        }
}

Guru99 Enkel POM i Selenium Testfall

package test;
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.testng.Assert;
import org.testng.annotations.BeforeTest;
import org.testng.annotations.Test;
import pages.Guru99HomePage;
import pages.Guru99Login;
public class Test99GuruLogin {
    String driverPath = "C:\\geckodriver.exe";    
    WebDriver driver;
    Guru99Login objLogin;
    Guru99HomePage objHomePage;
    @BeforeTest
    public void setup(){
	System.setProperty("webdriver.gecko.driver", driverPath);        
        driver = new FirefoxDriver();
        driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);
        driver.get("https://demo.guru99.com/V4/");
    }
    /**
     * This test case will login in https://demo.guru99.com/V4/
     * Verify login page title as guru99 bank
     * Login to application
     * Verify the home page using Dashboard message
     */
    @Test(priority=0)
    public void test_Home_Page_Appear_Correct(){
        //Create Login Page object
    objLogin = new Guru99Login(driver);
    //Verify login page title
    String loginPageTitle = objLogin.getLoginTitle();
    Assert.assertTrue(loginPageTitle.toLowerCase().contains("guru99 bank"));
    //login to application
    objLogin.loginToGuru99("mgr123", "mgr!23");
    // go the next page
    objHomePage = new Guru99HomePage(driver);
    //Verify home page
    Assert.assertTrue(objHomePage.getHomePageDashboardUserName().toLowerCase().contains("manager id : mgr123"));
    }

Vad är Page Factory i Selenium?

Page Factory i Selenium är ett inbyggt Page Object Model-ramverkskoncept för Selenium WebDriver som förbättrar underhållsvänligheten genom att minska repetitiva elementsökningar med hjälp av annoteringar, inte genom exekveringshastighet. Den används för initiering av Page-objekt eller för att instansiera själva Page-objektet. Den används också för att initiera Page-klasselement utan att använda "FindElement/s".

Även här följer vi konceptet med separation av Page Object Repository och testmetoder. Dessutom med hjälp av klassen PageFactory i Selenium, vi använder anteckningar @FindBy för att hitta WebElement. Vi använder initElements-metoden för att initiera webbelement.

@FindBy kan acceptera tagName, partialLinkText, name, linkText, id, css, className, xpath som attribut.

Låt oss titta på samma exempel som ovan med Page Factory

Guru99 Inloggningssida med Page Factory

package PageFactory;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.support.FindBy;
import org.openqa.selenium.support.PageFactory;
public class Guru99Login {
    /**
     * All WebElements are identified by @FindBy annotation
     */
    WebDriver driver;
    @FindBy(name="uid")
    WebElement user99GuruName;
    @FindBy(name="password")
    WebElement password99Guru;    
    @FindBy(className="barone")
    WebElement titleText;
    @FindBy(name="btnLogin")
    WebElement login;
    public Guru99Login(WebDriver driver){
        this.driver = driver;
        //This initElements method will create all WebElements
        PageFactory.initElements(driver, this);
    }
    //Set user name in textbox
    public void setUserName(String strUserName){
        user99GuruName.sendKeys(strUserName);     
    }
    //Set password in password textbox
    public void setPassword(String strPassword){
    password99Guru.sendKeys(strPassword);
    }
    //Click on login button
    public void clickLogin(){
            login.click();

    }  
    //Get the title of Login Page
    public String getLoginTitle(){
     return    titleText.getText();
    }
    /**
     * This POM method will be exposed in test case to login in the application
     * @param strUserName
     * @param strPasword
     * @return
     */
    public void loginToGuru99(String strUserName,String strPasword){
        //Fill user name
        this.setUserName(strUserName);
        //Fill password
        this.setPassword(strPasword);
        //Click Login button
        this.clickLogin();           
    }
}

Guru99 Hemsida med Page Factory

package PageFactory;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.support.FindBy;
import org.openqa.selenium.support.PageFactory;
public class Guru99HomePage {
    WebDriver driver;
    @FindBy(xpath="//table//tr[@class='heading3']")
    WebElement homePageUserName;    
    public Guru99HomePage(WebDriver driver){
        this.driver = driver;
        //This initElements method will create all WebElements
        PageFactory.initElements(driver, this);
    }   
    //Get the User name from Home Page
        public String getHomePageDashboardUserName(){
         return    homePageUserName.getText();
        }
}

Guru99 TestCase med Page Factory-konceptet

package test;
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.testng.Assert;
import org.testng.annotations.BeforeTest;
import org.testng.annotations.Test;
import PageFactory.Guru99HomePage;
import PageFactory.Guru99Login;
public class Test99GuruLoginWithPageFactory {
    String driverPath = "C:\\geckodriver.exe";    
    WebDriver driver;
    Guru99Login objLogin;
    Guru99HomePage objHomePage; 
    @BeforeTest
    public void setup(){
        System.setProperty("webdriver.gecko.driver", driverPath);       
        driver = new FirefoxDriver();
        driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);
        driver.get("https://demo.guru99.com/V4/");
    }
    /**
     * This test go to https://demo.guru99.com/V4/
     * Verify login page title as guru99 bank
     * Login to application
     * Verify the home page using Dashboard message
     */
    @Test(priority=0)
    public void test_Home_Page_Appear_Correct(){
        //Create Login Page object
    objLogin = new Guru99Login(driver);
    //Verify login page title
    String loginPageTitle = objLogin.getLoginTitle();
    Assert.assertTrue(loginPageTitle.toLowerCase().contains("guru99 bank"));
    //login to application
    objLogin.loginToGuru99("mgr123", "mgr!23");
    // go the next page
    objHomePage = new Guru99HomePage(driver);
    //Verify home page
    Assert.assertTrue(objHomePage.getHomePageDashboardUserName().toLowerCase().contains("manager id : mgr123"));
    }
}

Komplett projektstruktur kommer att se ut som i diagrammet:

AjaxElementLocatorFactory

AjaxElementLocatorFactory är ett lat laddningskoncept av PageFactory i SeleniumDen används för att hitta webbelementen endast när elementen används i någon operation. Den tilldelar en timeout för WebElements till objektets sidklassen. En av de viktigaste fördelarna med att använda PageFactory-mönstret i Selenium är AjaxElementLocatorFactory Class.

Här, när en operation utförs på ett element, börjar väntetiden på dess synlighet först från det ögonblicket. Om elementet inte hittas inom det angivna tidsintervallet, Testfall exekvering kommer att kasta 'NoSuchElementException' undantag.

Till exempel:

AjaxElementLocatorFactory factory = new AjaxElementLocatorFactory(driver, 10);
PageFactory.initElements(factory, this);

ladda ner Selenium Projektfiler för demon i denna handledning

Vanliga frågor