A test framework out of the box - Geb for Web and mobile
Download as PPTX, PDF1 like770 views
The document outlines a test automation framework utilizing Geb for web and mobile applications, emphasizing the Page Object Model and the implementation of automated acceptance testing. It discusses the components involved such as project structure, page objects, step implementations, and dynamic elements, alongside examples of handling browser automation and user interactions. Additionally, it mentions integration with various browsers and provides code examples for practical implementation.
![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"]'))
…](https://image.slidesharecdn.com/qafestsviatkin-171009102749/85/A-test-framework-out-of-the-box-Geb-for-Web-and-mobile-18-320.jpg)
![19
assert $("p", 1..2)*.text() == ["b", "c"]
assert $("p", text: ~/p./).size() == 2
assert $("p", text: startsWith("p")).size() == 2](https://image.slidesharecdn.com/qafestsviatkin-171009102749/85/A-test-framework-out-of-the-box-Geb-for-Web-and-mobile-19-320.jpg)
![21
project { String index -> $(By.xpath("//div[@class=card-item']//h4[@title='${index}']")).click() }
projectPage.project(nameProject)](https://image.slidesharecdn.com/qafestsviatkin-171009102749/85/A-test-framework-out-of-the-box-Geb-for-Web-and-mobile-21-320.jpg)
![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() }
}
}](https://image.slidesharecdn.com/qafestsviatkin-171009102749/85/A-test-framework-out-of-the-box-Geb-for-Web-and-mobile-27-320.jpg)
![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) }](https://image.slidesharecdn.com/qafestsviatkin-171009102749/85/A-test-framework-out-of-the-box-Geb-for-Web-and-mobile-28-320.jpg)
![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
}
}](https://image.slidesharecdn.com/qafestsviatkin-171009102749/85/A-test-framework-out-of-the-box-Geb-for-Web-and-mobile-30-320.jpg)
![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
}](https://image.slidesharecdn.com/qafestsviatkin-171009102749/85/A-test-framework-out-of-the-box-Geb-for-Web-and-mobile-39-320.jpg)
![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"](https://image.slidesharecdn.com/qafestsviatkin-171009102749/85/A-test-framework-out-of-the-box-Geb-for-Web-and-mobile-40-320.jpg)
A test framework out of the box - Geb for Web and mobile
- 1. 1 A test framework out of the box - Geb for Web and mobile Yaroslav Sviatkin Senior Test Automation Engineer, Consultant
- 2. 2
- 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
- 13. 13
- 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") }
- 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 }
- 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"
- 43. 43
- 44. 4444 Q & A
- 45. 45 Yaroslav Sviatkin Senior Test Automation Engineer, Consultant [email protected] Thank you