Question

基于selenium的测试中最受欢迎的模式之一是页面对象。不幸的是，如果我们按原样使用它们，我们经常需要复制代码。请考虑以下情况：

我们使用UI框架，使用通用组件，说一些花哨的表
表非常复杂，有过滤，排序，搜索
该表用于应用程序的多个页面

是否有任何现有的基础设施可以在selenium或thrid party lbirary中创建更细粒度的组件对象而不是页面对象？我的意思是，注释和相关的基础设施？

Answer 1

作为selenium webdriver的移动实现的Appium具有小部件的概念，它是pageobjects的扩展。有一个Widget类，允许人们相对于包含在Web浏览器中的元素进行搜索。您可以在appium源测试部分查看。查看包io.appium.java_client.pagefactory_tests.widgets。这支持FindBy注释和WebElement构造以及PageFactory初始化。

所以不要使用

@FindBy(.......)
private WebElement myTable;

你可以使用

@FindBy(container of the table....)
private Table myTable;

表类现在可以拥有所有相关的变量和方法。

POM.xml的一部分

<dependency>
    <groupId>org.seleniumhq.selenium</groupId>
    <artifactId>selenium-api</artifactId>
    <version>2.53.1</version>
</dependency>
<dependency>
    <groupId>io.appium</groupId>
    <artifactId>java-client</artifactId>
    <version>4.1.2</version>
</dependency>

测试类 -

import io.appium.java_client.pagefactory.AppiumFieldDecorator;

import org.junit.Test;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.support.PageFactory;

public class WidgetBrowTest {

    @Test
    public void test() {
        System.setProperty("webdriver.chrome.driver", "E:/Software Testing/Selenium/Jars/chromedriver.exe");

        WebDriver driver = new ChromeDriver();

        driver.get("http://stackoverflow.com/");


        SOHome soHome = new SOHome(driver);
        PageFactory.initElements(new AppiumFieldDecorator(driver), soHome);

        //Below two are from widget - First question in stackoverflow homepage
        System.out.println(soHome.getFirstQues().getQuesTitle());
        System.out.println(soHome.getFirstQues().getQuesTags());

        //Below two are from home page
        System.out.println(soHome.getLogoText());
        System.out.println(soHome.getMenuText());
    }
}

StackOverflow主页 -

import java.util.List;
import java.util.stream.Collectors;

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

public class SOHome {

    @FindBy(css="div[id='hlogo'] > a")
    private WebElement logo;

    @FindBy(xpath="//div[@id='hmenus']//li/a")
    private List<WebElement> menuOpt;

    @FindBy(css="div[class='summary']")
    private SOQuesWidget firstQues;

    private WebDriver driver;


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

    public String getLogoText() {
        return logo.getText();
    }

    public List<String> getMenuText() {
        return menuOpt.stream().map(t -> t.getText()).collect(Collectors.toList());
    }

    public SOQuesWidget getFirstQues() {
        return firstQues;
    }
}

问题小工具 - 第一个问题

import java.util.List;
import java.util.stream.Collectors;

import org.openqa.selenium.WebElement;
import org.openqa.selenium.support.FindBy;

import io.appium.java_client.pagefactory.Widget;

public class SOQuesWidget extends Widget {

    @FindBy(css="a[class='question-hyperlink']")
    private WebElement quesTitle;

    @FindBy(xpath=".//div[starts-with(@class,'tags')]/a")
    private List<WebElement> quesTags;

    protected SOQuesWidget(WebElement element) {
        super(element);
    }

    public String getQuesTitle() {
        return quesTitle.getText();
    }

    public List<String> getQuesTags() {
        return quesTags.stream().map(t -> t.getText()).collect(Collectors.toList());
    }
}

Answer 2

页面对象有点用词不当。它们不必是专门用于跟随页面对象模型的完整页面。我将创建一个Table类（页面对象），其中包含Table对象的所有定位器和方法，然后将其包含在它出现的页面/页面对象中。

例如，如果主页包含表对象，则HomePage类将引用Table类。

组件对象而不是selenium中的页面对象

2 个答案: