Angular Testing von A bis Z

AngularDays 2017 in Berlin - Testing from A to Z

Transcript

1. A -Z Testing
2. Fabian Gosebrink
5. Agenda Exploring the Tools Unit Testing with Angular Integration Testing with Angular End 2 End Testing with Angular Test Driven Development
6. Testing
7. UnitTesting
8. ShallowTesting
9. INtegrationTesting
10. End 2 End Testing
11. Strategies
12. SmallesT as Possible
13. REadable
14. Do Not Mock...
15. ...That Often
16. Test Driven
17. Explore the tools
18. Explore the tools Protractor Jasmine Karma
19. Jasmine • Behaviour Driven Development • Fast
23. Some Jasmine Matchers expect(array).toContain(member); expect(mixed).toBeDefined(); expect(mixed).toBeFalsy(); expect(mixed).toBeNull(); expect(mixed).toBeTruthy(); 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(number); expect(spy).toHaveBeenCalledWith(...arguments);
26. Skip Tests
27. Karma • Test runner • Spawns browser & runs tests • Also on CommandLine
30. Protractor • End-to-end test framework • Runs in a real browser • Test like a user
31. Testing
32. Component.ts
33. Component.spec.ts
34. AngularCLI
38. ARRANGE ACT ASSERT
40. Testing Pipes
42. Testing Services
46. Testing Services ASYNC
50. Code...
51. Testing Routing
54. Testing Components
55. Code...
57. https://github.com/FabianGosebrink/AngularDays-2017 https://offering.solutions https://swissangular.com @FabianGosebrink
58. Links https://medium.com/google-developer-experts/angular-2-testing-guide-a485b6cb1ef0 https://blog.thoughtram.io/angular/2016/12/27/angular-2-advance-testing-with-custom- matchers.html https://blog.nrwl.io/essential-angular-testing-192315f8be9b https://vsavkin.com/three-ways-to-test-angular-2-components-dcea8e90bd8d https://medium.com/letsboot/angular-end-to-end-testing-c3b9950fdd41 https://developers.livechatinc.com/blog/testing-angular-2-apps-routeroutlet-and-http/ https://jasmine.github.io/edge/introduction.html#section-Included_Matchers