Taller TestingUy 2019 - Descubriendo el testing técnico

sebastian.lorenzo@abstracta.com.uy | valeria.sarro@abstracta.com.uy | matias.fornara@abstracta.com.uy
TALLER
Sebastián Lorenzo
sebastian.lorenzo@abstracta.com.uy
In: /sebastianlorenzo88
Matías Fornara
matias.fornara@abstracta.com.uy
In: /matias-fornara-ernst
Valeria Sarro
valeria.sarro@abstracta.com.uy
In: /valeria-sarro
13 y 14 de mayo, 2019
testinguy.org
@testinguy | #testinguy
Descubriendo el
testing técnico

Agenda
• Testing Técnico
• Automatización Funcional
• Coffee Break
• Performance

Testing Técnico

Testing Técnico
Performance
Automation
Security Testing
API Testing

Testing Técnico
No Técnico
Técnico

Automatización Funcional

Automatización
• ¿Qué es?
• ¿Para qué sirve?
• Y entonces… ¿No es más facil automatizar absolutamente todo?
• ¿Sustituye al Testing Manual?
• ¿Cómo funciona?

Selectores
• ¿Qué son?
• ¿Qué tipos hay?
• ¿Cómo funcionan?

Selectores
#encabezado
.tabla
//*[@id=“encabezado”]
//*[@class=“tabla”]
CSS xPath
//*[text()=“Titulo”]

Selectores CSS

Selectores CSS
Id: Se utiliza # para identificarlos.
• #estoesunid
• #esto_123-es-otro_id
Clase: Se utiliza “.” para identificarlas.
• .estoesunaclase
Si la Clase tiene espacios: class=“clase1 clase2”
• .clase1.clase2

Selectores CSS
Elementos:
• h1
• p
• div
Atributos: Se colocan entre paréntesis rectos.
• [prop=‘val’]
• [name=‘value’]
• [atributo]

Selectores CSS
Posicionamiento:
• ‘>’: Siguiente inmediato (Child)
• form > div > a
• .clase1 > #id2 > a
• ‘ ’: El espacio marca el siguiente sin importar el nivel (Descendant)
• form div a
• .clase1 #id2

Selectores CSS
Concatenación:
• [border=‘1’][cellpadding=‘0’]
• #id1.clase1
Más información:
• https://www.w3schools.com/cssref/css_selectors.asp
• https://devhints.io/css

¿Cómo pruebo los Selectores?
Developer Tools del Browser
o

XPath
¿Qué es xPath?
Es una sintaxis o lenguaje para encontrar elementos en la página web
utilizando expresiones XML path.
XPath se usa para indicar la ubicación de cualquier elemento en una
página web utilizando la estructura HTML DOM.

XPath
Sintáxis
XPath contiene la ruta del elemento situado en la página web

XPath
Tipos
Absolutos:
html/body/div[1]/section/div[1]/div/div/div/div[1]/div/div/div/div/di
v[3]/div[1]/div/h4[1]/b

XPath
Tipos
Relativos:
//*[@class='featured-box']//*[text()='Testing']

XPath
Básicas
• Xpath=//input[@type='text']
• Xpath= //label[@id='message23']
• Xpath= //input[@value='RESET']
• Xpath=//*[@class='barone']
• Xpath=//a[@href='http://demo.site.com/']
• Xpath=//img[@src=‘//site.com/images/home/pht.png']

XPath
Contains:
Contains(), es un método utilizado en Xpath, se usa por ejemplo cuando el valor de
algún atributo cambia dinámicamente.
La característica de Contains() es la capacidad de encontrar el elemento con un
texto parcial.
• Xpath=//*[contains(@type,'sub')]
• Xpath=//*[contains(@name,'btn')]
• Xpath=//*[contains(@id,'message')]
• Xpath=//*div[contains(text(),'some text')]

XPath
Más información:
• https://devhints.io/xpath

¡Actividad!

Recomendaciones Generales
• Intentar primero realizar la selección utlizando CSS.
• Si no se puede con CSS, intentar con Xpath
• Ya sea con Xpath o CSS intentar usar id, name, class.
• Tanto para Xpath como para CSS hacer los selectores lo más reducidos y menos
dependientes de otros elementos posibles.
• Para CSS, evitar usar ¨>¨ para evitar fallos en caso de cambios estructurales.

Automatización scriptless
• ¿Qué es scriptless?
• ¿Qué herramientas existen?
• ¿Cómo funcionan?
• ¿Qué ventajas tienen?

Ghost InspectorStep
Assertions Schedule

Ventajas
• No requiere conocimientos previos en programación.
• Permite crear los tests rápidamente.
• Permite ver resultados y estadísticas de los tests.
• Se puede ejecutar las veces necesarias.

Desventajas
• No sirve para todos los navegadores.
• No permite aplicar algunas prácticas de automatización.
• Los tests demoran más en ejecutarse.

Crear test en Ghost Inspector
• Ingresar a http://automationpractice.com/index.php
• Buscar Producto.
• Entrar a ver el Producto.
• Agregar una Assertion.
• Agregarlo al Carrito.
• Ir a “Place Order”.

