Rippers - dcastrog2uniandes/Ghost GitHub Wiki

RIPuppet

El proyecto RIPuppet fue desarrollado con el lenguaje de programación JavaScript. En particular, se hizo uso de la librería Playwright para ejecutar las pruebas de extremo a extremo (E2E) sobre un sitio web. Esta librería ofrece funcionalidades suficientes para interactuar con el cuerpo DOM de una página web desplegada en una instancia de alguno de los navegadores Firefox, Chrome o WebKit.

Para ejecutar las pruebas exploratorias utilizando RIPuppet siga los pasos:

  • Descargue el repositorio de esta pagina ( https://github.com/dcastrog2uniandes/Ghost.git )
  • Desde la consola de comandos ubíquese en la carpeta del repositorio dentro de la carpeta Rippers/RIPuppetCoursera/
  • Ejecutar los siguientes comandos:

Instalar dependecias:

 npm install

Ejecutar prueba

 node index.js

Ver reporte

Para poder ver el contenido del reporte en su navegador web, debe servir los archivos en un puerto. Esto quiere decir, crear un servidor sencillo que aloje los archivos en su máquina local. Este proceso es bastante sencillo y para lograrlo. En una terminal, ubíquese en el directorio Rippers/RIPuppetCoursera/results. Desde allí, ejecute el siguiente comando para instalar la librería http-server de Node.js:

npm install -g http-server

Ahora que cuenta con esta herramienta en su computadora, ejecute el siguiente comando para crear un servidor local con los archivos del directorio actual:

http-server

Desde su terminal podrá ver el siguiente resultado:

Available on:
  http://172.31.48.1:8080
  http://192.168.1.11:8080
  http://127.0.0.1:8080
Hit CTRL-C to stop the server

Artefactos

Una vez finalice la prueba en la carpeta Rippers/RIPuppetCoursera/results. Haga clic en el archivo report.html y podrá ver el reporte. Este contiene tres secciones: las páginas web visitadas, el detalle de un estado y los errores del estado seleccionado. La carpeta reports tiene la siguientes estructura:

2022-05-27T01.37.03.223Z/
   chromium/
      screenshots/
         0.png
         1.png
         n.png
      tempcrhomium/
      report.html
      graph.json
       
   webkit/
      screenshots/
         0.png
         1.png
         n.png
      report.html
      graph.json

El nombre de la carpeta está dada por la fecha y la hora de cuando se ejecuta la prueba.

A continuación se muestra una imágen de las generadas que representa el grafo con los nodos visitados en la prueba

image