Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Angular Testing with Jest and Cypress

Angular Testing with Jest and Cypress

Again and again, testing in the frontend is put on the back burner. Yet for a modern business application, it is inevitable to write reasonable tests in the frontend as well. In the development of Angular, testability was part of the concept from the very beginning. In this workshop, Fabian Gosebrink shows how to put your Angular applications through their paces. We will take a look at the tools and the different possibilities of testing, so that in the end no case remains untested.

Fb89953d3a1b1fcb862a186585c37c25?s=128

Fabian Gosebrink

February 24, 2022
Tweet

More Decks by Fabian Gosebrink

Other Decks in Technology

Transcript

  1. with

  2. Fabian Gosebrink

  3. None
  4. None
  5. Why do we test?

  6. None
  7. Why don't we test?

  8. https://twitter.com/SwissDevJobs/status/1496386345169793027

  9. Why do we test?

  10. None
  11. Avoid Bugs

  12. None
  13. None
  14. Why do we test?

  15. Documentation

  16. Be faster

  17. Save money

  18. Refactorings

  19. None
  20. None
  21. None
  22. None
  23. None
  24. None
  25. None
  26. None
  27. None
  28. None
  29. None
  30. None
  31. None
  32. None
  33. None
  34. None
  35. None
  36. None
  37. None
  38. None
  39. None
  40. None
  41. Jest

  42. None
  43. None
  44. None
  45. None
  46. None
  47. None
  48. None
  49. None
  50. None
  51. None
  52. None
  53. None
  54. None
  55. $ ng g component toTest

  56. None
  57. None
  58. None
  59. None
  60. Code

  61. Code Pipes Spies Testbed Snapshots

  62. None
  63. None
  64. None
  65. None
  66. https://bit.ly/3BiOtBJ

  67. Cypress example

  68. Cypress example

  69. Cypress example

  70. Cypress example

  71. Cypress example

  72. Cypress example

  73. Cypress example

  74. Cypress example

  75. Cypress example

  76. Cypress example

  77. None
  78. None
  79. None