This document discusses automated testing for AngularJS applications. It introduces unit testing and end-to-end testing and the tools needed for testing AngularJS apps, including Jasmine, Protractor, and Selenium. Protractor examples are provided to demonstrate how to write end-to-end tests. The document also covers running tests in a headless setup to save resources and discusses some limitations of testing, such as not being able to control operating system windows and events. It concludes by providing contact information for the author and a note about job opportunities.

1. Automated
Headless
End2End
AngularJS Testing
by Benjamin Neu – 28.01.2015

2. • Ensures Quality
• Helps with refactoring
• Tests instead of specification / documentation
• Integration of new developers easier
Why Testing ?
Plan 30%Dev Time for writing tests
28.01.2015 2

3. Unit Tests
End2End Tests
vs
28.01.2015 3

4. Toolchain for Testing
Angular Test Stack
Protractor
test runner /
test framework
Selenium
web browser
automation
Browsers
28.01.2015 4
Jasmine
test description

5. Protractor Example
28.01.2015 5

6. Protractor Example (1)
28.01.2015 6

7. Protractor Example (2)
28.01.2015 7

8. Demo with UI
28.01.2015 8

9. Testing Automated
• Headless Setup, to save resources (no X-Server needed)
• Virtual framebuffer xvfb
28.01.2015 9
New Code
Event
Selenium
Standalone on
Ubuntu
BrowsersBamboo Build Server
Run and parse Protractor Test

10. Demo Headless
28.01.2015 10

11. • You can only control the webbrowser
and not the OS windows and events
• It is very hard to test if elements are visible at the
right position
• Toolchain sometimes does not keep up with browser
updates
Testing Limits
28.01.2015 11

12. POINT-OF-MEDIA.COM
benjamin.neu@point-of-media.com
STEFAN-GEORGE-RING 2 • 81929 MUNICH • GERMANY
PHONE + 49 89 – 21 54 74 61 - 0
LET‘S TEST IT
Looking for a job ? - WE ARE HIRING
28.01.2015 12