Σελίδα Object Model & Factory in Selenium

Τι είναι το μοντέλο αντικειμένου σελίδας; Ποια είναι τα βασικά του στοιχεία;

Μοντέλο αντικειμένου σελίδας (POM) είναι ένα μοτίβο σχεδίασης, που χρησιμοποιείται ευρέως στον αυτοματισμό δοκιμών, το οποίο δημιουργεί ένα Αποθετήριο Αντικειμένων για στοιχεία διεπαφής χρήστη ιστού. Το πλεονέκτημα του μοντέλου είναι ότι μειώνει την επικάλυψη κώδικα και βελτιώνει τη συντήρηση των δοκιμών.

Σύμφωνα με αυτό το μοντέλο, για κάθε ιστοσελίδα στην εφαρμογή, θα πρέπει να υπάρχει μια αντίστοιχη κλάση σελίδας (Page Class). Αυτή η κλάση σελίδας (Page) θα προσδιορίζει τα WebElements αυτής της ιστοσελίδας και περιέχει επίσης μεθόδους σελίδας (Page) που εκτελούν λειτουργίες σε αυτά τα WebElements. Τα ονόματα αυτών των μεθόδων θα πρέπει να δίνονται σύμφωνα με την εργασία που εκτελούν, δηλαδή, εάν ένας φορτωτής (loader) περιμένει την εμφάνιση της πύλης πληρωμής, το όνομα της μεθόδου POM μπορεί να είναι waitForPaymentScreenDisplay().

Βασικά Στοιχεία του Μοντέλου Αντικειμένου Σελίδας

• Κατηγορίες σελίδων: Αναπαραστήστε κάθε ιστοσελίδα ως ξεχωριστή κλάση.
• Εντοπιστές: Προσδιορίστε στοιχεία ιστού χρησιμοποιώντας ID, XPaths ή επιλογείς CSS.
• Μέθοδοι: Περιέχουν ενέργειες ή λειτουργίες που εκτελούνται στα στοιχεία .page.
• Επαναχρησιμοποίηση: PromoΕπαναχρησιμοποίηση κώδικα tes και ευκολότερη συντήρηση σε όλες τις δοκιμές.
• Διαχωρισμός ανησυχιών: Διατηρεί τη δομή της σελίδας ανεξάρτητη από τη λογική των δοκιμών για καλύτερη οργάνωση.

Γιατί το μοντέλο αντικειμένου σελίδας;

Έναρξη αυτοματοποίησης UI σε Selenium Πρόγραμμα οδήγησης Web ΔΕΝ είναι δύσκολο έργο. Απλώς πρέπει να βρείτε στοιχεία και να εκτελέσετε λειτουργίες σε αυτά.

Σκεφτείτε αυτό το απλό σενάριο για να συνδεθείτε σε έναν ιστότοπο.

Όπως μπορείτε να παρατηρήσετε, το μόνο που κάνουμε είναι να βρίσκουμε στοιχεία και να συμπληρώνουμε τιμές για αυτά τα στοιχεία.

Αυτό είναι ένα χρονοβόρο σενάριο, επιρρεπές σε σφάλματα. Αρχικά φαίνεται εύκολο, αλλά καθώς η σουίτα δοκιμών επεκτείνεται, η διαχείριση των αλλαγών στα στοιχεία γίνεται δύσκολη. Αλλά με την πάροδο του χρόνου, η σουίτα δοκιμών θα μεγαλώσει. Καθώς προσθέτετε όλο και περισσότερες γραμμές στον κώδικά σας, τα πράγματα γίνονται δύσκολα.

Το κύριο πρόβλημα με τη συντήρηση σεναρίων είναι ότι εάν 10 διαφορετικά σενάρια χρησιμοποιούν το ίδιο στοιχείο σελίδας, με οποιαδήποτε αλλαγή σε αυτό το στοιχείο, πρέπει να αλλάξετε και τα 10 σενάρια. Αυτό είναι χρονοβόρο και επιρρεπές σε σφάλματα.

Μια καλύτερη προσέγγιση για τη συντήρηση των σεναρίων είναι η δημιουργία ενός ξεχωριστού αρχείου κλάσης που θα εντοπίζει στοιχεία ιστού, θα τα συμπληρώνει ή θα τα επαληθεύει. Αυτή η κλάση μπορεί στη συνέχεια να επαναχρησιμοποιηθεί σε πολλά σενάρια δοκιμών που αλληλεπιδρούν με το ίδιο στοιχείο. Στο μέλλον, εάν υπάρξει κάποια αλλαγή στο στοιχείο ιστού, θα πρέπει να κάνουμε την αλλαγή μόνο σε 1 αρχείο κλάσης και όχι σε 10 διαφορετικά σενάρια.

Αυτή η προσέγγιση ονομάζεται Page Object Model in SeleniumΒοηθά στο να γίνει ο κώδικας πιο ευανάγνωστος, πιο συντηρήσιμος και πιο επαναχρησιμοποιήσιμος.

👉 Εγγραφείτε δωρεάν ζωντανά Selenium ΕΡΓΟ

Πλεονεκτήματα του POM

