Desarrollo web: Control de calidad automatizado

Instalar y configurar PhantomJS

¡Prueba gratis durante 10 días

nuestros 1240 cursos !

Prueba gratis Mostrar modalidades de suscripción
Durante todo el presente curso vamos a usar PhantomJS como navegador para realizar las pruebas de control de calidad. En esta lección te voy a mostrar cómo instalarlo y configurarlo para comenzar a trabajar.
07:22

Transcripción

En esta lección vamos a aprender cómo instalar PhantomJS. Vamos a hacerlo dirigiéndonos a la dirección "phantomjs.org", tal como te lo estoy mostrando en este momento en pantalla. Una vez que entremos ahí, vamos a buscar la opción "download" y vamos a ver las diferentes opciones según nuestro sistema operativo. En caso de Windows que es el sistema en el que estoy trabajando en este momento, vamos a descargar un archivo comprimido. Ese archivo comprimido, ya lo he descargado en mi ordenador y lo he descomprimido dentro del disco duro principal, en este caso "C", con el nombre "phantomjs" y vamos a ver que acá están los archivos que vienen dentro del ZIP que es cargado de la página oficial. Y podemos notar que hay una carpeta llamada "bin". Vamos a abrirla y vamos a notar que acá se encuentra un archivo ejecutable que es "phantomjs". PhantomJS es básicamente un navegador al igual que Chrome, al igual que Safari, pero en este caso es un navegador que únicamente va a trabajar del lado de consola. Es lo que se llama un navegador "headless", lo que significa que no va a tener ningún tipo de interface visual. Este archivo ejecutable es donde se encuentra nuestro navegador. Vamos a utilizarlo para realizar pruebas. Ahora, para poderlo invocar dentro del sistema, vamos a necesitar configurar nuestro sistema operativo. En el caso de Windows, vamos a necesitar modificar las variables de sistema. Para eso, vamos a ir al panel de control, en este caso yo estoy utilizando un equipo en inglés (dice "Control Panel"), y vamos a buscar las opciones de sistema. Específicamente vamos a buscar "Sistema" y una vez que entremos acá vamos a buscar las opciones avanzadas. Dentro de las funciones avanzadas, vamos a buscar específicamente las variables de entorno o "Environment Variables". Dentro de esta opción, vamos a buscar la segunda casilla, la que se encuentra en la parte inferior, que dice "System variables" o "Variables del sistema", dependiendo de tu sistema operativo. Y vamos a buscar una variable llamada "Path", específicamente esta variable, la vamos a editar y vamos a ir al final de ella, vamos a agregar un ";" y vamos a incluir la ruta en la que se encuentra nuestro navegador, en este caso "phantomjs". Vamos a copiar la dirección, en este caso "C:\phantomjs\bin", obviamente debes adaptarlo según la configuración de tu sistema en caso de que tengas alguna diferencia, pero en mi caso, después de encontrar el final del valor de la variable "Path", agrego un ";" para incluir un nuevo valor. Y vamos a incluir el valor "C:\phantomjs\bin", donde se encuentra nuestro navegador PhantomJS. Listo. Vamos a presionar "OK". "OK" una vez más. Y ahora tenemos nuestro sistema configurado, en este caso Windows, para poder trabajar con PhantomJS. Para poder verificar que todo está funcionado correctamente, vamos a interactuar con PhantomJS a través de la terminal. Esto lo vamos a hacer simplemente escribiendo dentro de la búsqueda, en este caso de Windows, vamos a escribir "terminal" y acá nos va a aparecer la línea de comandos donde vamos a poder ver toda la información y vamos a poder interactuar con nuestro programa. Por ejemplo, para saber la versión de PhantomJS y de paso verificar que todo está funcionando correctamente, vamos a escribir "phantomjs" directamente en la terminal y vamos a poner el parámetro "--version". Presionamos "Enter". Y vamos a tener en este caso la versión de PhantomJS con la que estamos trabajando. Esto significa que ya Phantom se encuentra correctamente instalado en el sistema y que de hecho podemos tener acceso a sus diferentes propiedades, en este caso la versión. En el caso de los usuarios de Mac, la configuración es ligeramente distinta. Vamos a ir, dentro de Mac en este caso, voy a cambiar de sistema operativo, y ahora acá estoy utilizando Mac. Vamos a ir a una dirección llamada "brew.sh" que nos va a permitir instalar Homebrew. Para poder instalar Homebrew, simplemente tenemos que copiar este código y vamos a ir directamente a la terminal del sistema. Para abrir la termina,l en el caso de Mac, simplemente escribimos "terminal" y acá nos sale la terminal del sistema. Voy a pegar el código que acabo de copiar y voy a presionar "Enter". En mi caso, no lo voy a hacer, porque yo ya tengo instalado Brew. Para poder instalar PhantomJS una vez que ya tenemos instalado Brew, lo que vamos a hacer es que vamos a incluir algunos comandos como por ejemplo "brew update" y vamos a agregar el signo "&" y vamos a incluir también "brew install phantomjs". Esto nos va a permitir instalar PhantomJS dentro de nuestro sistema operativo. Tampoco lo voy a hacer porque esto va a tomar un tiempo y ya lo tengo instalado dentro de mi ordenador. Pero para saber si todo está funcionando correctamente voy a repetir el mismo comando que he incluido en Windows. Simplemente escribo "phantomjs" con el parámetro "--version" y tenemos acá, dentro del sistema, la versión 2.1.1. Como puedes ver, tanto en Windows como en Mac vamos a poder interactuar con PhantomJS exactamente igual, la única diferencia es la forma en que lo vamos a instalar. En el caso de Mac, lo recomendable es que utilicemos la opción de Homebrew porque es muchísimo más rápido y fácil. Y en el caso de Windows que instalemos el archivo comprimido y que lo definamos dentro de la carpeta "path". Ahora ya tenemos instalado PhantomJS dentro de nuestro sistema operativo y estamos listos para comenzar a hacer pruebas dentro del ordenador.

Desarrollo web: Control de calidad automatizado

Aprende a emplear herramientas para controlar la calidad en tus desarrollos web de forma automática y anticiparte a las posibles incidencias del código que puedan surgir.

2:53 horas (21 Videos)
Actualmente no hay comentarios.
 
Fecha de publicación:16/05/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.