SlideShare ist ein Scribd-Unternehmen logo
1 von 21
Integrando Test Driven Development
en aplicaciones React
Nuestras
locaciones
Nuestros
Panelistas
Willy de la Cruz
SME
Laura Rodrigo
Marketing Analyst
Agenda
• Pruebas automatizadas
• ¿Qué es Cypress?
• Pruebas e2e – demo
• Arquitectura de Cypress
• Pruebas de integración - demo
• Cross browser testing – demo
• build-test-deploy
• Pipeline en CircleCI - demo
https://github.com/wt-delacruz/vue-app
¿QUESTIONS?
#CypressBelatrix
Pruebas
automatizadas
¿QUESTIONS?
#CypressBelatrix
¿QUESTIONS?
#CypressBelatrix
¿QUESTIONS?
#CypressBelatrix
• Sistema totalmente desplegado en un entorno.
• Estrategia de carga de datos de prueba.
• Símil al entorno de producción.
• Front-end desplegado a demanda.
• No necesitamos el back-end desplegado.
• Estrategia de carga de datos es enteramente
controlada por la prueba, por tanto, menos
compleja.
¿QUESTIONS?
#CypressBelatrix
Pruebas end-to-end (e2e)
Integración de componentes UI
En general, toda prueba es una prueba de integración,
que se ejecuta en un nivel de abstracción específico del sistema.
¿QUESTIONS?
#CypressBelatrix
 Framework para pruebas end-to-end (e2e).
 Pruebas rápidas, fáciles y confiables para cualquier aplicación que se ejecuta en un navegador.
 Mocha - Chai - Sinon
 Free. Open Source. MIT license
¿QUESTIONS?
#CypressBelatrix
Ejecución de pruebas en
$npx cypress open
$npx cypress run--record
Ejecución local
Ejecución en CI
¿QUESTIONS?
#CypressBelatrix
Pruebas e2e
Demo
¿QUESTIONS?
#CypressBelatrix
Cypress Architecture ¿QUESTIONS?
#CypressBelatrix
Pruebas de integración
Demo
¿QUESTIONS?
#CypressBelatrix
Cross Browser Testing
Demo
¿QUESTIONS?
#CypressBelatrix
Build-test-deploy ¿QUESTIONS?
#CypressBelatrix
Pipeline en CircleCI
Demo
¿QUESTIONS?
#CypressBelatrix
CONCLUSIONES Y
RECOMENDACIONES
¿Preguntas?
www.belatrixsf.com
¡Muchas Gracias!

Weitere ähnliche Inhalte

Was ist angesagt?

OWASP Spain: Protection and Verification of Business Logic Flaws
OWASP Spain: Protection and Verification of Business Logic FlawsOWASP Spain: Protection and Verification of Business Logic Flaws
OWASP Spain: Protection and Verification of Business Logic Flaws
Hdiv Security
 
Tuenti - de la idea a la web
Tuenti -  de la idea a la webTuenti -  de la idea a la web
Tuenti - de la idea a la web
Tuenti
 
Dev ops e infraestructura – acompañando nuestro software a producción
Dev ops e infraestructura – acompañando nuestro software a producciónDev ops e infraestructura – acompañando nuestro software a producción
Dev ops e infraestructura – acompañando nuestro software a producción
Kleer Agile Coaching & Training
 
gx test 2.0
gx test 2.0gx test 2.0
gx test 2.0
GeneXus
 
Introducción a GXtest
Introducción a GXtest Introducción a GXtest
Introducción a GXtest
GeneXus
 

Was ist angesagt? (18)

OWASP Spain: Protection and Verification of Business Logic Flaws
OWASP Spain: Protection and Verification of Business Logic FlawsOWASP Spain: Protection and Verification of Business Logic Flaws
OWASP Spain: Protection and Verification of Business Logic Flaws
 
Dev ops e infraestructura – acompañando nuestro software a producción
Dev ops e infraestructura – acompañando nuestro software a producciónDev ops e infraestructura – acompañando nuestro software a producción
Dev ops e infraestructura – acompañando nuestro software a producción
 
Rubén Antón - Como ser ágil sin enterrarse en deuda técnica
Rubén Antón - Como ser ágil sin enterrarse en deuda técnicaRubén Antón - Como ser ágil sin enterrarse en deuda técnica
Rubén Antón - Como ser ágil sin enterrarse en deuda técnica
 
