Angular Testing with Jasmine, Karma and Cypress

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 talk, Fabian Gosebrink shows how to put his Angular applications through their paces. 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. with
   

   View Slide

2. Fabian
   Gosebrink
   

   View Slide

3. View Slide

4. View Slide

5. Why do
   we test?
   

   View Slide

6. View Slide

7. Why do
   we test?
   

   View Slide

8. Avoid Bugs
   

   View Slide

9. View Slide

10. View Slide

11. View Slide

12. View Slide

13. 9,223,372,036,854,775,808
    

    View Slide

14. View Slide

15. Why do
    we test?
    

    View Slide

16. Documentation
    

    View Slide

17. Be
    faster
    

    View Slide

18. Save
    money
    

    View Slide

19. Refactorings
    

    View Slide

20. Quality
    

    View Slide

21. Testing
    

    View Slide

22. View Slide

23. View Slide

24. View Slide

25. View Slide

26. View Slide

27. View Slide

28. View Slide

29. View Slide

30. View Slide

31. View Slide

32. View Slide

33. View Slide

34. View Slide

35. View Slide

36. View Slide

37. View Slide

38. View Slide

39. View Slide

40. View Slide

41. View Slide

42. View Slide

43. View Slide

44. View Slide

45. View Slide

46. View Slide

47. View Slide

48. View Slide

49. View Slide

50. View Slide

51. View Slide

52. View Slide

53. View Slide

54. View Slide

55. View Slide

56. View Slide

57. View Slide

58. $ ng g component toTest
    

    View Slide

59. View Slide

60. View Slide

61. View Slide

62. View Slide

63. View Slide

64. View Slide

65. View Slide