Das Dokument behandelt die Implementierung wartbarer Oberflächentests für Webanwendungen mit Open-Source-Software, insbesondere unter Verwendung des Selenium Web Drivers für Browser-Automation. Es beschreibt Konzepte wie Testfall-Architektur, Integration mit JUnit und den Einsatz von Page-Objekten zur Verbesserung der Wartbarkeit und Lesbarkeit. Zudem werden erweiterte Konzepte wie parallele Testausführung und Testdatenanbindung angesprochen, um die Effizienz von Tests zu steigern.

1. b+m Informatik AG
www.bmiag.de
Technologische Expertise im Software Engineering
Wartbare Oberflächentests mit Open-Source-Software
Nils Christian Ehmke
Oliver Libutzki

2. www.bmiag.de
• Der Weg zum wartbaren Test
• Erweiterte Konzepte
• Demo
Agenda

3. www.bmiag.de
Wartbare Oberflächentests mit Open-Source-Software
Der Weg zum wartbaren Test

4. www.bmiag.de 4
• Formulierung und Ausführung von integrativen UI-Tests
• Fokus auf Webanwendungen
• Fokus auf Lesbarkeit, Nachvollziehbarkeit und Wartbarkeit
• Formulierung in Java
• Don‘t reinvent the wheel
• Einsatz von Open-Source-Software
• Integration über definierte Schnittstellen
Prinzipien
Test API for Regressiontests

5. www.bmiag.de 5
Eingesetzte Frameworks/Tools
Browser-Automation
Entwicklungsumgebung

6. www.bmiag.de 6
Selenium Web Driver
• API zur Interaktion mit dem Browser
• Implementierungen in Java, C#, Ruby, Python und Javascript
• Implementierungen für alle gängigen Browser und headless
Selenium IDE
• Add-on für Firefox
• Capture-Replay-Funktionalität
• Export in Web Driver Format
Selenium

7. www.bmiag.de 7
Aktion Selenium-Befehl
„Cheese!“
in Suchfeld
eingeben
driver.findElement(By.id("lst-ib")).clear();
driver.findElement(By.id("lst-ib")).sendKeys("Cheese!");
„Lupe“
anklicken
driver.findElement(By.name("btnG")).click();
„Bilder“
anklicken
driver.findElement(By.cssSelector("a.q.qs")).click();
„Shopping“
anklicken
driver.findElement(
By.xpath("//a[contains(text(),'Shopping')]")).click();
„Web“
anklicken
driver.findElement(By.linkText("Web")).click();
Warum Tapir? Es gibt die Selenium IDE!

8. www.bmiag.de 8
Tests schreiben ist Programmieren!
In automated testing the Test Engineer
[…] must have software coding ability,
since the test cases are written in the
form of source code … (Test
automation, Wikipedia)
Many test automation tools provide record
and playback features […] reliance on
these features poses major reliability and
maintainability problems (Test automation,
Wikipedia)

9. www.bmiag.de 9
Google als Beispiel
WebDriver driver = new HtmlUnitDriver();
driver.get("http://www.google.com");
WebElement element = driver.findElement(By.name("q"));
element.sendKeys("Cheese!");
element.submit();
System.out.println("Page title is: " +
driver.getTitle());
driver.quit();
Quelle: https://code.google.com/p/selenium/wiki/GettingStarted

10. www.bmiag.de 10
Eingesetzte Frameworks/Tools
Browser-Automation
Entwicklungsumgebung
Testfall-Ausführung