Agiles y furiosos Un panorama del desarrollo ágil en aplicaciones Android
Agiles y furiosos Un panorama del desarrollo ágil en aplicaciones AndroidAgiles y furiosos Un panorama del desarrollo ágil en aplicaciones Android
Agiles y furiosos Un panorama del desarrollo ágil en aplicaciones Android
 
Tuenti - de la idea a la web
Tuenti -  de la idea a la webTuenti -  de la idea a la web
Tuenti - de la idea a la web
 
Sobreviviendo al testing Ágil
Sobreviviendo al testing ÁgilSobreviviendo al testing Ágil
Sobreviviendo al testing Ágil
 
Dev ops e infraestructura – acompañando nuestro software a producción
Dev ops e infraestructura – acompañando nuestro software a producciónDev ops e infraestructura – acompañando nuestro software a producción
Dev ops e infraestructura – acompañando nuestro software a producción
 
gx test 2.0
gx test 2.0gx test 2.0
gx test 2.0
 
Liquid Day - Testing de la teoria a practica
Liquid Day - Testing de la teoria a practicaLiquid Day - Testing de la teoria a practica
Liquid Day - Testing de la teoria a practica
 
Liquid Day - Hablemos de DevOps
Liquid Day - Hablemos de DevOpsLiquid Day - Hablemos de DevOps
Liquid Day - Hablemos de DevOps
 
Software Debt: Qué Es y Cómo Gestionarlo Holísticamente
Software Debt: Qué Es y Cómo Gestionarlo HolísticamenteSoftware Debt: Qué Es y Cómo Gestionarlo Holísticamente
Software Debt: Qué Es y Cómo Gestionarlo Holísticamente
 
Introducción a GXtest
Introducción a GXtest Introducción a GXtest
Introducción a GXtest
 
Desarrollo lean no es un cuento de hadas
Desarrollo lean no es un cuento de hadasDesarrollo lean no es un cuento de hadas
Desarrollo lean no es un cuento de hadas
 
Gestión de Pruebas con Atlassian, una parte más de su ALM
Gestión de Pruebas con Atlassian, una parte más de su ALM Gestión de Pruebas con Atlassian, una parte más de su ALM
Gestión de Pruebas con Atlassian, una parte más de su ALM
 
20150416 releasemanagement
20150416 releasemanagement20150416 releasemanagement
20150416 releasemanagement
 
Acelerando la cultura DevOps mediante Entrega Continua
Acelerando la cultura DevOps mediante Entrega ContinuaAcelerando la cultura DevOps mediante Entrega Continua
Acelerando la cultura DevOps mediante Entrega Continua
 
Continuous Delivery Un caso de estudio
Continuous Delivery Un caso de estudioContinuous Delivery Un caso de estudio
Continuous Delivery Un caso de estudio
 
10 metodologías para el desarrollo web
10 metodologías para el desarrollo web10 metodologías para el desarrollo web
10 metodologías para el desarrollo web
 

Ähnlich wie Pruebas continuas con cypress en la era DevOps

Ähnlich wie Pruebas continuas con cypress en la era DevOps (20)

Devsecops superstar un movimiento masivo
Devsecops superstar un movimiento masivoDevsecops superstar un movimiento masivo
Devsecops superstar un movimiento masivo
 
ALM09 - Scrum, Visual Studio y Buenas Prácticas
ALM09 - Scrum, Visual Studio y Buenas PrácticasALM09 - Scrum, Visual Studio y Buenas Prácticas
ALM09 - Scrum, Visual Studio y Buenas Prácticas
 
Desarrollo de Software Guiado por Pruebas
Desarrollo de Software Guiado por PruebasDesarrollo de Software Guiado por Pruebas
Desarrollo de Software Guiado por Pruebas
 
Caminando hacia la agilidad con Visual Studio 2010
Caminando hacia la agilidad con Visual Studio 2010Caminando hacia la agilidad con Visual Studio 2010
Caminando hacia la agilidad con Visual Studio 2010
 
Cypress en un mundo lleno de Selenium
Cypress en un mundo lleno de SeleniumCypress en un mundo lleno de Selenium
Cypress en un mundo lleno de Selenium
 
Testing como parte de la cultura DevOps
Testing como parte de la cultura DevOpsTesting como parte de la cultura DevOps
Testing como parte de la cultura DevOps
 
