Javascript testing made easy using the example of an angular application

Time and again, the testing in the frontend is put on the back burner. For a modern business application it is inevitable to write reasonable tests in the frontend as well. When developing Angular, testability was part of the concept right from the start. In this workshop Fabian Gosebrink shows how to test an Angular application thoroughly. A look is taken at the tools and the different possibilities of testing, so that no case is left untested in the end.

Transcript

1. Javascript Testing
3. @FabianGosebrink
4. Why do we Test?
8. Testing
9. Unit Testing
10. Shallow Testing
11. Integration Testing
12. End 2 End Testing
13. Strategies
14. Smallest as possible
15. Readable
16. Do not mock…
17. …that often
18. Test driven
19. Explore the tools
20. Explore the tools Protractor Jasmine Karma
21. Jasmine • Behaviour Driven Development • Fast
25. Some Jasmine Matchers expect(array).toContain(member); expect(mixed).toBeDefined(); expect(mixed).toBeFalsy(); expect(mixed).toBeNull(); expect(mixed).toBeUndefined(); expect(mixed).toEqual(mixed); expect(mixed).toMatch(pattern); expect(number).toBeCloseTo(number, decimalPlaces); expect(number).toBeGreaterThan(number); expect(number).toBeLessThan(number); expect(number).toBeNaN(); expect(spy).toHaveBeenCalled(); expect(spy).toHaveBeenCalledTimes(numb er);
28. Skip Tests
29. Karma • Test runner • Spawns browser & runs tests • Also on Commandline
32. Protractor • End-to-end test framework • Runs in a real browser • Test like a user
34. component.ts
35. component.spec.ts
36. AngularCLI
39. ARRANGE ACT ASSERT
41. Testing Pipes
42. Testing Services
49. Code...
50. Testing Routing
53. Testing Components
56. Code...
57. Automate
59. https://offering.solutions https://fabian-gosebrink.com https://github.com/FabianGosebrink/Angular-Testing @FabianGosebrink