Dockerizar una aplicación de Laravel ya existente

Banner Docker

Anteriormente aprendimos a crear aplicaciones nuevas de Laravel con Docker, sin embargo esto sucede en el menor de los casos, ya que es más común trabajar con un proyecto existente y sobre él crear una aplicación con Docker, así que esto es en lo que trabajaremos en el siguiente video:

Regístrate para ver ésta y cientos de lecciones exclusivas.

Pruebas de slots con vue-test-utils

Vue Testing

Cuando usamos slots en nuestros componentes, necesitamos indicarle a nuestros tests qué estamos pasando como contenido para después comprobar que el slot se esté mostrando. Para conseguir esto vamos a utilizar la opción slots de configuración de mount.

Regístrate para ver ésta y cientos de lecciones exclusivas.

Comprobar eventos emitidos desde un componente hijo hacia el padre con vue-test-utils

Vue Testing

En videos anteriores hemos aprendido a probar una comunicación descendente entre componentes. Nos referimos al paso de props desde el componente padre hacia el hijo. En este video nos centraremos en la comunicación ascendente, es decir, a la emisión de eventos desde el componente hijo para que el componente padre actue en consecuencia. Haremos uso de la función emitted del wrapper para comprobar qué eventos han sido emitidos.

Regístrate para ver ésta y cientos de lecciones exclusivas.

Sustituyendo la implementación de componentes con stubs y shallow con vue-test-utils

Vue Testing

En ciertas ocasiones necesitamos que al montar un componente hijo, éste sea sustituido por otro, o simplemente dejarlo sin comportamiento para poder probar el componente padre en completo aislamiento. En esta lección aprenderemos a hacerlo a través de la opción stubs del objeto de configuración de mount. También explicaremos la diferencia entre utilizar shallow en lugar de mount para montar nuestro wrapper.

Regístrate para ver ésta y cientos de lecciones exclusivas.

Probando paso de props entre componentes con vue-test-utils

Vue Testing

En la lección anterior aprendimos a comprobar que un componente padre muestra un componente hijo. En la mayoría de ocasiones no nos basta con probar su simple existencia, sino que también necesitamos comprobar que un componente se comunica de manera correcta con otro. En este video veremos cómo probar que las props que esperamos recibir se renderizan correctamente en el hijo y de igual manera que las props que esperamos se pasen desde el padre sean las correctas.

Regístrate para ver ésta y cientos de lecciones exclusivas.

Comprobar que un componente padre renderiza un componente hijo con vue-test-utils

Vue Testing

Para iniciar esta segunda parte del curso aprenderemos a comprobar que un componente padre contiene un componente hijo. Crearemos un componente ToDoList y nos aseguraremos de que se renderizan tantos componentes Task como elementos tengamos en nuestro arreglo de tareas. Los métodos del wrapper que aceptan selectores de CSS como contains, find, findAll etc. también admiten como parámetro un componente de Vue, esto nos servirá para cumplir con nuestro cometido.

Regístrate para ver ésta y cientos de lecciones exclusivas.

Escribir helper para Docker Compose

Banner Docker

Docker provee una manera eficaz de trabajar con contenedores, sin embargo, el uso de su sintaxis puede no ser muy amigable para el usuario. Es por eso que en esta lección crearemos un helper que nos permitirá ejecutar tareas de Docker Compose con un simple comando, incrementando la productividad de los desarrolladores y facilitando la ejecución de los contenedores.

Regístrate para ver ésta y cientos de lecciones exclusivas.

Uso de variables en Docker Compose

Banner Docker

Hasta ahora hemos estado trabajando con valores estáticos en nuestro archivo docker-compose.yml indicando de manera explícita los puertos que se utilizarán para nginx y MySQL así como la propia configuración de MySQL, sin embargo no siempre es posible que todo el equipo de desarrollo utilice la misma configuración, hay ocasiones en las que es posible que dos desarrolladores que trabajan en el mismo proyecto no tengan el entorno configurado de forma similar. Por ese motivo haremos nuestra aplicación de Docker Compose más flexible con el uso de variables.

Regístrate para ver ésta y cientos de lecciones exclusivas.

Crear una aplicación de Laravel con Docker y Docker Compose

Banner Docker

Docker Compose nos ayuda a automatizar el proceso de creación del entorno de Docker, pero hasta el momento no tenemos un proyecto real en el que podamos trabajar, en esta lección veremos cómo podemos crear una aplicación de Laravel por medio de Docker y veremos también cómo podemos hacer uso de Docker Compose para trabajar en el desarrollo de nuestras aplicaciones.

Regístrate para ver ésta y cientos de lecciones exclusivas.

Pruebas usando los métodos isVisible(), is(), isEmpty() y classes() de vue-test-utils

Vue Testing

Para terminar con esta primera parte del curso vamos a realizar un recorrido por las funciones básicas que nos faltan por ver del wrapper . Estas funciones son isVisible(), is(), isEmpty() y classes(). En la siguiente parte de este curso veremos con detalle las funciones que tienen que ver con la comunicación entre componentes.

Regístrate para ver ésta y cientos de lecciones exclusivas.

Suscríbete a nuestro boletín

Te enviaremos publicaciones con consejos útiles y múltiples recursos para que sigas aprendiendo.

Suscríbete a nuestro boletín

Recibe consejos útiles, promos y múltiples recursos directamente en tu correo.

Tu nombre y correo serán enviados directamente a MailChimp. No compartiremos tus datos con otras empresas.