Webdriver with Thucydides - TdT@Cluj #18

WebDriver + Thucydides
TDT – October 2, 2013
Vlad Voicu, Gabi Kis

Thucydides intro
Why use Thucydides framework ?
#1 Awesome reports 
Fully integrated with WebDriver
Multiple browsers supported
Native support for DDT
Native support for BDD
Continuous Integration support
Integrated with JIRA

Automate testing process
From Automation testing to Automated testing

Project Structure
Main tools
WebDriver
What?
WebDriver is a browser automation API
Used for?
UI Functional testing
Thucydides
What?
Testing framework using WebDriver
Used for?
Running tests, advanced reports
+

Project structure
Page 1 Page 2 Page 3
Steps
Tests

• Java JDK
o http://www.oracle.com/technetwork/java/javase/downloads/jdk6downloads-
1902814.html
o Download and install JDK
• Maven
o http://maven.apache.org/
o Download maven and unpack it on your drive
• Eclipse
o http://www.eclipse.org/downloads/packages/eclipse-ide-java-ee-
developers/junosr2
o m2eclipse plug-in
 Eclipse > Help > Install New Software > Work with: All Available Sites > m2e
• Firefox 11
o http://www.oldapps.com/firefox.php?old_firefox=7395
o Disable updates
Environment Setup

Path
MavenJava
Environment Variables

Check setup
Open Command Prompt and check versions:

from the command line
from the Eclipse IDE
How to create a new project

Create a Thucydides project – 1/7

Need to enter a archetype number

How to select the right archetype

Thucydides version number

Group naming
Project naming

Version and package

New Thucydides project - Eclipse
1
2
3
4

Quick glance on Generated Project
Page Objects
Features
Steps
Tests

Scope
Requirement
As a user I want to enter a search term and
navigate to a result.
Test case:
Go to Google search
Type a search term
Grab a search result from the list
Navigate to it
Validate the navigation

Creating a page
public class GoogleSearchPage{
}

Creating a page
public class GoogleSearchPage extends PageObject {
}

Creating a page
//add constructor due to PageObject
public GoogleSearchPage (WebDriver driver){
super(driver);
}
}

Creating a page
…
//add your WebElement to the Page
private WebElement searchInput;
}

Creating a page
…
@FindBy(|)
}

Creating a page
…
@FindBy(id=“?”)
}

Grab elements from HTML
Find element id:

Creating a page
…
@FindBy(id=“gbqfq”)
}

Creating a page
…
@FindBy(id=“gbqfbw”)
private WebElement searchButton;
}

Creating a page
…
public void inputTerm(String searchTerm){
element(searchInput).waitUntilVisible();
}
}

Creating a page
…
public void inputTerm(String searchTerm){
element(searchInput).waitUntilVisible();
searchInput.sendKeys(searchTerm);
}
}

Creating a page
…
@FindBy(id=“gbqfbw”)
private WebElement searchButton;
public void clickOnSearch(String searchTerm){
element(searchButton).waitUntilVisible();
searchButton.click();
}
}

Creating Second Page
public class GoogleResultsPage extends PageObject {
…
@FindBy(id=“search”)
private WebElement searchResults;
}

Creating Second Page
public class GoogleResultsPage extends PageObject {
public void findResult(String resultTerm){
element(searchResults).waitUntilVisible();
waitFor(ExpectedConditions.presenceOfAllElementsLocatedBy
(By.cssSelector(“div#search li.g”)));
List<WebElement> resultList =
searchResults.findElements(By.cssSelector(“li.g”));
for(WebElement elementNow:resultList){
if(elementNow.getText().contains(resultsTerm)){
elementNow.findElement(By.cssSelector(“a.l”)).click();
break;
}
}}

Adding Steps
Steps are recorded in reports
Method parameters are captured in the report
Step method names are split by camelCase

Adding Steps
public class GoogleSteps extends ScenarioSteps{
public GoogleSteps(Pages pages){
super(pages);
}
}

Adding Steps
…
public GoogleSearchPage googleSearchPage(){
return getPages.currentPageAt(GoogleSearchPage.class);
}
public GoogleResultsPage googleResultsPage(){
return getPages.currentPageAt(GoogleResultsPage.class);
}
}

Adding Steps
…
@Step
public void inputSearchTerm(String search){
googleSearchPage().inputTerm(search);
}
@Step
public void clickOnSearch(){
googleSearchPage(). clickOnSearch();
}
}

Adding Steps
…
@StepGroup
public void performSearch(String search){
inputSearchTerm(search);
clickOnSearch();
}
}

Adding Steps
…
@Step
public void findSearchResult(String search){
googleResultsPage().findResult(search);
}
}

Adding Steps
…
@Step
public void verifyUrl(String url){
Assert.assertTrue(“Url does not match! ”,
getDriver().getCurrentUrl.contains(url));
}
}

Creating a Test
@RunWith(ThucydidesRunner.class)
public class GoogleSearchTest {
@Managed(uniqueSession = true)
public WebDriver webdriver;
@ManagedPages(defaultUrl = “http://www.google.com”)
public Pages pages;
@Steps
public GoogleSteps googleSteps;
}

Creating a Test
…
@ManagedPages(defaultUrl = “http://www.google.com”)
public Pages pages;
…
@Test
public void googleSearchTest(){
googleSteps.performSearch(“evozon”);
googleSteps.findSearchResult(“on Twitter”);
googleSteps.verifyUrl(“twitter.com/evozon”);
}
}

Test
Test case:
Go to Google search
Type a search term
Grab a search result from the list
Navigate to it
Validate the navigation
…
@ManagedPages(defaultUrl
= “http://www.google.com”)
public Pages pages;
…
@Test
public void googleSearchTest(){
googleSteps.performSearch(“evozon”);
googleSteps.findSearchResult(“on Twitter”);
googleSteps.verifyUrl(“twitter.com/evozon”);
}
}

Project Example
Project implementation.

Run parameters
mvn integration-test
will run all tests in the project
mvn test –Dtest=[TEST_NAME]
will run specific test
Note: need to configure in pom.xml
mvn test –Dwebdriver.dirver=firefox
will specify the browser to run with
Note: other browsers need additional
configuration

Aggregate reports
mvn thucydides:aggregate
aggregate final report
Report location:
Project Root
– target
– site
– thucydides
– index.html

Data Driven Testing
TestData3
TestData2
TestData1
Test
CSV
File
Outcome
1
Outcome
2
Outcome
3

Group tests in features and stories

Automate testing process
Jenkins

Webdriver with Thucydides - TdT@Cluj #18

More Related Content

What's hot (20)

Viewers also liked (20)

Similar to Webdriver with Thucydides - TdT@Cluj #18 (20)

More from Tabăra de Testare (20)

Recently uploaded (20)

Webdriver with Thucydides - TdT@Cluj #18

Editor's Notes