The presentation is devoted to the test framework GEB for testing WEB applications and Mobile. The report will be useful for those who want to know how fast to write tests in the programming language Groovy, and not think about framework, PageObject and initializing the WebDriver. Framework is difficult - no! This presentation by Yaroslav Sviatkin (Senior Test Automation Engineer, Consultant, GlobalLogic, Kharkiv) was delivered at QA Fest 2017 (Kyiv) on September 22, 2017.

1. 1
A test framework out of the box - Geb for Web
and mobile
Yaroslav Sviatkin
Senior Test Automation Engineer, Consultant

2. 2

3. 3
HtmlElements. Page Object

4. 4
JDI UI Test Automation Framework
@JSite(domain = "https://epam.github.io/JDI/")
public class JDIExampleSite extends WebSite {
public static HomePage homePage;
public static LoginForm loginForm;
@FindBy(css = ".profile-photo")
public static Label profilePhoto;
public static void login() {
profilePhoto.click();
loginForm.loginAs(new User());
}
}

5. 5
Automated Acceptance Testing with Style
http://www.thucydides.info/#/

6. 6

7. 7
Project structure
Page Object classes
Steps implementation
class
Stories classes
Requirements for the
application under test

8. 8
Organizing requirements
First, you create a model of the features and user stories you intend to
implement:
Stories
Features

9. 9
Page Objects
Next you will need to implement your page objects. These are almost just
run-of-the-mill WebDriver page objects, but with a few enhancements:

10. 10
Steps implementation
Now implement the actual test steps using either WebDriver page objects or
other test steps. Here you start thinking about implementation:
A step library
High level steps...
...implemented with
Page Objects
...or with other steps

11. 11

12. 12
Selenide
http://selenide.org

13. 13

14. 14
Geb
http://www.gebish.org

15. 15
Geb is a browser automation solution
What is Geb?

16. 16
• Any web and mobile applications
• App doesn't need to be written in Groovy
What can you test with Geb?