Performance

¿Qué es Performance?
“La Performance Computacional se caracteriza por la cantidad de
trabajo útil realizado por un sistema informático en comparación con el
tiempo y los recursos utilizados“

¿Qué pasa si la performance es mala?
53% de los usuarios que visitan un sitio desde un
dispositivo móvil abandonan el mismo si demora más
de tres segundos en cargar.

El trabajo equivocado

El trabajo equivocado
Más fierro!!

¿Cómo evaluamos la performance?

Prueba de Carga / Load Test

Prueba de Estrés / Stress Test

Prueba de Resistencia / Endurance Test

Prueba de Escalabilidad / Scalability Test

Prueba de Picos / Peaks Test

Metodología
EJECUCIÓN
IMPLEMENTACIÓN
DISEÑO

Diseño
• Definición de flujos de prueba
• Definición de escenarios
• Criterios de aceptación
• Datos de prueba
• Infraestructura de pruebas
• Monitorización

Implementación
• Creación de Flujos de Prueba
• Monitorización

Ejecución
• Baselines
• Escenario incremental
• Recolección de datos
• Bitácora y reportes
• Análisis de cuellos de botella

Simulación de Carga
¿Cómo simulamos el uso real del sistema?

Simulación con Herramientas
¿Cómo optimizar este proceso?

Simulación con Herramientas

Manual Automático

Automatización – HTTP

Automatización – HTTP
• Tipos de pedidos, típicamente:
• GET: Obtener un recurso
• POST: Crear un recurso
• Otros pedidos o verbos HTTP: PUT, PATCH, CONNECT, DELETE.
• Códigos de respuesta:
• Servidor responde con un número de tres dígitos
• Interpretados automáticamente por herramientas de simulación de carga
• Cinco rangos:
• 1xx: Información
• 2xx: Respuesta exitosa – 200 OK
• 3xx: Redirección
• 4xx: Error del lado del cliente – 404 Not found
• 5xx: Error del lado del servidor – 500 Internal server error

Automatización: GUI vs Protocolo
¿Por qué no?
• Ghost Inspector está orientado a validaciones funcionales a nivel de interfaz de usuario.
• Alto consumo de recursos de SO.
• Mayor tiempo de ejecución.
• No escala eficientemente.
• No permite medir tiempos de respuesta.
• Solo puede utilizarse para aplicaciones web.

Automatización: GUI vs Protocolo
Práctica
• Abrir una navegador.
• Presionar F12.
• Seleccionar la pestaña “Red”.
• Ingresar la siguiente URL:
• https://code-maven.com/try/examples/html/hello_world.html
• Analizar el pedido, respuesta y headers.

Herramientas

Actividad
Utilizando BlazeMeter Recorder, automatizar el siguiente flujo:
1. Acceder a http://computer-database.gatling.io/computers
2. Crear una nueva computadora
3. Buscar la computadora creada por el nombre y modificar la
fecha de creación
4. Eliminar la computadora creada

Actividad
Agregar validaciones y criterios de aceptación

Actividad
Ejecutar el siguiente escenario
• 5 usuarios
• 10 minutos
• 1 minuto de Ramp-Up
• Limitado a 5 request por segundo

Actividad
Que pasa si nuestros clientes están distribuidos por el mundo
• Europa
• Japón
• EEUU
• Uruguay

Actividad
Ahora queremos que nuestros clientes accedan al sistema desde sus
dispositivos móviles.

Actividad
Cual es la experiencia de usuario real?

Actividad
Utilizando BlazeMeter Recorder, grabar el siguiente flujo:
1. Ingresar a http://opencart.abstracta.us
2. Buscar un producto
3. Abrir el primer resultado
4. Agregar producto al carrito
5. Completar “Guest Checkout”

Actividad
6. Descargarse el YAML de la prueba

Actividad
7. Deshabilitar los recursos embebidos
8. Agregar Assertions
9. Utilizando un CSV variar el criterio de búsqueda
10. ¿La automatización sigue funcionando?
11. Ejecutar el test con una carga objetivo de 10 VU por 2 minutos con
un ramp up de 1 minuto

Siguientes Pasos

https://www.meetup.com/es-ES/AbstractaTestTalks/

¿PREGUNTAS?
¡MUCHAS GRACIAS!
13 y 14 de mayo, 2019
testinguy.org | @testinguy | #testinguy
Sebastián Lorenzo
sebastian.lorenzo@abstracta.com.uy
In: /sebastianlorenzo88
Matías Fornara
matias.fornara@abstracta.com.uy
In: /matias-fornara-ernst
Valeria Sarro
valeria.sarro@abstracta.com.uy
In: /valeria-sarro

Taller TestingUy 2019 - Descubriendo el testing técnico

Recomendados

Recomendados

Más contenido relacionado

Similar a Taller TestingUy 2019 - Descubriendo el testing técnico

Similar a Taller TestingUy 2019 - Descubriendo el testing técnico (20)

Más de TestingUy

Más de TestingUy (20)

Último

Último (20)

Taller TestingUy 2019 - Descubriendo el testing técnico