This framework is designed to provide easy-to-use way of interaction with web-page elements in your tests. It may be
considered as an extension of WebDriver Page Object.
With the help of Html Elements framework you can group web-page elements into blocks, encapsulate logic of interaction with them
and then easily use created blocks in page objects. It also provides a set of helpful matchers to use with web-page elements
and blocks. See JavaDocs
and Samples for more details.
In case you are non-java guy, don't panic, there are still few options:
- Html Elements .NET implementation - .NET port made by Vadzim Hushchanskou
- Html Elements PHP implementation - PHP port made by Alexander Obuhovich
- bumblebee framework (C#) - same idea, nice implementation
Maven dependencies for Html Elements core:
<dependency>
<groupId>ru.yandex.qatools.htmlelements</groupId>
<artifactId>htmlelements-java</artifactId>
<version>1.11</version>
</dependency>And for Html Elements matchers:
<dependency>
<groupId>ru.yandex.qatools.htmlelements</groupId>
<artifactId>htmlelements-matchers</artifactId>
<version>1.11</version>
</dependency>And for Thucydides integration:
<dependency>
<groupId>ru.yandex.qatools.htmlelements</groupId>
<artifactId>htmlelements-thucydides</artifactId>
<version>1.11</version>
</dependency>Or you can include all modules at once if needed:
<dependency>
<groupId>ru.yandex.qatools.htmlelements</groupId>
<artifactId>htmlelements-all</artifactId>
<version>1.11</version>
</dependency>For example, let's create a block for the search form on the page http://www.yandex.com:
@Name("Search form")
@Block(@FindBy(xpath = "//form"))
public class SearchArrow extends HtmlElement {
@Name("Search request input")
@FindBy(id = "searchInput")
private TextInput requestInput;
@Name("Search button")
@FindBy(className = "b-form-button__input")
private Button searchButton;
public void search(String request) {
requestInput.sendKeys(request);
searchButton.click();
}
}You can easily use created blocks in page objects:
public class SearchPage {
private SearchArrow searchArrow;
// Other blocks and elements here
public SearchPage(WebDriver driver) {
PageFactory.initElements(new HtmlElementDecorator(driver), this);
}
public void search(String request) {
searchArrow.search(request);
}
// Other methods here
}Created page objects can be used in your tests. That makes tests more comprehensive and easy to write.
public class SampleTest {
private WebDriver driver = new FirefoxDriver();
private SearchPage searchPage = new SearchPage(driver);
@Before
public void loadPage() {
driver.get("http://www.yandex.com");
}
@Test
public void sampleTest() {
searchPage.search("yandex");
// Some assertion here
}
@After
public void closeDriver() {
driver.quit();
}
}