页面对象模式理解

时间:2016-11-04 17:45:31

标签: java selenium-webdriver

我对理解这种模式有疑问。 首先,我想在我的页面中测试登录,我的LoginPage在成功验证后扩展了我的PageObject,它返回LoginPageReceipt。现在我有了loginPageReceipt,我想在第二页保留这个。我想的第二个问题是,如果我首先测试登录,那么我想测试下一个模块,但我必须登录。我应该怎么做?我的第二次测试不应该使用第一次测试的结果,我不应该复制我的代码。这是我的课程。我是怎么做到的。

 package Init;

import org.junit.After;
import org.junit.AfterClass;
import org.junit.BeforeClass;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.chrome.ChromeOptions;

import java.util.concurrent.TimeUnit;

public class FunctionalTest {
    protected static WebDriver driver;
//    private static WebDriverWait driverWait;

    @BeforeClass
    public static void setUp() {
        ChromeOptions options = new ChromeOptions();
        options.addArguments("--start-maximized");
        System.setProperty("webdriver.chrome.driver", "src\\main\\resources\\chromedriver.exe");
        driver = new ChromeDriver(options);
        driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);
//        driverWait = new WebDriverWait(driver, 10);
    }

    @After
    public void cleanUp() {
        driver.manage().deleteAllCookies();
    }

    @AfterClass
    public static void tearDown() {
        driver.close();
    }
}

package Init;

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.support.PageFactory;

public class PageObject {

    protected WebDriver driver;

    public PageObject(WebDriver driver) {
        this.driver = driver;
        PageFactory.initElements(driver, this);
    }

}
package Login;

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.support.FindBy;
import Init.PageObject;

import static org.junit.Assert.assertTrue;

public class LoginPage extends PageObject {

    @FindBy(id = "UserName")
    private WebElement userName;

    @FindBy(id = "Password")
    private WebElement password;

    @FindBy(id = "loginButton")
    private WebElement loginButton;

    public LoginPage(WebDriver driver) {
        super(driver);
        assertTrue(userName.isDisplayed());
        assertTrue(password.isDisplayed());
        assertTrue(loginButton.isDisplayed());
    }

    public void enterUserName(String userName) {
        this.userName.clear();
        this.userName.sendKeys(userName);
    }

    public void enterUserPassword(String password) {
        this.password.clear();
        this.password.sendKeys(password);
    }

    public LoginPageReceipt login() {
        loginButton.click();
        return new LoginPageReceipt(driver);
    }
}

package Contractor;

import Init.PageObject;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.support.FindBy;

import static org.junit.Assert.assertTrue;

public class ContractorPage extends PageObject {

    @FindBy(id = "moduleContent")
    private WebElement moduleContent;

    public ContractorPage(WebDriver driver) {
        super(driver);
        assertTrue(moduleContent.isDisplayed());
    }
}

package Login;

import Contractor.ContractorPage;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.support.FindBy;
import Init.PageObject;

public class LoginPageReceipt extends PageObject {

    @FindBy(xpath = "//*[@id=\"loginPartial\"]/span[5]")
    private WebElement userNamePanel;

    @FindBy(id = "contractors-menuitem")
    private WebElement goToContractorPage;

    public LoginPageReceipt(WebDriver driver) {
        super(driver);
    }

    public String loginConfirmation() {
        return  userNamePanel.getText();
    }

    public ContractorPage contractorPage() {
        goToContractorPage.click();
        return new ContractorPage(driver);
    }
}

package Tests;

import Login.LoginPage;
import Login.LoginPageReceipt;
import org.junit.Test;
import Init.FunctionalTest;

import static org.junit.Assert.assertEquals;

public class LoginTest extends FunctionalTest {

    private static final String USER_NAME = "xxx";
    private static final String PASSWORD = "xxx";

    @Test
    public void login() {
        FunctionalTest.driver.get("xxx");

        LoginPage loginPage = new LoginPage(FunctionalTest.driver);
        loginPage.enterUserName(USER_NAME);
        loginPage.enterUserPassword(PASSWORD);
        LoginPageReceipt loginPageReceipt = loginPage.login();

        assertEquals("Użytkownik: " + USER_NAME + " | Wyloguj", loginPageReceipt.loginConfirmation());
    }

}

package Tests;

import Contractor.ContractorPage;
import Init.FunctionalTest;
import Login.LoginPage;
import Login.LoginPageReceipt;
import org.junit.Test;

import static org.junit.Assert.assertEquals;

public class ContractorTest extends FunctionalTest {

    private static final String USER_NAME = "xxx";
    private static final String PASSWORD = "xxx";

    @Test
    public void contractorPageTest() {
        FunctionalTest.driver.get("xxx");

        LoginPage loginPage = new LoginPage(FunctionalTest.driver);
        loginPage.enterUserName(USER_NAME);
        loginPage.enterUserPassword(PASSWORD);
        LoginPageReceipt loginPageReceipt = loginPage.login();

        assertEquals("Użytkownik: " + USER_NAME + " | Wyloguj", loginPageReceipt.loginConfirmation());

        ContractorPage contractorPage = loginPageReceipt.contractorPage();
    }
}

2 个答案:

答案 0 :(得分:2)

页面对象模型的一个好处是它是一般指南,而不是一个僵化的系统。每个人都喜欢他们如何模拟他们的硒项目。

要回答您的直接问题,使用页面对象的方法触发要在浏览器中加载的新页面,返回表示该页面的新页面对象是完全有效的。

就每个单独的测试而言,除非您尝试将Web应用程序中的有状态信息跨越一个测试保存到另一个测试(对我来说通常是一个坏主意),然后是,您将需要每个测试重复此登录程序。但它不必是重复的代码,将该例程封装在每个测试可以作为一阶业务调用的方法中。此外,执行该过程与测试过程不同,您对登录页面的测试应断言事情是正确的,需要以中间步骤登录的其他测试应跳过这些断言。

页面对象另外不需要每个封装整个页面。您希望对与您正在测试的应用程序相关的设计进行深思熟虑。并非所有应用程序都是自动化的,因此硒项目也不应该具有普遍性。

如果您的应用是静态页面的集合,这些页面的状态变化不大,那么每个网页可能需要一个页面对象。但是,如果你有一个页面应用程序只是javascript使得页面的大区域出现并且非常频繁地消失...也许你的页面对象将更好地封装该单个页面的区域,代表来来往往的组件或框架但是本身就是一致的。

从概念的角度来看,您希望页面对象隐藏所有原始selenium,以便您的测试不需要知道或关心,并提供一个简洁的公共API,您的测试可以调用该API以在该页面上执行操作。

您的页面对象的方法是否在页面上封装了一小部分小动作,例如表单中每个字段的单独方法,或者更大的工作流程,例如填充整个表单并提交它的一种方法取决于您。这个决定应该考虑到应用程序的设计,你的目标是制作一些不仅可靠,而且易于创建新内容并且易于维护现有内容的内容。

编辑:

以下是理论登录页面对象的示例:

public class LoginPage {
    private final WebDriver driver;

    private final String emailField = "#email";
    private final String passwordField = "#password";
    private final String submitButton = "#submit";

    public LoginPage(WebDriver driver) {
        this.driver = driver;
    }

    // These are our bite sized methods right here
    public LoginPage enterEmail(String email) {
        driver.findElement(By.cssSelector(emailField)).sendKeys(email);
        return this;
    }

    public LoginPage enterPassword(String password) {
        driver.findElement(By.cssSelector(passwordField)).sendKeys(password);
        return this;
    }

    public void submit() {
        driver.findElement(By.cssSelector(submitButton)).click();
    }

    // This method represents an entire workflow, 
    // containing multiple bite-sized chunks.
    public void performLogin(String email, String password) {
        enterEmail(email);
        enterPassword(password);
        submit();
    }
}

要使用,您的测试可以执行以下操作:

WebDriver driver = new ChromeDriver(options);
LoginPage loginPage = new LoginPage(driver);

//One way:
loginPage.enterEmail("my@email.com").enterPassword("12345").submit();

// Another way:
loginPage.performLogin("my@email.com", "12345");

如果您确切知道要重定向到的位置,则submitperformLogin方法可以返回下一页对象的实例。

答案 1 :(得分:0)

另一个答案很好并澄清了你的问题。我想在这个答案中提出一个框架。

enter image description here

您的测试班不应该对硒有任何了解。它应该只与Page对象进行交互。页面对象通过页面片段与浏览器交互。页面片段处理webdriver。

当您使用selenium + java时,请查看Arquillian - Graphene。它是一组lib,可以帮助您在Java + Selenium中创建更好的框架。你可以添加libs&只是选择不使用。基本上它不会搞乱你现有的脚本。

<强>优点:

  • 您不需要页面工厂。一切都在运行时为您注入。包括司机。
  • AJAX处理
  • JQuery选择器
  • AngularJS选择器

还有更多。

例如:在你的情况下,

public class LoginPage  {
...
...
...
}


public class LoginPageReceipt {
...
...
...
} 



public class ContractorPage  {
...
...
...
}

测试课

public class LoginTest{

    @Page
    LoginPage loginPage;

    @Page
    LoginPageReceipt loginPageReceipt;

    @Test
    public void login() {
        loginPage.enterUserName(USER_NAME);
        loginPage.enterUserPassword(PASSWORD);
        loginPage.login();
        assertEquals("Użytkownik: " + USER_NAME + " | Wyloguj", loginPageReceipt.loginConfirmation());
    }

}

例如,检查here