ExpoCloud2013 - PaaS para desarrolladores
ExpoCloud2013 - PaaS para desarrolladoresExpoCloud2013 - PaaS para desarrolladores
ExpoCloud2013 - PaaS para desarrolladores
 
Pruebas de seguridad continuas para dev ops
Pruebas de seguridad continuas para dev opsPruebas de seguridad continuas para dev ops
Pruebas de seguridad continuas para dev ops
 
DevOpsDays Madrid 2020 - Audita y evalua la seguridad de tu infraestructura
DevOpsDays Madrid 2020 - Audita y evalua la seguridad de tu infraestructuraDevOpsDays Madrid 2020 - Audita y evalua la seguridad de tu infraestructura
DevOpsDays Madrid 2020 - Audita y evalua la seguridad de tu infraestructura
 
Integración continua en AWS con Docker, ECS y PHP7
Integración continua en AWS con Docker, ECS y PHP7Integración continua en AWS con Docker, ECS y PHP7
Integración continua en AWS con Docker, ECS y PHP7
 
Dynamics saturday madrid 2019 avanade dynamics saturday madrid 2019 2019.05.25
Dynamics saturday madrid 2019   avanade dynamics saturday madrid 2019 2019.05.25Dynamics saturday madrid 2019   avanade dynamics saturday madrid 2019 2019.05.25
Dynamics saturday madrid 2019 avanade dynamics saturday madrid 2019 2019.05.25
 
Desarrollo Móvil con Android (...y Firebase)
Desarrollo Móvil con Android (...y Firebase)Desarrollo Móvil con Android (...y Firebase)
Desarrollo Móvil con Android (...y Firebase)
 
