Is it really worth automating UI tests? In most of the cases, the cost of maintenance is much higher than the benefit they bring. However, it can still provide a lot of value, if kept to a minimum. In this talk I’ll explain what other kind of tests or techniques can be implemented to avoid doing that much UI testing. We will revisit the testing pyramid and explore how it can be adapted to context we now find in projects.

1. UI tests are dead,
long live UI tests!
Aida Manna Loyarte

2. #43 26-May-
2019 06:00
#42 25-May-
2019 06:00
#41 24-May-
2019 06:00
#40 23-May-
2019 06:00
#39 22-May-
2019 06:00
#38 21-May-
2019 06:00
#37 20-May-
2019 06:00
#35 18-May-
2019 06:00
#34 17-May-
2019 06:00
#33 16-May-
2019 06:00
#32 15-May-
2019 06:00
#31 14-May-
2019 06:00
#36 19-May-
2019 06:00
automated-tests

3. #44 27-May-
2019 06:00
#43 26-May-
2019 06:00
#42 25-May-
2019 06:00
#41 24-May-
2019 06:00
#40 23-May-
2019 06:00
#39 22-May-
2019 06:00
#38 21-May-
2019 06:00
#36 19-May-
2019 06:00
#35 18-May-
2019 06:00
#34 17-May-
2019 06:00
#33 16-May-
2019 06:00
#32 15-May-
2019 06:00
#37 20-May-
2019 06:00
automated-tests

4. How did we
end up here?

5. automated-tests

6. automated-tests

7. automated-tests
#43 26-May-
2019 06:00
#42 25-May-
2019 06:00
#41 24-May-
2019 06:00
#40 23-May-
2019 06:00
#39 22-May-
2019 06:00
#38 21-May-
2019 06:00
#37 20-May-
2019 06:00
#35 18-May-
2019 06:00
#34 17-May-
2019 06:00
#33 16-May-
2019 06:00
#32 15-May-
2019 06:00
#31 14-May-
2019 06:00
#36 19-May-
2019 06:00

8. Servic
e
Unit
UI
The testing pyramid

9. Servic
e
Unit
UI
Antipatterns: Ice cream cone

10. Antipatterns: Hourglass
Unit
UI
Servic
e

11. Swiss cheese syndrome

12. The testing pyramid

13. “A common problem is that teams
conflate the concepts of end-to-end, UI
tests and customer facing tests”

14. “There is much more to say about
building a well-balanced test portfolio”

15. The testing pyramid

16. Love-hate relationship pyramid

17. Layers of
a Web App
Test
WebDriver actor
Browser
DOM
React App
HTTP API CLI
HTTP
HTTP API
Domain logic
Repository
Database

18. Layers of
a Web App
Test
WebDriver actor
Browser
DOM
React App
HTTP API CLI
HTTP
HTTP API
Domain logic
Repository
Database

19. if (uiTests == e2eTests) {
Alert('Your tests are a nightmare!');
}

20. UI testing pyramid
Visual
Browser
compatibility
UI End-to-end
UI Integration
UI Unit

21. Following the UI testing pyramid

22. Following the UI testing pyramid
Test
WebDriver actor
Browser
DOM
React App
MOCK

23. Following the UI testing pyramid

24. Following the UI testing pyramid

25. Microservices testing
INFRASTRUCTURE
APPLICATION
DOMAIN
DATABASEEXTERNAL SERVICE
USER
USERINTERFACE
Controller
Client
Repository

26. Microservices testing pyramid
Exploratory
End-to-end
Contract
Component
Integration
Unit

27. Mobile testing pyramid

28. The DevOps Hourglass

29. Conclusion
Servic
e
Unit
UI
Unit
UI
Servic
e
Service
Unit
UI

30. Aida Manna Loyarte
Thank you

31. Thank you