Clase 17 de 34 • Curso Intermedio de Ruby on Rails
Contenido del curso
Curso Intermedio de Ruby on Rails: Migración y Optimización Avanzada
Migración de Rails a MongoDB con Mongoid y Pruebas Automatizadas
Gestión de Múltiples Versiones de MongoDB en Linux
Migración de Rails a MongoDB con Mongoid: Configuración Inicial
Migración de Modelos de Active Record a Mongoid
Migración completa de aplicaciones con MongoDB y Rails
Pruebas Automatizadas: Introducción a TDD y BDD en Desarrollo de Software
Creación de Fábricas Automatizadas con FactoryBot y Faker en Rails
Integración de Librerías para Pruebas Automatizadas en Rails
Pruebas de Modelos en Rails con Mongoid y RSpec
Pruebas de Validación y Guardado en Modelos Rails
Validación y Pruebas de Modelos en Ruby on Rails
Pruebas de Integración en Rails: Configuración y Ejecución Básica
Creación y prueba de tareas con métodos POST en Rails
Automatización de Pruebas con Headless Browser y Capybara en Rails
Pruebas de Sistema con KPIBara y WebDriver en Rails
Automatización de Pruebas de Sistema con Selenium y JavaScript
Envío de Emails Automático al Crear Tareas
Introducción a Service Objects en Ruby on Rails
Pruebas de TDD para Service Object de Notificaciones por Correo
Creación de Service Objects para Envío de Correos en Ruby on Rails
Procesos en Background con Sucker Punch en Rails
Pruebas con Doubles en Rails usando Sucker Punch
Máquinas de Estado Finito: Conceptos y Aplicaciones Prácticas
Creación de Máquinas de Estados con AASM en Ruby on Rails
Creación de Service Object para Gestión de Estados de Tareas en Rails
Acciones de Controlador y Pruebas en Ruby on Rails
Integración de AJAX en Gestión de Estados de Tareas en Ruby on Rails
En la era del desarrollo web, las aplicaciones dinámicas son el estándar, lo que complica realizar pruebas de sistema debido a su naturaleza interactiva. Aprender a utilizar navegadores headless, como lo es Chrome Headless junto con Selenium, es crucial para sortear estas complicaciones. Aquí exploraremos cómo configurar y ejecutar pruebas que impliquen comportamientos dinámicos de JavaScript en una página HTML.
La implementación de pruebas de sistema a menudo requiere ajustar el DSL (Domain Specific Language) y sus comportamientos predefinidos. Al ejecutar comandos como arspec, podrías enfrentarte a errores que indiquen la falta de configuraciones clave como la palabra “with”. Para solucionarlo:
with en cada uno de los inputs o campos necesarios en tus pruebas.due date).Estas acciones permitirán que las pruebas se ejecuten correctamente en su entorno de RSpec.
Los comportamientos dinámicos, como la adición de HTML al DOM mediante JavaScript, son difíciles de manejar usando pruebas tradicionales. Por ejemplo, al hacer clic en un enlace que debería agregar participantes, el DOM cambia. Para simular este tipo de interacción:
Debbuging del DOM: Utiliza la consola de comandos para inspeccionar el DOM después de eventos de interacción para confirmar cambios en contenedores, clases, o estructuras esperadas en el HTML.
Cambio de Driver: Configura un driver que soporte estas interacciones, como Selenium con Chrome Headless, configurando las dependencias necesarias como el Chrome Driver.
config.before(:each, type: :system, js: true) do
driven_by :selenium, using: :headless_chrome
end
Chrome Driver con la de tu navegador Chrome para evitar incompatibilidades.Para que tu suite de pruebas funcione con comportamientos dinámicos, debes configurar Selenium y Chrome Headless adecuadamente:
Chrome Driver desde chromedriver.chromium.org. Una vez descargado, descomprime el archivo y sigue estos pasos para que sea accesible en tu entorno:
chromedriver a un directorio en el PATH del usuario.Arspec y Capybara.En pruebas donde se manipulan listas desplegables o selects que varían dinámicamente, se recomienda:
Scope del Contenedor: Utiliza el método within de Capybara para enfocar interacciones dentro de un contenedor específico, como nested fields.
Uso de XPath: Define la ruta exacta hacia tus elementos de interés con XPath cuando los valores son generados dinámicamente y no son predecibles.
within(:xpath, 'ruta_al_contenedor_nest_fields') do
select 'Usuario', from: 'usuario'
select 'Responsable', from: 'rol'
end
Capybara's DSL.Finalmente, para verificar que los elementos importantes han sido creados o modificados de manera efectiva:
expect(page).to have_content('Task was successfully created')
Realizar pruebas de sistema en aplicaciones dinámicas puede representar un reto significativo, pero con herramientas como Chrome Headless y Selenium, se facilita el manejo de automatizaciones de calidad en proyectos modernos de desarrollo web. Recuerda mantener tus herramientas actualizadas y bien configuradas para el éxito en tus tests. ¡Continúa aprendiendo y explorando para dominar nuevas tecnologías!