Charla en Universidad ORT 2014 - Testing técnico (automatización, mobile, pe...
 Charla en Universidad ORT 2014 - Testing técnico (automatización, mobile, pe... Charla en Universidad ORT 2014 - Testing técnico (automatización, mobile, pe...
Charla en Universidad ORT 2014 - Testing técnico (automatización, mobile, pe...
 
Testing técnico - Automatización en web y mobile para pruebas funcionales y p...
Testing técnico - Automatización en web y mobile para pruebas funcionales y p...Testing técnico - Automatización en web y mobile para pruebas funcionales y p...
Testing técnico - Automatización en web y mobile para pruebas funcionales y p...
 
Testing de integración en Azure DevOps con Docker - Plain Concepts DevOps day
 Testing de integración en Azure DevOps con Docker - Plain Concepts DevOps day Testing de integración en Azure DevOps con Docker - Plain Concepts DevOps day
Testing de integración en Azure DevOps con Docker - Plain Concepts DevOps day
 
DevOps (y DevSecOps) e ITSM, el Feedback de Produccion y Seguridad a Desarrollo
DevOps (y DevSecOps) e ITSM, el Feedback de Produccion y Seguridad a DesarrolloDevOps (y DevSecOps) e ITSM, el Feedback de Produccion y Seguridad a Desarrollo
DevOps (y DevSecOps) e ITSM, el Feedback de Produccion y Seguridad a Desarrollo
 
Un "TFS" para gobernarlos a todos
Un "TFS" para gobernarlos a todosUn "TFS" para gobernarlos a todos
Un "TFS" para gobernarlos a todos
 
Real CI/CD para MSDyn365FO… Be a hero!
Real CI/CD para MSDyn365FO… Be a hero!Real CI/CD para MSDyn365FO… Be a hero!
Real CI/CD para MSDyn365FO… Be a hero!
 
KronOps - Perfil Corporativo
KronOps - Perfil CorporativoKronOps - Perfil Corporativo
KronOps - Perfil Corporativo
 
DotNet 2019 | Luis Fraile - Tests de integración con .NET Core, Docker y Azur...
DotNet 2019 | Luis Fraile - Tests de integración con .NET Core, Docker y Azur...DotNet 2019 | Luis Fraile - Tests de integración con .NET Core, Docker y Azur...
DotNet 2019 | Luis Fraile - Tests de integración con .NET Core, Docker y Azur...
 

Mehr von Belatrix Software

Mehr von Belatrix Software (20)

Navigating the new world ushered in overnight by COVID-19
Navigating the new world ushered in overnight by COVID-19Navigating the new world ushered in overnight by COVID-19
Navigating the new world ushered in overnight by COVID-19
 
Multitenancy con múltiples Bases de Datos
Multitenancy con múltiples Bases de DatosMultitenancy con múltiples Bases de Datos
Multitenancy con múltiples Bases de Datos
 
Desarrollando AWS Alexa Skills con Java
Desarrollando AWS Alexa Skills con JavaDesarrollando AWS Alexa Skills con Java
Desarrollando AWS Alexa Skills con Java
 
Creando Animaciones en React Native
Creando Animaciones en React NativeCreando Animaciones en React Native
Creando Animaciones en React Native
 
RPA: Sistemas de información para optimizar procesos de negocios
RPA: Sistemas de información para optimizar procesos de negociosRPA: Sistemas de información para optimizar procesos de negocios
RPA: Sistemas de información para optimizar procesos de negocios
 
Estrategias para alcanzar la Transformación Digital
Estrategias para alcanzar la Transformación DigitalEstrategias para alcanzar la Transformación Digital
Estrategias para alcanzar la Transformación Digital
 
Testing de Aplicaciones Móviles, Públicas, Masivas y Críticas
Testing de Aplicaciones Móviles, Públicas, Masivas y CríticasTesting de Aplicaciones Móviles, Públicas, Masivas y Críticas
Testing de Aplicaciones Móviles, Públicas, Masivas y Críticas
 
Api NodeJS con PureScript
Api NodeJS con PureScriptApi NodeJS con PureScript
Api NodeJS con PureScript
 
Machine Learning vs. Deep Learning
Machine Learning vs. Deep LearningMachine Learning vs. Deep Learning
Machine Learning vs. Deep Learning
 
Metodologías de CSS
Metodologías de CSSMetodologías de CSS
Metodologías de CSS
 
Los retos de un tester ágil
Los retos de un tester ágilLos retos de un tester ágil
Los retos de un tester ágil
 
IoT + voice assistants = posibilidades infinitas
IoT + voice assistants = posibilidades infinitasIoT + voice assistants = posibilidades infinitas
IoT + voice assistants = posibilidades infinitas
 
Lleva tus aplicaciones móviles a otro nivel con Flutter
Lleva tus aplicaciones móviles a otro nivel con FlutterLleva tus aplicaciones móviles a otro nivel con Flutter
Lleva tus aplicaciones móviles a otro nivel con Flutter
 
Microservicios con Net Core y Azure Service Fabric
Microservicios con Net Core y Azure Service FabricMicroservicios con Net Core y Azure Service Fabric
Microservicios con Net Core y Azure Service Fabric
 
Micro Frontends: Rompiendo el monolito en las aplicaciones Web
Micro Frontends: Rompiendo el monolito en las aplicaciones WebMicro Frontends: Rompiendo el monolito en las aplicaciones Web
Micro Frontends: Rompiendo el monolito en las aplicaciones Web
 
Predictions 2019: Digital journeys are well on their way
Predictions 2019: Digital journeys are well on their way Predictions 2019: Digital journeys are well on their way
Predictions 2019: Digital journeys are well on their way
 
Integrando Test Driven Development en aplicaciones React
Integrando Test Driven Development en aplicaciones ReactIntegrando Test Driven Development en aplicaciones React
Integrando Test Driven Development en aplicaciones React
 
Drive business outcomes using Azure Devops
Drive business outcomes using Azure DevopsDrive business outcomes using Azure Devops
Drive business outcomes using Azure Devops
 
Mejora tus resultados de negocios con Azure DevOps
Mejora tus resultados de negocios con Azure DevOpsMejora tus resultados de negocios con Azure DevOps
Mejora tus resultados de negocios con Azure DevOps
 
¿Cómo aumentar nuestra productividad con Flutter?
¿Cómo aumentar nuestra productividad con Flutter?¿Cómo aumentar nuestra productividad con Flutter?
¿Cómo aumentar nuestra productividad con Flutter?
 

Pruebas continuas con cypress en la era DevOps

Hinweis der Redaktion

  1. -Laura-
  2. Es una técnica utilizada en el ciclo de vida de desarrollo de software para probar la funcionalidad y el rendimiento de una aplicación en circunstancias y datos similares al producto para replicar la configuración en vivo. La implementación de esta prueba no es solo para validar el sistema, sino también para asegurar que sus subsistemas funcionen y se comporten como se espera. El objetivo es simular un flujo real de principio a fin.