11. www.bmiag.de 11
JUnit-Integration
@Test
public void testGoogleSearch() {
WebDriver driver = new HtmlUnitDriver();
driver.get("http://www.google.com");
WebElement element = driver.findElement(By.name("q"));
element.sendKeys("Cheese!");
element.submit();
assertThat(driver.getTitle(), is("Cheese! - Google
Search"));
driver.quit();
}
Integration über speziellen Runner
@RunWith(TapirBootstrapper.class)

12. www.bmiag.de 12
Browserunabhängigkeit
@Test
public void testGoogleSearch() {
WebDriver driver = new HtmlUnitDriver();
driver.get("http://www.google.com");
WebElement element = driver.findElement(By.name("q"));
element.sendKeys("Cheese!");
element.submit();
assertThat(driver.getTitle(), is("Cheese! - Google
Search"));
driver.quit();
}

13. www.bmiag.de 13
Browserunabhängigkeit
@Test
public void testGoogleSearch() {
WebDriver driver = new FirefoxDriver();
driver.get("http://www.google.com");
WebElement element = driver.findElement(By.name("q"));
element.sendKeys("Cheese!");
element.submit();
assertThat(driver.getTitle(), is("Cheese! - Google
Search"));
driver.quit();
}

14. www.bmiag.de 14
Eingesetzte Frameworks/Tools
Browser-Automation
Entwicklungsumgebung
Testfall-Ausführung
Depedency-Injection /
Aspect oriented programming

15. www.bmiag.de 15
Browserunabhängigkeit
@Autowired
private WebDriver driver;
@Test
public void testGoogleSearch() {
driver.get("http://www.google.com");
WebElement element = driver.findElement(By.name("q"));
element.sendKeys("Cheese!");
element.submit();
assertThat(driver.getTitle(), is("Cheese! - Google
Search"));
}

16. www.bmiag.de 16
@Test
public void testGoogleSearch() {
driver.get("http://www.google.com");
WebElement element = driver.findElement(By.name("q"));
element.sendKeys("Cheese!");
element.submit();
assertThat(driver.getTitle(), is("Cheese! - Google
Search"));
}
Lesbarkeit / Nachvollziehbarkeit / Wartbarkeit

17. www.bmiag.de 17
HTML-Abhängigkeiten beseitigen
If you have WebDriver APIs in your test methods,
You're Doing It Wrong.
-- Simon Stewart (Creator of Selenium Web Driver)
Test
Page Object
Page
Component
Element
Interface
HTML
Test
Page Object
Page
Component
Element
Interface
HTML

18. www.bmiag.de 18
• Interfaces spiegeln die Möglichkeiten des Benutzers wider
• Beispiel CheckboxField:
• void click(), boolean isEnabled(), boolean isDisplayed(),
boolean isSelected()
Element-Interfaces
«interface» CheckboxField
DefaultSeleniumCheckboxField
MyAppCheckboxField
Tapir Core
Tapir Selenium
MyApp Test

19. www.bmiag.de 19
@Page
public class GoogleSearchPage {
@FindBy(name = "q")
private WebElement queryField;
@FindBy(name = "btnK")
private WebElement googleSearchButton;
@Autowired
private BeanFactory beanFactory;
public TextField getQueryField() {
…
}
public Button getGoogleSearchButton() {
…
}
}
Page-Objekte und Element-Interfaces

20. www.bmiag.de 20
@Autowired
private WebDriver driver;
@Autowired
private GoogleSearchPage googleSearchPage;
@Test
public void testGoogleSearch() {
driver.get("http://www.google.com");
googleSearchPage.getQueryField().setText("Cheese!");
googleSearchPage.getGoogleSearchButton().click();
assertThat(driver.getTitle(), is("Cheese! - Google
Search"));
}
Page-Objekte und Element-Interfaces

21. www.bmiag.de 21
Auslagerung zur Wiederverwendung
public class BrowserInteraction {
@Autowired
private WebDriver driver;
public void openURL(String url) {
driver.get(url);
}
public String getTitle() {
return driver.getTitle();
}
}

22. www.bmiag.de 22
Auslagerung zur Wiederverwendung
@Autowired
private BrowserInteraction browserInteraction;
@Autowired
private GoogleSearchPage googleSearchPage;
@Test
public void testGoogleSearch() {
browserInteraction.openURL("http://www.google.com");
googleSearchPage.getQueryField().setText("Cheese!");
googleSearchPage.getGoogleSearchButton().click();
assertThat(browserInteraction.getTitle(), is("Cheese!
- Google Search"));
}

23. www.bmiag.de 23
@Page
public class GoogleSearchPage {
@FindBy(name = "q")
private WebElement queryField;
@FindBy(name = "btnK")
private WebElement googleSearchButton;
@Autowired
private BeanFactory beanFactory;
public TextField getQueryField() {
…
}
public Button getGoogleSearchButton() {
…
}
}
Alles gut, wenn das Page-Objekt nicht wäre…

24. www.bmiag.de 24
Eingesetzte Frameworks/Tools
Browser-Automation
Entwicklungsumgebung
Testfall-Ausführung
Depedency-Injection /
Aspect oriented programming
Syntactic Sugar /
Code-Generierung

25. www.bmiag.de 25
Xtend
Xtend-
Compiler
Java-
Compiler
Bytecode
Active
Annotations

26. www.bmiag.de 26
Page-Objekte mit Xtend
@Page
class GoogleSearchPage {
@SeleniumElement(name="q")
TextField queryField
@SeleniumElement(name="btnK")
Button googleSearchButton
}

27. www.bmiag.de 27
@Autowired
extension BrowserInteraction
@Autowired
GoogleSearchPage googleSearchPage
@Test
def void testGoogleSearch() {
openURL("http://www.google.com")
googleSearchPage.queryField.text = "Cheese!"
googleSearchPage.googleSearchButton.click
assertThat(title, is("Cheese! - Google Search"));
}
Test mit Xtend

28. www.bmiag.de 28
Wir haben es geschafft!
@Test
def void testGoogleSearch() {
openURL("http://www.google.com")
googleSearchPage.queryField.text = "Cheese!"
googleSearchPage.googleSearchButton.click
assertThat(title, is("Cheese! - Google Search"));
}
@Test
public void testGoogleSearch() {
driver.get("http://www.google.com");
WebElement element = driver.findElement(By.name("q"));
element.sendKeys("Cheese!");
element.submit();
assertThat(driver.getTitle(), is("Cheese! - Google
Search"));
}

29. www.bmiag.de
Wartbare Oberflächentests mit Open-Source-Software
Erweiterte Konzepte

30. www.bmiag.de 30
• Parallele Testausführung
• Feature-Modell zum Testen von Produktlinien
• schrittweise Testdefinition
• Testdatenanbindung
Erweiterte Konzepte

31. www.bmiag.de 31
Steps
@Autowired
extension BrowserInteraction
@Autowired
GoogleSearchPage googleSearchPage
@Step
def void openGoogleWebsite() {
openURL("http://www.google.com")
}
@Step
def void queryGoogle() {
googleSearchPage.queryField.text = "Cheese!"
googleSearchPage.googleSearchButton.click
assertThat(title, is("Cheese! - Google Search"));
}

32. www.bmiag.de 32
Data Provider
def static queryData() {
#["Cheese!", "Cake"]
}
@Step
def void openGoogleWebsite() {
openURL("http://www.google.com")
}
@Step
@DataProvidedBy("queryData")
def void testGoogleSearch(String queryData) {
googleSearchPage.queryField.text = queryData
googleSearchPage.googleSearchButton.click
assertThat(title, is(queryData + " - Google Search"));
}

33. www.bmiag.de 33
Eingesetzte Frameworks/Tools
Browser-Automation
Entwicklungsumgebung
Testfall-Ausführung
Depedency-Injection /
Aspect oriented programming
Syntactic Sugar /
Code-Generierung
Testergebnis-Reporting
Allure

34. www.bmiag.de 34
Visuelle Aufbereitung der Testergebnisse

35. www.bmiag.de 35
Eingesetzte Frameworks/Tools
Browser-Automation
Entwicklungsumgebung
Testfall-Ausführung
Depedency-Injection /
Aspect oriented programming
Syntactic Sugar /
Code-Generierung
Testergebnis-Reporting
Bau / Testausführung
außerhalb der IDE
Kontinuierliche Ausführung
Allure

36. www.bmiag.de 36
Kontinuierliche Ausführung

37. www.bmiag.de
Wartbare Oberflächentests mit Open-Source-Software
Demo

38. Kontakt
www.bmiag.de 39
Oliver Libutzki
Softwarearchitekt
b+m Informatik AG
Rotenhofer Weg 20
24109 Melsdorf
[oliver.libutzki@bmiag.de]
T +49 4340 404-1668
F +49 4340 404-111
Nils Christian Ehmke
Softwareentwickler
b+m Informatik AG
Rotenhofer Weg 20
24109 Melsdorf
[nils-christian.ehmke@bmiag.de]
T +49 4340 404-1686
F +49 4340 404-111