Automatisches Exploratives Testen von Webanwendungen

Transkript

1 Automatisches Exploratives Testen von Webanwendungen Dr. Valentin Dallmeier IT-Themenabend

2 AG Produkte und Dienstleistungen für die Qualitätssicherung von Software.

3 AG Dr. Valentin Dallmeier Dr. Martin Burger Michael Mirold Bernd Pohl

4 Was ist eine Webanwendung? Benutzer Browser Server

5 Web 1.0 Statische Inhalte Interaktion mit der Anwendung löst einen Request zum Server aus Übertragung des kompletten DOMs Synchrone Kommunikation, d.h. der Client wartet auf die Antwort des Servers

6 Web 1.0 [1] Johannes Siep AJAX Webtests mit Selenium

7 AJAX Web klassisches Web Dynamische Technologien (XMLHTTPRequest) Verknüpfung der Technologien zu AJAX Web Desktop-Web

8 Web 2.0 [1] Johannes Siep AJAX Webtests mit Selenium

9 Web 2.0 AJAX - Ein Technologiemix aus Javascript Dynamischer DOM XMLHttpRequest-Object (CSS) Desktop-Web Große Teile der Anwendung laufen im Client Asynchrone Operationen ändern den Zustand des DOMs Keine Wartezeit ohne Rückmeldung (Spinning Wheel)

10 Web Herausforderungen für das Testen Zahl der Zustände des dynamischen DOMs explodiert Timing-Probleme durch Asynchronität Teile der Anwendung laufen im Client => Systemtests werden wichtiger Zahl der Zielplattformen steigt kontinuierlich

11 Selenium Selenium is a suite of tools to automate web browsers across many platforms.

12 Selenium OpenSource Testumgebung Steuert echte Browser fern (IE, Firefox, Chrome, Safari) Unterstützt mobile Plattformen (Android, IOS) Einfacher Einstieg durch Selenium IDE Unterstützt Java, C#, Python, Ruby... Flexibles Protokoll ermöglicht einfache Erweiterbarkeit Aktive Community mit Unterstützung der Industrie (Google)

13 Selenium Benutzer Browser Server Selenium

14 Selenium - Überblick Selenium IDE exportiert Selenium Testscript verwendet verwendet Selenium WebDriver baut auf Selenium Core

15 Selenium IDE Firefox-Plugin Stellt die Oberfläche der zu testenden Anwendung im Browser dar Zeichnet Interaktionen auf und spielt diese wieder ab (Record-Replay) Exportiert aufgezeichnete Test-Skripts für Java, C#, Python etc.

16 Selenium IDE DEMO

17 Selenese Test Script <tr><td rowspan="1" colspan="3">new Test</td></tr></thead><tbody> <tr> <td>open</td> <td>/zpt/integrale?action=viewpage&module=frontend&page.pk=8</td <td></td> </tr> <tr> <td>clickandwait</td> <td>id=button_main-navigation-block_nav0-9</td> <td></td> </tr> <tr> <td>clickandwait</td> <td>id=button_main-navigation-block_nav0-9-6</td> <td></td> </tr>... <tr> <td>asserttext</td> <td>//h3</td> <td>5. IT-Themenabend</td> </tr> </tbody></table></body></html>

18 Nachteile Selenium-IDE Nur für Firefox verfügbar Zeichnet keine Maus-Interaktion auf Verwendet CSS-Selektoren die nicht von allen Browsern unterstützt werden Replay funktioniert nur in der Selenium-IDE

19 Selenium WebDriver (Selenium 2) API zur Fernsteuerung von Browsern Testcode kommuniziert über Prozessgrenzen hinweg mit dem Browser WebDriver-Wire-Protokoll implementiert für Firefox, Chrome, IE 6+, Opera, Safari etc. Selenium Grid ermöglicht über das Wire-Protokoll die Verwaltung von Browser-Instanzen

20 Selenium WebDriver DEMO

21 Selenium WebDriver - Mouse etc. Actions builder = new Actions(driver.getRemoteWebDriver()); builder.movetoelement(element).perform();

22 Testen mit Selenium - Erfahrungen Record/Replay nicht für den Produktiveinsatz geeignet Tests im Selenese-Format nicht wartbar JUnit-Tests mit der WebDriver-API erfordern sorgfältiges Design der Tests Generierung von Testdaten nicht Teil von Selenium -> Verwendung von Silk Test oder Datenbankanbindung Sich wiederholende Teile sollten als Methoden/Konstanten abstrahiert werden Trennung von Fachlogik und Navigationslogik durch das Page Object Pattern verbessert die Stabilität der Tests

23 Selenium - Fazit Selenium ist das beste Produkt für die Implementierung von Fachtests auf Systemebene von Webanwendungen für verschiedene Browser. Nachteil: Wartungskosten und Anfälligkeit gegenüber Änderungen im Frontend.

24 WebMate - Automatisches Exploratives Testen

25 WebMate - Cross-Browser-Kompatibilität Funktionalität Darstellung? Funktioniert die Web-Anwendung in allen Browsern?

26 Schritt 1 - Modell der Web-Anwendung Analyse Start-URL Modell verbindet Zustände via Interaktionen

27 Exploration

28 Schritt 2 - Diagnose der Web-Anwendung Ausführung Modell XBrowser-Diagnose

29 Cross-Browser-Vergleich Vollautomatischer Vergleich? Basiert auf X/Y-Positionierung der Elemente Konfigurierbare Sensitivität Erkennt abweichende Positionen und Abmessungen Erkennt Abweichungen in der Positionierung der Elemente zueinander Ergebnisse aufbereitet als HTML-Report Unterstützte Browser (derzeit): IE 6-10, Firefox 3.6+, Chrome 8+

30 Cross-Browser-Report Cispa DEMO

31 Ausblick Start von WebMate als Dienst im Netz zur CeBit 2014 Ausbau von WebMate als Platform zum explorativen Testen für Sicherheitsund Usability-Tests Hosting von Selenium-Infrastruktur nach deutschem Datenschutzrecht

32 Zusammenfassung

33 Vielen Dank!