A talk about the relationship between AngularJS and testing and the tools used to test AngularJS apps.

1. AngularJS Testing
@ahmehri
Ahmed Elmehri

2. Testing is SO
IMPORTANT
2

3. AngularJS and Testing
https://flic.kr/p/7TvLop

4. Testable by Design
testable
4

5. Faster and Easier Testing
testing
fast to write and run
5

6. Good Relationship
https://flic.kr/p/7TvLop

7. Testing Tools https://flic.kr/p/2DWGDT

8. Testing Tools
Test Framework Test Runner
Test
Run
TestTest
Test
Test
Test
Test
More Customizations
8

9. Jasmine
https://flic.kr/p/4PY2ba

10. Jasmine
10

11. Standalone
DOM
JS Framework
11

12. Testing Levels
https://flic.kr/p/uQpnNp

13. Testing Levels and Tools
Unit Tests
End to End (E2E) Tests
13
Test Runner

14. Good Integration with CI Tools
14

15. Run on Node.js
extremely fast
15

16. CI Tools and Node.js
Builds Tests
16

17. Karma

18. Karma
18

19. Run on Real Browsers
Headless Browser
Headless Testing
Lot of DOM Manipulations
Real Browser
19

20. Test Framework Agnostic
20

21. Example

22. Protractor
https://flic.kr/p/iejK3M

23. Protractor
23

24. Built on Top of WebDriverIO
24
(Formerly WebDriverJS) AngularJS app
Native events
Specific drivers

25. No More Waits
25
Fluentlenium

26. No More Waits
26
Automatic Transition

27. Example

28. Thank You
@ahmehri
Ahmed Elmehri
#angularJS-testing