Testing in 2024

Transcript

1. RainerHahnekamp Testing in 2024 Rainer Hahnekamp 24. May 2024
2. RainerHahnekamp About Me... Professional NgRx https://www.youtube.com/ @RainerHahnekamp https://www.ng-news.com https://github.com/softarc-consulting/sheriff • Rainer Hahnekamp ANGULARarchitects.io • Developer / Trainer / Speaker Modern Spring for Angular @RainerHahnekamp
3. RainerHahnekamp Agenda 1. Testing Types 2. Testing Strategies 3. Testing Tools
4. RainerHahnekamp Testing Types
5. RainerHahnekamp Testing Terms are not specified
6. RainerHahnekamp Unit Tests Integration & Component Tests End-to-End (E2E) Tests
7. RainerHahnekamp Component Service Service Service Directive Service Component Pipe Service Unit Test
8. RainerHahnekamp Component Service Service Service Directive Service Component Pipe Service ~ Component Test
9. RainerHahnekamp Component Service Service Service Directive Service Component Pipe Service Integration Test
10. RainerHahnekamp E2E Test
11. RainerHahnekamp Testing Strategies
12. RainerHahnekamp Spotify - Honeycomb Kent Dodds' Trophy
13. RainerHahnekamp The Right Balance "Fingerspitzengefühl"
14. RainerHahnekamp Testing Tools
15. RainerHahnekamp Unit Tests Integration & Component Tests End-to-End (E2E) Tests
16. RainerHahnekamp Unit Tests Integration & Component Tests End-to-End (E2E) Tests
17. RainerHahnekamp Jasmine (Karma / Web Test Runner) ✅ Official Testing Solution ✅ Supported by Angular • No Issues with ESM • No Issue with Build Process • Used by Angular Material, Framework, etc. ✅⛔Full Browser Support ⛔ Not Supported by Nx ⛔ Not so fast as others
18. RainerHahnekamp Unit Tests Integration & Component Tests End-to-End (E2E) Tests
19. RainerHahnekamp Unit Tests Integration & Component Tests End-to-End (E2E) Tests
20. RainerHahnekamp Jest ✅ Major Testing Framework in JavaScript ✅ Parallelization Support ✅ "Affected Mode" ✅ Upcoming Official Support ✅⛔ Depends on Community Contributions ⛔ History of ESM Issues ⛔ Asynchronous Tasks harder than in Jasmine
21. RainerHahnekamp Unit Tests Integration & Component Tests End-to-End (E2E) Tests
22. RainerHahnekamp Unit Tests Integration & Component Tests End-to-End (E2E) Tests
23. RainerHahnekamp Vitest ✅ Modern Testing Framework ✅ Based on Vite ✅ Faster than Jest ✅ Jest Compatibility ✅⛔ Support only via Analog ⛔ Not that much used in Angular
24. RainerHahnekamp Unit Tests Integration & Component Tests End-to-End (E2E) Tests
25. RainerHahnekamp Unit Tests Integration & Component Tests End-to-End (E2E) Tests
26. RainerHahnekamp Cypress ✅ Most used E2E Framework ✅ Great Developer Experience ✅ Stable Tests ✅ Official Partner of Angular ⛔ Parallelization and Test Replay via Cypress Cloud ⛔ Minor Constraints due to "In-Browser Tests"
27. RainerHahnekamp
28. RainerHahnekamp Unit Tests Integration & Component Tests End-to-End (E2E) Tests
29. RainerHahnekamp Unit Tests Integration & Component Tests End-to-End (E2E) Tests
30. RainerHahnekamp Playwright ✅ Future #1 E2E Testing Framework ✅ Parallelization and Traceview out of the Box ✅ No Constraints due to "Outside-Browser Tests" ⛔ Not an Official Partner of Angular
31. RainerHahnekamp
32. RainerHahnekamp In the Midst
33. RainerHahnekamp Unit Tests Integration & Component Tests End-to-End (E2E) Tests
34. RainerHahnekamp Unit Tests Integration & Component Tests End-to-End (E2E) Tests
35. RainerHahnekamp Unit Tests Integration & Component Tests End-to-End (E2E) Tests
36. RainerHahnekamp Unit Tests Integration & Component Tests End-to-End (E2E) Tests
37. RainerHahnekamp Testing Library ✅ Boosts Testing DX ✅ Enforces certain Testing Style ✅ Huge Ecosystem ✅⛔ Runs on top of Jasmine, Jest,... ⛔ No E2E DX Cypress Component Testing ✅ E2E DX ✅ Integrated into Angular ✅ Lower Maintenance Costs ⛔ Minor Technical Constraints ⛔ Build Issues ⛔ *Not Actively Maintained Playwright Component Testing ✅ E2E DX ✅ Integrated into Angular ✅ Lower Maintenance Costs ✅⛔ Community Driven ⛔ Experimental
38. RainerHahnekamp Safe Pragmatic Brave
39. RainerHahnekamp Unit Tests Integration & Component Tests End-to-End (E2E) Tests
40. RainerHahnekamp Unit Tests Integration & Component Tests End-to-End (E2E) Tests
41. RainerHahnekamp Further Reading • Martin Fowler ◦ https://martinfowler.com/articles/2021-test-shapes.html ◦ https://martinfowler.com/articles/mocksArentStubs.html • Guillermo Rauch ◦ https://twitter.com/rauchg/status/807626710350839808 • Kent Dodds ◦ https://kentcdodds.com/blog/write-tests • Spotify Blog ◦ https://engineering.atspotify.com/2018/01/testing-of-microservices/ • Ramona Schwerig ◦ https://www.smashingmagazine.com/2023/09/long-live-test-pyramid/ • Alex Rickabaugh ◦ https://github.com/angular/angular/issues/54438#issuecomment-1971813177 • Nx & Karma ◦ https://github.com/nrwl/nx/issues/19770 • Cypress Issue on improving Component Testing for Angular ◦ https://github.com/cypress-io/cypress/issues/26243 • Douglas Parker on official Jest Support ◦ https://github.com/angular/angular-cli/issues/25217#issuecomment-1581581005
42. RainerHahnekamp Хвала вам