End-to-End Testing ExtJS Applications at Scale

Transcript

1. End-to-End Testing ExtJS Applications at Scale Alexey Chernov alexey.chernov@veeam.com
3. UI Components Library
4. About Me ExtJS
5. About Me ExtJS React
6. About Me
7. About ExtJS React Things I wish I’d known 3 years ago
9. What’s inside
10. What’s inside • Why do we automate?
11. What’s inside • Why do we automate? • Types of automated tests and frameworks
12. What’s inside • Why do we automate? • Types of automated tests and frameworks • Veeam’s automation story
13. Why do developers write tests?
14. Veeam
15. are Veeam customers 58% of Global 2000 75% of Fortune 500 Veeam HQ in Baar, Switzerland
17. 200+ Developers in R&D
18. Why end-to-end testing? To prevent regression
19. Why end-to-end testing? To prevent regression
20. Why end-to-end testing? 2 To prevent regression To check complex scenarios
21. Why end-to-end testing? 2 3 To prevent regression To test hidden parts To check complex scenarios
22. Receive feedback earlier
23. Types of Automated Tests
24. $$$ $ Amount of tests Unit Integration E2E
25. Integration Unit End-to-End
27. E2E Testing End user scenarios
28. E2E Testing End user scenarios Buying a product
29. E2E Testing End user scenarios Buying a product Performing а backup
30. Tools
31. Tools
32. Tools
33. Tools
34. Tools
35. Tools
36. Tools
37. Tools
38. Tools
39. Tools
40. Tests in large projects
49. Why TestCafe?
50. Why TestCafe?
51. Why TestCafe?
52. Why TestCafe?
53. How does TestCafe Work
54. How does TestCafe Work
55. How does TestCafe Work
56. How does TestCafe Work
57. How does TestCafe Work
58. How does TestCafe Work
59. How does TestCafe Work
60. Benefits: Reporting
61. Benefits: Reporting
62. Benefits: Browsers
63. Benefits: Concurrency
67. Source of failures
68. Source of failures
69. Source of failures
70. Source of failures
71. Source of failures
72. Source of failures
73. Source of failures
74. Source of failures
79. Page Object Model
82. Documentation
85. Modular Architecture
86. Modular Architecture
87. Modular Architecture testcafe-helpers@1.0.1
88. Modular Architecture testcafe-helpers@1.0.1 vac-pages
89. Modular Architecture testcafe-helpers@1.0.1 vac-pages vao-pages
90. Modular Architecture testcafe-helpers@1.0.1 vac-pages veeam-one-pages vao-pages
91. Modular Architecture testcafe-helpers@1.0.1 vac-pages veeam-one-pages vao-pages vac-test-general
92. Modular Architecture testcafe-helpers@1.0.1 vac-pages veeam-one-pages vao-pages vac-test-general vac-test-smoke
93. Modular Architecture testcafe-helpers@1.0.1 vac-pages veeam-one-pages vao-pages vac-test-general vac-test-smoke vac-test-documentation
94. Developers
95. Developers QA Engineers
96. Developers QA Engineers Technical Writers
97. Collaboration Developers: • Modularity
98. Collaboration Developers: • Modularity • Code Quality
99. Collaboration Developers: • Modularity • Code Quality • Performance
100. Collaboration Developers: • Modularity • Code Quality • Performance QA Engineers: • Test scenarios
101. Collaboration Developers: • Modularity • Code Quality • Performance QA Engineers: • Test scenarios • Test data generation
102. Collaboration Developers: • Modularity • Code Quality • Performance QA Engineers: • Test scenarios • Test data generation • Selectors
103. Summary
104. • We discussed ways of automated testing in general Summary
105. • We discussed ways of automated testing in general • Looked into variety of modern E2E testing frameworks Summary
106. • We discussed ways of automated testing in general • Looked into variety of modern E2E testing frameworks • Revealed the story of starting QA automation in large project Summary
107. What’s Next?
108. What’s Next?
109. What’s Next?
110. Bonus: Checklist
111. Checklist
112. Checklist
114. Checklist
115. Checklist
116. Checklist
118. Useful Links • https://github.com/DevExpress/testcafe • https://www.cypress.io • https://martinfowler.com/bliki/PageObject.html • https://kentcdodds.com/blog/write-tests/ • https://github.com/marak/Faker.js/
119. Thank you!