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 test, código duplicado y test inconsistentes. Durante el desarrollo del taller estaremos viendo algunas buenas practicas de programación. En nuestra experiencia, Cumplir con los principios de la programación orientada a objeto y usar correctamente los patrones de diseño ha sido indispensable para lograr que nuestras automatizaciones sean exitosas.

1. Patrones de diseño en la automatización:
¿PageObject o ScreenPlay?
Ing. Abel Quintana López
@beloquintana
belo.quintana@gmail.com

2. Patrones de diseño
Automatización de pruebasFramework Automatización Patrones de Diseño

3. Agenda
 Page Object
 SOLID
 Refactorización de Page Object
 ScreenPlay Pattern
Ejercicio práctico

4. Agenda
 Page Object
 SOLID
 Refactorización de Page Object
 ScreenPlay Pattern
Ejercicio práctico

5. Page Object
 Representa componentes web
 Evita duplicación de código
 Automatizaciones mantenibles

6. Page Object - Ejemplo

7. Page Object - Beneficios
PageObject
Test1
Test2
Test3
Interfaz gráfica

8. Page Object – Problema más común
Clases grandes
 Atributos
Localizadores
PageFactory
 Métodos
Interacción página web
Algoritmos de validación

9. Page Object – Clases grandes
¿Cuál es el problema con tener clases con
muchas líneas de código?

10.  Más líneas de código, Más complejo
 Código repetido
 Difícil de mantener
Page Object – Clases grandes

11. Agenda
 Page Object
 SOLID
 Refactorización de Page Object
 ScreenPlay Pattern
Ejercicio práctico

12. SOLID – Principios
Single responsibility principle
Open Closed principle
Liskov substitution principle
Interface segregation principle
Dependency inversion principle

13. SOLID – Principios
 Buenas prácticas
 Mas fácil de mantener y extender
 Elimina malas prácticasRobert C. Martin

14. SOLID – Principios
Single responsibility principle
Open Closed principle
Liskov substitution principle
Interface segregation principle
Dependency inversion principle

15. Single responsibility principle (SRP)
A class should have only one reason to change.
Robert C. Martin

16. SRP – Page Object

17. SRP – Page Object
GridPage
AddButton
RemoveButton
Checkbox
CancelButton
…
AddItem()
RemoveItem()
Filter()
AddInvalidItem()
…
Responsabilidades
Localizar elementos web
Realizar tareas

18. Open Closed principle – (OCP)
 Abierta por extensión
 Cerrada por modificación
Clase

19. Open Closed principle – (OCP)
GridPage
AddButton
RemoveButton
Checkbox
CancelButton
…
AddItem()
RemoveItem()
Filter()
AddInvalidItem()
…
Editar Clase
Adicionar Clase
Adicionar nueva funcionalidad:

20. Page Object – SOLID principios
Single Responsibility principle
Open Closed principle

21. Principios SOLID de la programación orientada a objetos
Page Object – Refactorización
Refactorización
SOLID
Page Object Screen Play

22. Agenda
 Page Object
 SOLID
 Refactorización de Page Object
 ScreenPlay Pattern
Ejercicio práctico

23. Page Object – Refactorización
Antony Marcano
http://antonymarcano.com/
 Refactorización Page Object
 Creador ScreenPlay Pattern

24. Page Object – Refactorización - OCP
GridPage
AddButton
RemoveButton
Checkbox
CancelButton
…
AddItem()
RemoveItem()
Filter()
AddInvalidItem()
…
AddItem
AddButton
Add()
AddInvalidItem()
RemoveButton
Remove()
RemoveItem

25. Page Object – Refactorización - SRP
GridPage
AddButton
RemoveButton
Checkbox
CancelButton
…
AddItem()
RemoveItem()
Filter()
AddInvalidItem()
…
GridPage
GridTask
AddButton
RemoveButton
Checkbox
CancelButton
…
AddItem()
RemoveItem()
Filter()
AddInvalidItem()
…

26. Page Object – Refactorización
GridPage
AddButton
RemoveButton
Checkbox
CancelButton
…
AddItem()
RemoveItem()
Filter()
AddInvalidItem()
…
GridPage
AddItem
AddButton
RemoveButton
Checkbox
CancelButton
…
Perform()
RemoveItem
Perform()
Filter
Perform()
AddInvalidItem
Perform()

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

28. Page Object – Refactorización
GridPage
AddButton
RemoveButton
Checkbox
CancelButton
…
AddItem()
RemoveItem()
Filter()
AddInvalidItem()
…
GridPage
AddItem
AddButton
RemoveButton
Checkbox
CancelButton
…
Perform()
RemoveItem
Perform()
Filter
Perform()
AddInvalidItem
Perform()
Screen
Tasks

29. Agenda
 Page Object
 SOLID
 Refactorización de Page Object
 ScreenPlay Pattern
Ejercicio práctico

30. ScreenPlay Pattern – Enfoque BDD
Roles
Goals
Tasks
Actions
Caso de prueba
Tipo de usuario
Pasos del caso de prueba
Click, Escribir

31. ScreenPlay Pattern
Enfoque BDD SOLID ScreenPlay

32. ScreenPlay Pattern - Serenity BDD
http://www.thucydides.info
https://github.com/serenity-dojo/screenplay-exercises

33. ScreenPlay Pattern – Diagrama de Clases
TestCase Tasks
Actions
Screen
Goals
Tasks
Actions
Screen

34. Agenda
 Page Object
 SOLID
 Refactorización de Page Object
 ScreenPlay Pattern
Ejercicio práctico

35. ScreenPlay Pattern – Ejercicio Práctico
https://github.com/beloquintana/screenplayexercises
https://verstandqa.com/ejercicios/

36. ScreenPlay Pattern – Ejercicio Práctico
Automatizar el siguiente caso de prueba:
 Adicionar Empleado

37. Page Object vs ScreenPlay Pattern
Page Object ScreenPlay
Simple Complejo
Más propenso a malas prácticas de
programación
Basado en SOLID principles
Con Ambos patrones podemos lograr automatizaciones mantenibles

38. Automatización de Pruebas Exitosa
Buenas prácticas de programaciónPatrones de diseño
https://pixers.fr/papiers-peints/la-route-vers-le-succes-43419281

39. Muchas Gracias

40. Patrones de diseño en la automatización:
¿PageObject o ScreenPlay?
Ing. Abel Quintana López
@beloquintana
belo.quintana@gmail.com