Cuando desarrollamos portales web enseñamos varias versiones a los clientes para asegurarnos de que el proyecto va por buen camino. Esto implica que cada pocas semanas tenemos que revisar que todo funciona bien y sería impensable volver a probar todo a mano, tanto por el coste como por los errores que se podrían pasar.
Hoy os presento Selenium, una herramienta que llevo usando varios años para automatizar el proceso: sólo hay que indicarle cómo es cada pantalla y cómo se navega entre ellas, y se encarga de simular lo que haría un usuario en su navegador.
Instalación
Es un plugin de Firefox y podeis instalarlo pulsando en este enlace con el navegador abierto. Tras reiniciar sólo hay que entrar en “Desarrollador web” y ahí en “Selenium IDE”.
Cómo usarlo
Para ver cómo funciona se puede cargar una prueba (Test Case) o un conjunto de ellas (Test Suite) pulsando en “Archivo” y ejecutarlas con los botones , más abajo teneis un archivo de ejemplo.
Para grabar una prueba sólo hay que pulsar en el botón y en la página que querais probar ir haciendo click derecho en cada elemento y marcar una de las operaciones que aparece en “Show all available commands”. Para terminar se pulsa otra vez ese botón, se borran las operaciones que no sean necesarias y se hace click en “Archivo” → “Save Test Case”
Principales operaciones
Aunque incluye muchas opciones de comprobación, la mayoría de pruebas se pueden hacer con estas:
- Open: carga la dirección que indica la prueba. Es preferible indicar una ruta relativa para poder probar en diferentes servidores (local, pruebas, cliente…) con sólo cambiar el texto que aparece en “Base URL”.
- VerifyValue: comprueba que un valor se ha escrito correctamente en un campo.
- AssertText: comprueba que aparece en pantalla un texto generado por la aplicación como enlaces, …
- Type: escribe en un campo de texto.
- ClickAndwait: simula un click sobre un botón. Es mejor usar este en lugar de Click ya que introduce un tiempo de espera para que le de tiempo al navegador a refrescar la pantalla.
- WaitForText: en caso de no aparecer un texto en la pantalla, introduce un tiempo de espera hasta que aparezca.
Ejemplo
He hecho un ejemplo para comprobar que aparece el título en la cabecera en todas las pantallas. Podeis descargar este archivo de pruebas y tras cargarlo y pulsar en el botón de “Play” os aparecerá una pantalla como esta indicando que se ha ejecutado bien.
Os animo a que lo probeis en vuestros proyectos y me conteis cómo os ha ido
Y recuerda que puedes suscribirte y recibir estos artículos: [mc4wp_form]
Me alegra Rafa verte por aquí. Buen tutorial!
Hola Juan Antonio, me alegro de que te haya gustado. Dentro de poco publicaré algunos posts sobre cómo conectar Selenium con test unitarios, automatización con Jenkins… Ya te iré avisando
Pingback: Cómo cambiar una página web de servidor | Consultoría web