17. 17
go "http://www.google.com"
$("input", name: "q").value("geb")
$("button", name: "btnG").click()
waitFor { $("#search").displayed }
$("h3.r").first().click()
waitFor { title == "Geb - Very Groovy Browser

18. 18
Selector syntax
title { $(By.xpath(".//h4[@class='title ng-
binding']")).text()
$("#by-id")
$(".by-class")
$("div", name: "by-attribute")
$("div", text: "By text")
$(By.id("some-id"))
$(By.className("some-class"))
$(By.xpath('//p[@class="xpath"]'))
…

19. 19
assert $("p", 1..2)*.text() == ["b", "c"]
assert $("p", text: ~/p./).size() == 2
assert $("p", text: startsWith("p")).size() == 2

20. 20
assert $("p.d").previous() == $("p.c")
assert $("p.e").prevAll() == $("p.c").add("p.d")
assert $("p.d").next() == $("p.e")
assert $("p.c").nextAll() == $("p.d").add("p.e")
assert $("p.d").parent() == $("div.b")
assert $("p.c").siblings() ==
$("p.d").add("p.e")
assert $("div.a").children() ==
$("div.b").add("div.f")

21. 21
project { String index -> $(By.xpath("//div[@class=card-item']//h4[@title='${index}']")).click() }
projectPage.project(nameProject)

22. 22
dynamicallyAdded(wait: true) { $("p.dynamic") }
dynamicallyAdded(wait: 5, required: false) {
$("p.dynamic") }
cachedValue(cache: true) { value }
helpLink(to: HelpPage) { $("a", text: "Help") }

23. 23
Page Object Model

24. 24
Page

25. 25
Control modules
• FormElement
• Checkbox
• Select
• MultipleSelect
• TextInput
• Textarea
• FileInput
• RadioButtons

26. 26
class ExamplePage extends Page {
static content = {
theModule { module ExampleModule }
}
}
class ExampleModule extends Module {
static content = {
button { $("input", type: "submit") }
}
}

27. 27
class NotificationModule extends Module {
static content = {
notifocation {
$(By.xpath(".//li[contains(@ng-repeat,'notifications')]")).moduleList(Notification)
}
gotItButton { $(By.xpath(".//button[@ng-click='appCtrl.gotItNotifications()']")) }
}
}
class Notification extends Module {
static content = {
name { $(By.xpath("//h5")).text() }
dete { $(By.xpath("//div[contains(@class,'date')]")).text() }
notification { $(By.xpath("//p")) text() }
}
}

28. 28
searchResult(required: false, wait: 5) { $(By.xpath("//li/a/strong"))*.text() }
notification { $(By.xpath("//ul[contains(@ng-if,'notifications')]")).module(NotificationModule) }
menuLinksModule(wait: 5) {
$(By.xpath("//button[contains(@class,'services')]")).module(MenuLinksModule) }

29. 29
class IdeaCreatePage extends geb.Page {
static at = { $("div#create-idea").displayed }
}
static content = {
createButton(to: IdeaShowPage) { $("input#create") }
}
IdeaCreatePage ideaCreatePage = to(IdeaCreatePage)
isAt(IdeaCreatePage)

30. 30
•
class LoginPage extends Page {
static url = "access/signin"
static at = { browser.currentUrl.startsWith("https://wwwwwwwwww.com") }
static content = {
userName(wait: 5) { $(By.xpath("//input[@type='text']")) }
userPassword { $(By.xpath("//input[@type='password']")) }
loginError(required: false, wait: 3) { $(By.xpath("//div[@class='error']")).text() }
loginSubmit { $("button", text: startsWith("Login")).click() }
heading (to:BasePage){ $(By.xpath("//div[@class='info']/h1")).text() }
}
def login(String login, String password) {
userName.firstElement().clear()
userPassword.firstElement().clear()
userName << login
userPassword << password
loginSubmit
}
}

31. 31
waitFor examples
waitFor {
$("div.alert").displayed
}
waitFor {
$("div.message").text() == "Update
successful"
}

32. 32
Mouse interactions
void moveRatingSlider(Integer rating) {
// Slider is 400 pixels wide and starts at 1,
// so each notch above 1 is 100 pixels
apart
Integer numPixelsX = (rating - 1) * 100
interact {
clickAndHold(ratingSliderHandle)
moveByOffset(numPixelsX, 0)
release()
}
}
WebElement underlyingElement =
$('#myElement').getElement(0)
Action action = new
Actions(browser.driver)
.clickAndHold(underlyingElement)
.moveByOffset(15,15)
.release()
.build()
action.perform()
}
Use keyboard
$(".ui-slider-handle") << Keys.ARROW_RIGHT

33. 33
Already opened windows
withWindow({ title == "Geb - Very Groovy Browser Automation" }) {
assert $("#slogan").text().startsWith("very groovy browser automation…")
}
}
withNewWindow({ $('a').click() }) {
assert title == 'Geb - Very Groovy Browser Automation'
}

34. 34
@Test
void feedBackReferenceTest() {
openMenu
browser.withNewWindow({ basePage.menuLinksModule.feedback }, {
assert browser.currentUrl.startsWith("https://helpdesk.com/")
})
}
@Test
void officeMapReferenceTest() {
openMenu
browser.withWindow({
basePage.menuLinksModule.officeMap }, {
if (browser.currentUrl == signinUrl) {
loginPage.login(userName, userPassword)
}
assert browser.currentUrl == "https://portal.com"
})
browser.to(ProjectPage)
}

35. 35
Show hidden element
void scrollUp() {
js.exec("""window.scrollTo(0,0)""")
}
$("div#a").jquery.mouseov
er()
Browser.drive {
assert js.myGlobalVar ==
1
}

36. 36
Available browsers

37. 37
waiting {
timeout = 2
}
baseUrl = "https://wwwwwwwww.com/"
autoClearCookies = false
atCheckWaiting = true
baseNavigatorWaiting = true
name = ''
password = ''
mail =''
environments {
chrome {
driver = {
def driverInstance = new ChromeDriver()
driverInstance.manage().window().maximize()
driverInstance
}
}
firefox {
driver = {
def driverInstance = new FirefoxDriver()
driverInstance.manage().window().maximize()
driverInstance
}
}
ie {
driver = {
def driverInstance = new InternetExplorerDriver()
driverInstance.manage().window().maximize()
driverInstance
} }}
//Receiving name and password from GebConfig.groovy
final String userName = browser.config.rawConfig.name
final String userPassword =
browser.config.rawConfig.password

38. 38
task chromeTest(type: Test) {
systemProperty "geb.env", "chrome"
systemProperty "webdriver.chrome.driver", "driverschromedriver.exe"
useTestNG {
suites "srctestresourcestestng-suite.xml"
useDefaultListeners = true
}
}
// Drivers
testCompile "org.seleniumhq.selenium:selenium-chrome-driver:$seleniumVersion"
testCompile "org.seleniumhq.selenium:selenium-firefox-driver:$seleniumVersion"
testCompile "org.seleniumhq.selenium:selenium-ie-driver:$seleniumVersion"

39. 39
static String randomString(int count) {
(1..count).inject("") { a, b -> a += ('a'..'z')[new Random().nextFloat() * 26 as int] }.capitalize()
}
def getWanted() {
def result = []
HTTPRequest.request(GET, JSON) { req ->
uri.path = '/wanted'
headers.'Auth' = "${TOKEN}"
response.success = { resp, json ->
println new JsonBuilder( json).toPrettyString()
(json as ArrayList).each {
String name = it.name
def projects = []
(it.projects as ArrayList).each {
projects << [it.projectid.'$oid', it.title]
}
result << [name, projects].flatten()
}
}
}
result
}

40. 40
List getAllIdProject() {
def result = []
GITLAB.get(path: "/gitlab/api/v3/projects/all") { resp, json ->
println new JsonBuilder(json).toPrettyString()
def request = (json as Map)
result = request*.id
}
result
}
assert loginPage.heading == "Welcome"

41. 41
Geb integrates with

42. 42
Geb-mobile
https://github.com/JasonKissinger-MDT/geb-mobile

43. 43

44. 4444
Q & A

45. 45
Yaroslav Sviatkin
Senior Test Automation Engineer,
Consultant
iaroslav.sviatkin@globallogic.com
Thank you