Das Erstellen und Verwalten von Tests stellt im Software-Engineering eine komplexe und zeitaufwändige Disziplin dar. Nicht selten überschreiten die Aufwände, automatisierte Tests zu schreiben, den eigentlichen Implementierungsaufwand. Und noch viel schlimmer: Tests müssen gepflegt werden. Bei fachlichen oder technischen Änderungen der getesteten Software müssen auch die Tests angepasst werden. Nils und Oliver zeigen am Beispiel von Oberflächentests wie man lesbare, wartbare und dokumentierte Tests schreiben kann, damit sich die Aufwände amortisieren. Sie zeigen dabei, dass man weder teure, kommerzielle Produkte einsetzen noch sämtliche Komponenten selbst implementieren muss. Durch die Kombination etablierter Java-Frameworks und -Tools ist es möglich, ein Test-Werkzeug zu schaffen, das das Erstellen und vor allem die Wartung von Oberflächentests extrem vereinfacht.

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