Validación para el orden dinámico de registros con Laravel y Blade

En esta lección 45 del curso Crea un Panel de Control con Laravel seguiremos mejorando el ordenamiento de las columnas del listado. Puesto que cómo nuestro ordenamiento es dinámico debemos comprobar que la petición hecha por el usuario sea válida y realice el ordenamiento sin mostrar errores o dar acceso a campos no visibles en...

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

Ver post

Generar URLs con orden dinámico en Laravel

En esta lección 43 del curso Crea un Panel de Control con Laravel, trabajaré en un método helper para generar URLs con orden dinámico para las diversas columnas y en la dirección ascendente o descendente según haga falta....

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

Ver post

Obtener clases de CSS de forma dinámica en Blade

En esta séptima parte del curso Crea un Panel de Control con Laravel, voy a desarrollar la funcionalidad que nos permitirá ordenar a los usuarios de forma ascendente o descendente por nombre, correo electrónico o fecha de registro. Pero desarrollaré esta funcionalidad de manera estándar para que puedas adaptarla de forma sencilla en tu propio panel de...

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

Ver post

Implementación del Patrón Null Object en Laravel

En esta cuarta lección explicaré otra manera en que podemos crear una implementación de Null Object Pattern para evitar los errores «trying to get property of non-object» y «call to a member function on a non-object» con el uso de helpers personalizados, para esta lección apoyaré el desarrollo con la creación de pruebas unitarias (TDD)....

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

Ver post

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

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...

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

Ver post

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

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...

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

Ver post

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

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...

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

Ver post

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

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...

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

Ver post

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

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.

Ver post

Uso de los métodos findAll(), exists() y contains() de vue-test-utils

A veces es necesario encontrar varios elementos del mismo tipo para realizar comprobaciones a un conjunto, esto lo conseguiremos usando la función findAll() como veremos en esta lección, donde también introduciremos ciertos condicionales para renderizar elementos basándonos en estados de la aplicación, lo que nos llevará al uso de funciones como exists() y contains()....

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

Ver post

Suscríbete a nuestro boletín

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

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