¿Cómo configurar un sistema en programación siguiendo el paradigma de testing?

Para quienes se sumergen en el desarrollo de software, el testing o las pruebas son pilares fundamentales que garantizan que nuestro programa funcione como se espera. En la creación de un sistema, el camino tradicional implica la creación de:

• Entidades
• Migraciones
• Factory
• Seeders para datos falsos (datos semilla).

Si bien el orden puede variar, en este enfoque, nos centraremos principalmente en el testing.

¿Cómo conectar a la base de datos y configurar los seeders?

Antes de que nuestros tests puedan ejecutarse, es esencial asegurarnos de que nuestra base de datos esté lista y que los datos de prueba estén sembrados de manera adecuada.

1. Conexión a la base de datos:

   • Verifica la base de datos a la que te estás conectando.
   • Crea una nueva base de datos, como en este ejemplo llamado "TDD".

2. Configuración del seeder:

   • Descomenta la información necesaria en el seeder.
   • En este caso, evitamos crear usuarios directamente, ya que al crear un repositorio, se genera automáticamente un usuario. Configuramos para crear 40 repositorios.

3. Ejecución de migraciones y seeders:

   • Utiliza el comando php artisan migrate para ejecutar las migraciones.
   • Ejecuta el seeder para llenar la base de datos con datos de prueba.

fullscreen
php artisan migrate
php artisan db:seed

¿Cómo probar el sistema en el navegador?

Una vez configurada nuestra base de datos y sembrados los datos, el paso siguiente es verificar visualmente que todo esté funcionando correctamente en el navegador.

1. Acceso al proyecto:

   • Ingresa en el navegador la URL de tu proyecto, por ejemplo, tdb.test.

2. Modificaciones visuales:

   • Realiza ajustes para que las fechas y horas se vean de forma digerible. Puedes cambiar la visualización utilizando etiquetas como div para mejorar la presentación.

3. Registro y prueba de formularios:

   • Comprueba si el sistema de registro funciona correctamente introduciendo un nombre, correo y contraseña.
   • Confirma que el sistema permite el acceso al perfil y muestra las secciones necesarias como "repositorios".

¿Cómo ajustar la navegación y vista de elementos?

Las interfaces intuitivas y funcionales son vitales para una buena experiencia de usuario. Desde el dashboard, podemos configurar elementos esenciales.

1. Botones de navegación:
   • Añade y ajusta los botones como "repositorios" para que estén activos cuando sea necesario. Incluye estilos y rutas adecuadas.

fullscreen
<a href="{{ route('repositorios.index') }}" class="{{ request()->is('repositorios*') ? 'active' : '' }}">Repositorios</a>

2. Compatibilidad móvil:

   • Configura botones para dispositivos móviles, como un menú en forma de hamburguesa que muestre correctamente las opciones disponibles.

3. Correcciones menores:

   • Cambia el tamaño de clases CSS si es necesario, por ejemplo, de MD en lugar de MG.

4. Ensayo de formularios:

   • Prueba formularios de creación y asegúrate de que las descripciones y otros campos se guarden correctamente.

Finalmente, recuerda que la programación y su rendimiento dependen no solo de pruebas automáticas, sino también de la observación del resultado en el navegador. Este proceso iterativo permite identificar y corregir problemas visuales, asegurando un producto de calidad. ¡Sigue aprendiendo y perfecciona tus habilidades de testing!