1. Το μοτίβο σχεδίασης αντικειμένου σελίδας λέει ότι οι λειτουργίες και οι ροές στη διεπαφή χρήστη πρέπει να διαχωρίζονται από την επαλήθευση. Αυτή η ιδέα κάνει τον κώδικά μας πιο καθαρό και κατανοητό.
2. Το δεύτερο πλεονέκτημα είναι ότι το αποθετήριο αντικειμένων είναι ανεξάρτητο από τις δοκιμαστικές περιπτώσεις, επομένως μπορούμε να χρησιμοποιήσουμε το ίδιο αποθετήριο αντικειμένων για διαφορετικό σκοπό με διαφορετικά εργαλεία. Για παράδειγμα, μπορούμε να ενσωματώσουμε το Μοντέλο Αντικειμένου Σελίδας σε Selenium μαζί σου, TestNG/JUnit για λειτουργικό Δοκιμές και ταυτόχρονα με το JBehave/Cucumber για δοκιμές αποδοχής.
3. Code γίνεται λιγότερο και βελτιστοποιείται επειδή επαναχρησιμοποιεί μεθόδους σελίδας στις κλάσεις POM.
4. Οι μέθοδοι λαμβάνουν πιο ρεαλιστικά ονόματα που μπορούν εύκολα να αντιστοιχιστούν με την λειτουργία που εκτελείται στο περιβάλλον χρήστη. Δηλαδή, αν μετά το κλικ στο κουμπί μεταβούμε στην αρχική σελίδα, το όνομα της μεθόδου θα είναι κάπως έτσι: 'gotoHomePage()'.

Πώς να εφαρμόσετε το POM σε Selenium?

Απλό PLog στη θεμελιώδη δομή ενός πλαισίου μοντέλου αντικειμένου σελίδας, όπου τα στοιχεία whereManageREIDE του AUT και η μέθοδος που λειτουργεί σε αυτά τα στοιχεία ιστού διατηρείται μέσα σε ένα αρχείο clog. Μια εργασία όπως η επαλήθευση θα πρέπει να είναι ξεχωριστή ως μέρος των μεθόδων δοκιμής.

Πλήρες Παράδειγμα

δοκιμαστική θήκη: Πηγαίνετε στο Guru99 Ιστότοπος επίδειξης.

Βήμα 1) Μεταβείτε στο Guru99 Επίδειξη Ιστοσελίδας

Βήμα 2) Στην αρχική σελίδα, ελέγξτε ότι το κείμενο «Guru99 Bank” είναι παρούσα

Βήμα 3) Συνδεθείτε στην εφαρμογή

Βήμα 4) Βεβαιωθείτε ότι η αρχική σελίδα περιέχει κείμενο ως "Αναγνωριστικό Manger: επίδειξη"

Σε αυτό το παράδειγμα, έχουμε να κάνουμε με δύο σελίδες:

1. Είσοδος σελίδας
2. Αρχική σελίδα (εμφανίζεται μόλις συνδεθείτε)

Αντίστοιχα, δημιουργούμε 2 POM in Selenium τάξεις

Guru99 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 Αρχική Σελίδα POM σε 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 Απλό POM σε Selenium Δοκιμή

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"));
    }

Σε τι βρίσκεται το Page Factory Selenium?

Page Factory in Selenium είναι μια ενσωματωμένη έννοια πλαισίου μοντέλου αντικειμένου σελίδας για Selenium WebDriver που βελτιώνει τη συντηρησιμότητα μειώνοντας τις επαναλαμβανόμενες αναζητήσεις στοιχείων χρησιμοποιώντας σχολιασμούς, όχι μέσω της ταχύτητας εκτέλεσης. Χρησιμοποιείται για την αρχικοποίηση αντικειμένων Page ή για τη δημιουργία στιγμιότυπων του ίδιου του αντικειμένου Page. Χρησιμοποιείται επίσης για την αρχικοποίηση στοιχείων κλάσης Page χωρίς τη χρήση του "FindElement/s".

Και εδώ, ακολουθούμε την έννοια του διαχωρισμού του χώρου αποθήκευσης αντικειμένων σελίδας και των μεθόδων δοκιμής. Επιπλέον, με τη βοήθεια της κλάσης PageFactory in Selenium, χρησιμοποιούμε σχολιασμούς @FindBy για να βρούμε το WebElement. Χρησιμοποιούμε τη μέθοδο initElements για την αρχικοποίηση στοιχείων ιστού.

@FindBy μπορεί να δεχθεί tagName, partalLinkText, name, linkText, id, css, className, xpath ως ιδιότητες.

Ας δούμε το ίδιο παράδειγμα με το παραπάνω χρησιμοποιώντας το Page Factory

Guru99 Σελίδα σύνδεσης με το 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 Αρχική σελίδα με 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 με την έννοια του Page Factory

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"));
    }
}

Η πλήρης δομή του έργου θα μοιάζει με το διάγραμμα:

AjaxElementLocatorFactory

AjaxElementLocatorFactory είναι μια χαλαρή ιδέα φόρτωσης του PageFactory στο SeleniumΧρησιμοποιείται για την εύρεση των στοιχείων ιστού μόνο όταν τα στοιχεία χρησιμοποιούνται σε οποιαδήποτε λειτουργία. Αντιστοιχίζει ένα χρονικό όριο για τα WebElements στην κλάση σελίδας αντικειμένου. Ένα από τα βασικά πλεονεκτήματα της χρήσης του μοτίβου PageFactory στο Selenium είναι η κλάση AjaxElementLocatorFactory.

Εδώ, όταν εκτελείται μια λειτουργία σε ένα στοιχείο, η αναμονή για την ορατότητά του ξεκινά μόνο από εκείνη τη στιγμή. Εάν το στοιχείο δεν βρεθεί στο δεδομένο χρονικό διάστημα, Δοκιμαστική θήκη Η εκτέλεση θα δημιουργήσει εξαίρεση "NoSuchElementException".

Για παράδειγμα:

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

Κατεβάστε το Selenium Αρχεία έργου για την επίδειξη σε αυτό το σεμινάριο

Συχνές Ερωτήσεις