Resumen

¿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.
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.
<a href="{{ route('repositorios.index') }}" class="{{ request()->is('repositorios*') ? 'active' : '' }}">Repositorios</a>
  1. Compatibilidad móvil:

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

    • Cambia el tamaño de clases CSS si es necesario, por ejemplo, de MD en lugar de MG.
  3. 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!