Desarrollo web: Control de calidad automatizado

Integrar CasperJS y Gulp

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
La integración entre CasperJS y Gulp es especialmente necesaria cuando estás manejando proyectos de gran envergadura y necesites realizar revisiones a gran escala antes de presentar el producto final a tu cliente. En esta lección vamos a ver cómo puedes realizar esta integración y generar esas revisiones mediante un único comando de Gulp.
04:25

Transcripción

En esta lección, te voy a mostrar cómo integrar "CasperJS" dentro del flujo de "Gulp"; esto nos va a permitir a nosotros trabajar directamente desde la consola gran cantidad de pruebas con un solo comando. Acá, yo estoy trabajando con un archivo llamado "gulpfile" que es donde estoy administrando mi servidor. Voy a agregar dentro de la consola un nuevo paquete para que esté disponible dentro de mi proyecto. Esto lo voy a hacer con el comando "npm install", en este caso, voy a agregar una librería llamada "gulp-casperjs". También voy a agregar el parámetro "--save" para que esto se almacene correctamente en mi archivo "package.json" y pueda trabajarlo posteriormente en caso de que desee compartir este proyecto. ¡Listo! Ya está instaladoy tengo acceso a él desde el archivo "gulpfile". Para poder utilizarlo dentro de este archivo, voy a crear una variable llamada "casperjs". Esta variable "casperjs" va a importar el paquete que yo acabo de instalar, que en este caso se llamaba "gulp-casperjs". Ahora que ya tengo esta variable, voy a crear una nueva tarea, de esta forma voy a llamar dentro de "Gulp" la tarea que me va a permitir ejecutar varios archivos de "Casper". Así que voy a crear esta tarea con el Comando "gulp.task" y voy a definir el nombre que va a tener esta tarea. En este caso, vamos a ponerle "Casper" y vamos a crear acá una función que se va a ejecutar cada vez que llamemos esta tarea. Lo que pasar acá es que vamos a llamar el Comando "gulp.src" que nos va a permitir a nosotros definir un archivo que va a ser la fuente de donde vamos a trabajar dentro de esta tarea. En este caso, tengo una carpeta llamada "casper" donde estoy almacenando todos los archivos de prueba. Así que voy a definir esta carpeta para poder trabajar dentro de "Gulp". Esto lo voy a hacer utilizando la siguiente sintaxis, voy a poner "./casper" y esto lo que va a indicarle a "Gulp" es que dentro de la misma raíz en la que se encuentra el archivo, vamos a buscar una carpeta llamada "casper", como está acá, y poniendo "*" decimos que utilice todos los archivos que tengan la extensión ".js". En este caso, tengo dos pruebas definidas para poder trabajar y también le voy a decir a "Gulp" que cada vez que se realice esta tarea tome los archivos que se encuentran en esta carpeta y ejecute una tarea llamada "casperJs". En este caso lo que va a hacer es que va a importar la librería que nosotros acabamos de instalar. Va a ejecutar todos los archivos que se encuentren dentro de esa carpeta en la modalidad de "Casper", para poder realizar las pruebas que están allí definidas. Vamos a guardar y vamos a ir a la consola. Y, ahora sí, vamos a definir "gulp" con la nueva tarea que acabamos de definir en este caso "Casper". Y esto va a ejecutar todas las tareas que tenemos almacenadas dentro de la carpeta que le hemos indicado, en este caso la carpeta llamada "casper"; y vamos a ejecutar todos los archivos que tienen la extensión JS. Y se van a realizar de forma serial todas las pruebas que nosotros tengamos definidas. Así que si tenemos 50 pruebas almacenadas en esta carpeta, todas se van a ejecutar una tras otra. De esta forma podemos realizar pruebas específicas dentro de cada una de las funcionalidades de nuestro proyecto e invocarlas a través de una sola tarea, en este caso, la tarea "Casper" desde "Gulp".

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.