Cómo probar portales web con Selenium

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 Botones Play de Selenium , más abajo teneis un archivo de ejemplo.

Para grabar una prueba sólo hay que pulsar en el botón Botón Record de Selenium  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”

Selección de comandos con Selenium

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.

Ejemplo ejecución prueba con Selenium

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]

Rafael Borrego

Ingeniero informático especializado en startups y en ayudarles a crecer

Facebook Twitter LinkedIn 

3 pensamientos en “Cómo probar portales web con Selenium

    • 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 ;-)

  1. Pingback: Cómo cambiar una página web de servidor | Consultoría web

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>