Expositor: Abel Quintana López Duración: 2 horas Resumen: Los patrones de diseño son soluciones probadas y documentadas a problemas comunes en el desarrollo de software. Cuando implementamos nuestros frameworks de pruebas automatizadas los usamos para evitar problemas ya conocidos, como el alto costo de mantenimiento de los tests, código duplicado y flaky test. El principal objetivo de este taller es analizar en profundidad el patrón más usado para las automatizaciones con Selenium (PageObject) y mostrar a través de ejercicios prácticos sus ventajas y desventajas en comparación con otra alternativa, el patrón ScreenPlay, que a diferencia del anterior sí cumple con principios básicos de la programación orientada a objetos.

1. @beloquintana | #testinguy
TALLER
Ing. Abel Quintana López
belo.quintana@gmail.com
@beloquintana
13 y 14 de mayo, 2019
testinguy.org
@testinguy | #testinguy
Patrones de diseño
en la automatización:
¿PageObject o ScreenPlay?

2. @beloquintana | #testinguy
Software Development Engineer in Test
belo.quintana@gmail.com
@beloquintana
Abel Quintana Lopez
https://github.com/beloquintana

3. @beloquintana | #testinguy

4. @beloquintana | #testinguy
Agenda
• Page Object
• SOLID
• Refactorización de Page Object
• ScreenPlay Pattern
• Ejercicio práctico

5. @beloquintana | #testinguy
Agenda
• Page Object
• SOLID
• Refactorización de Page Object
• ScreenPlay Pattern
• Ejercicio práctico

6. @beloquintana | #testinguy
Page Object
• Representa componentes web
• Evita duplicación de código
• Automatizaciones mantenibles

7. @beloquintana | #testinguy
Page Object - Ejemplo

8. @beloquintana | #testinguy
Page Object - Beneficios

9. @beloquintana | #testinguy
Page Object – Problema más común

10. @beloquintana | #testinguy
Page Object – Problema más común

11. @beloquintana | #testinguy
Page Object – Clases grandes
¿Cuál es el problema con tener clases con muchas líneas de código?

12. @beloquintana | #testinguy
Page Object – Clases grandes
• Más líneas de código, Más complejo
• Código repetido
• Difícil de mantener

13. @beloquintana | #testinguy
Agenda
• Page Object
• SOLID
• Refactorización de Page Object
• ScreenPlay Pattern
• Ejercicio práctico

14. @beloquintana | #testinguy
SOLID – Principios
Single responsibility principle
Open Closed principle
Liskov substitution principle
Interface segregation principle
Dependency inversion principle

15. @beloquintana | #testinguy
• Buenas prácticas
• Mas fácil de mantener y extender
• Elimina malas prácticas
SOLID – Principios
Robert C. Martin

16. @beloquintana | #testinguy
SOLID – Principios
Single responsibility principle
Open Closed principle
Liskov substitution principle
Interface segregation principle
Dependency inversion principle

17. @beloquintana | #testinguy
Single responsibility principle (SRP)
A class should have only one reason to change.
Robert C. Martin

18. @beloquintana | #testinguy
SRP – Page Object

19. @beloquintana | #testinguy
SRP – Page Object

20. @beloquintana | #testinguy
Open Closed principle – (OCP)
• Abierta por extensión
• Cerrada por modificación

21. @beloquintana | #testinguy
Open Closed principle – (OCP)
Adicionar nueva funcionalidad:

22. @beloquintana | #testinguy
Page Object – SOLID principios
Single Responsibility principle
Open Closed principle

23. @beloquintana | #testinguy
Page Object – Refactorización
Principios SOLID de la programación orientada a objetos

24. @beloquintana | #testinguy
Agenda
• Page Object
• SOLID
• Refactorización de Page Object
• ScreenPlay Pattern
• Ejercicio práctico

25. @beloquintana | #testinguy
Page Object – Refactorización
Antony Marcano
• Refactorización Page Object
• Creador ScreenPlay Pattern

26. @beloquintana | #testinguy
Page Object – Refactorización - OCP

27. @beloquintana | #testinguy
Page Object – Refactorización - SRP

28. @beloquintana | #testinguy
Page Object – Refactorización

29. @beloquintana | #testinguy
Page Object – Refactorización
…you extend the behavior of such modules by adding
new code, not by changing old code that already
works.
Robert C. Martin

30. @beloquintana | #testinguy
Page Object – Refactorización
Screen
Tasks

31. @beloquintana | #testinguy
Agenda
• Page Object
• SOLID
• Refactorización de Page Object
• ScreenPlay Pattern
• Ejercicio práctico

32. @beloquintana | #testinguy
ScreenPlay Pattern – Enfoque BDD
Roles
Goals
Tasks
Actions
Caso de prueba
Tipo de usuario
Pasos del caso de prueba
Click, Escribir

33. @beloquintana | #testinguy
ScreenPlay Pattern
Enfoque BDD SOLID ScreenPlay

34. @beloquintana | #testinguy
ScreenPlay Pattern - Serenity BDD
https://github.com/serenity-dojo/screenplay-exercises
http://www.thucydides.info

35. @beloquintana | #testinguy
ScreenPlay Pattern – Diagrama de Clases

36. @beloquintana | #testinguy
Agenda
• Page Object
• SOLID
• Refactorización de Page Object
• ScreenPlay Pattern
• Ejercicio práctico

37. @beloquintana | #testinguy
ScreenPlay Pattern – Ejercicio Práctico

38. @beloquintana | #testinguy
ScreenPlay Pattern – Ejercicio Práctico 1
Automatizar el siguiente caso de prueba:
• Adicionar Empleado

39. @beloquintana | #testinguy
ScreenPlay Pattern – Ejercicio Práctico 2
Actualizar los casos de pruebas para que continúen
funcionando con la versión 2 de la aplicación.

40. @beloquintana | #testinguy
ScreenPlay Pattern – Ejercicio Práctico 3
Automatizar el siguiente caso de prueba:
• Login con credenciales incorrectas

41. @beloquintana | #testinguy
Page Object vs ScreenPlay Pattern
Con Ambos patrones podemos lograr automatizaciones mantenibles

42. @beloquintana | #testinguy

43. @beloquintana | #testinguy
Ing. Abel Quintana López
belo.quintana@gmail.com
@beloquintana
13 y 14 de mayo, 2019
testinguy.org | @testinguy | #testinguy
¿PREGUNTAS?
¡MUCHAS GRACIAS!