Das Dokument behandelt automatisierte Acceptance-Tests von Webanwendungen mit CasperJS und PhantomJS, sowie deren Verwendung im Test-Driven Development. Es beschreibt verschiedene Teststrategien, darunter Unit-Tests, Integration-Tests und funktionale Tests. Zusätzlich werden Tools und Erweiterungen vorgestellt, die die Automatisierung und Visualisierung von Tests unterstützen.

1. Acceptance Testing
/ Automatisierte _ Web _ App _ Tests _ mit _ CasperJS /
- Björn Wilmsmann -

2. CasperJS
•
•
•
Frontend Testing für Web Applikationen
•
HTML5 und JavaScript
Automatisierte Acceptance Tests
Headless Browser Testing für die
Kommandozeile

3. Test-Driven
Development

4. Unit Tests
•
•
•
Individuelle Source Code Einheiten
Kleinste testbare Einheit
Isoliertes Testen kleiner Einheiten

5. Integration Tests
•
•
Testen von Modulen
•
Zwischen Unit Tests und Acceptance Tests
Test der Zusammenarbeit einzelner
Komponenten

6. Acceptance Tests
•
Sind die funktionalen Anforderungen an
eine Software erfüllt?
•
•
User Stories
High Level Tests

7. Continuous Integration

8. PhantomJS
•
•
•
•
•
Headless WebKit Browser
JavaScript Umgebung ähnlich Node.js
Voller HTML5 Funktionsumfang
Scripting in JavaScript und CoffeeScript
http://phantomjs.org

9. WebKit
•
•
•
Konqueror
Safari
Chrome

10. Anwendungsfälle

11. Screenshots
•
•
•
Rendering von Websites
Export als PNG, JPEG, GIF oder PDF
Unterstützt SVG und Canvas

12. Automatisierung
•
•
Makros
•
•
Cronjob für Websites
Automatisierung von wiederkehrenden
Aufgaben
Unterstützt JavaScript

13. Monitoring
•
•
Untersuchung von Datenverkehr
•
Export in HAR (HTTP Archive) Format
onResourceRequested,
onResourceReceived

14. Code Beispiele

15. PhantomJS ist kein Test
Framework

16. Testing
•
•
Headless Testing von Websites
Test Frameworks
•
•
•
•
Capybara (via Poltergeist)
Mocha
…
CasperJS

17. CasperJS
•
•
•
•
Nutzt PhantomJS als Grundlage
Testing Framework
Scripting in JavaScript und CoffeeScript
http://casperjs.org

18. Funktionsumfang
•
•
•
•
Navigation Scripting
Formulare ausfüllen & abschicken
DOM Manipulation
Asserts & xUnit Ergebnisse

19. Test Suites
•
•
•
Vollständige Testabläufe
Strukturierte Tests
Set up and tear down

20. DOM Manipulation
•
•
•
DOM Selectors
CSS3
XPath

21. Events
•
•
•
Event Handler ähnlich Node.js
Filter
http://casperjs.org/events-filters.html

22. Hilfsfunktionen
•
Utils: Hilfsfunktionen / JavaScript
Erweiterungen
•
•
•
•
Client Side Utils
Logging
Debugging
Vererbung (via Prototypes)

23. Down to business

24. Und cross-browser
Kompatibilität?

25. Slimer.js
•
•
Nutzt Gecko (Mozilla) statt WebKit
•
http://slimerjs.org/
Wird von CasperJS seit 1.1-beta1 ebenfalls
unterstützt

26. TrifleJS
•
•
•
Headless Internet Explorer (via .NET API)
API analog PhantomJS
http://triflejs.org/

27. Tools

28. Resurrectio
•
•
•
Chrome Erweiterung
Aufnahme von Scripts und Abläufen
https://github.com/ebrehault/resurrectio

29. SpookyJS
•
•
CasperJS aus Node.js fernsteuern
https://github.com/WaterfallEngineering/
SpookyJS

30. PhantomFlow
•
•
Visualisierung von Nutzerführung
https://github.com/Huddle/PhantomFlow

31. PhantomCSS
•
•
Visual diff für CSS
https://github.com/Huddle/PhantomCSS

32. Weitere Links
•
https://github.com/BjoernKW/
CasperJS_presentation
•
http://blog.codeship.io/2013/03/07/
Smoke-Testing-with-Casperjs.html

33. Björn Wilmsmann
Stefan-George-Str. 15a
46117 Oberhausen
!
Website: http://wilmsmann.de
eMail: bjoern@wilmsmann.de
Tel.: +49-151-25209060