En este taller estaremos viendo los siguientes puntos: Primero vamos a analizar el patrón PageObject, después veremos si cumple con los principios SOLID de la programación orientada a objetos mediante ejemplos. Luego refactorizaremos el PageObject basándonos en los principios SOLID para el obtener el patrón ScreenPlay, con el cual estaremos haciendo algunos ejercicios prácticos.

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!