Saltar al contenido principal

Testing Frontend

Guía paso a paso para pruebas manuales del frontend (funcionalidades de empresa).

Fecha: Noviembre 2025
Para: Tester/QA que va a probar todas las funcionalidades de empresa
Formato: Instrucciones paso a paso con verificaciones claras

🎯 Configuración Inicial​

Antes de empezar:

  • Tener acceso a la aplicación (URL del frontend)
  • Tener un email de prueba disponible
  • Tener un navegador con consola abierta (F12) para ver errores

👥 ORGANIZACIÓN DEL EQUIPO DE TESTING: Esta guía está diseñada para testers que prueban SOLO como empresa.

Coordinación con el equipo:

  • Tester de Empresa (tú): Pruebas todas las funcionalidades desde el punto de vista de la empresa
  • Tester de Experto: Hay otro tester que probará como experto (aplicará a proyectos, entregará hitos, etc.)
  • Acceso de Administrador: Tú también tienes acceso de administrador, así que puedes realizar las acciones de admin tú mismo para agilizar

📋 Pasos que requieren coordinación:

  • Sección 4: Verificación del perfil → Tú mismo lo puedes hacer (tienes acceso de admin)
  • Sección 9-10: Selección de experto → Tú seleccionarás al experto que está probando
  • Sección 12: Revisión de entregas → Tú revisarás las entregas del experto
  • Sección 13: Autorización de pagos → Tú autorizarás los pagos
  • Sección 14: Chat → Coordinarás con el tester de experto para probar tiempo real

💡 Trabajo en equipo:

  • Coordina con el tester de experto para que realice las acciones necesarias cuando llegues a esas secciones
  • Usa tu acceso de admin para realizar acciones administrativas tú mismo y agilizar el proceso
  • No necesitas crear múltiples cuentas - solo usa tu cuenta de empresa (que también tiene permisos de admin)

⚠️ IMPORTANTE - Sobre los Pagos:

  • Puedes completar pagos usando tarjetas de prueba de Stripe (ver abajo)
  • Puedes usar tu propia cuenta de Stripe en modo test si tienes una
  • La verificación final en el dashboard de Stripe será realizada después por el administrador
  • Tarjetas de Prueba de Stripe (modo test):
    • ✅ Pago exitoso: 4242 4242 4242 4242
      • Fecha: Cualquier fecha futura (ej: 12/34)
      • CVC: Cualquier 3 dígitos (ej: 123)
      • Código postal: Cualquier código válido (ej: 12345)
    • ❌ Pago rechazado: 4000 0000 0000 0002
    • 🔐 Requiere autenticación (3D Secure): 4000 0025 0000 3155

1️⃣ REGISTRO Y PRIMER ACCESO​

Paso 1.1: Acceder a la página de registro​

  1. Abre el navegador y ve a: /registro
  2. Verifica que ves:
    • Formulario de registro
    • Campo para email
    • Campo para username
    • Campo para contraseña
    • Campo para confirmar contraseña
    • Selector de rol (Empresa / Experto)
    • Checkbox de términos y condiciones

Paso 1.2: Completar formulario de registro como Empresa​

  1. Selecciona el rol: "Empresa"
  2. Completa los campos:
    • Email: empresa.test@example.com (usa un email único)
    • Username: empresa_test (mínimo 3 caracteres)
    • Contraseña: Test1234! (mínimo 8 caracteres, con mayúscula, número y símbolo)
    • Confirmar contraseña: Test1234! (debe coincidir)
  3. Marca el checkbox de "Acepto términos y condiciones"
  4. Haz clic en "Registrarse"

Paso 1.3: Verificar registro exitoso​

Esperado:

  • Mensaje de éxito: "Usuario registrado exitosamente"
  • Redirección automática a /perfil/crear (página de creación de perfil)
  • NO deberías estar logueado todavía (o sí, depende de la implementación)

Si hay errores:

  • Verifica que el email no esté ya registrado
  • Verifica que el username no esté ya en uso
  • Verifica que la contraseña cumple los requisitos

2️⃣ LOGIN Y AUTENTICACIÓN​

Paso 2.1: Acceder a la página de login​

  1. Ve a: /login
  2. Verifica que ves:
    • Formulario de login
    • Campo para email/username
    • Campo para contraseña
    • Botón "Iniciar sesión"
    • Enlace "¿Olvidaste tu contraseña?"

Paso 2.2: Hacer login con credenciales correctas​

  1. Introduce el email o username que usaste en el registro
  2. Introduce la contraseña
  3. Haz clic en "Iniciar sesión"

Paso 2.3: Verificar login exitoso​

Esperado:

  • Mensaje de éxito o redirección automática
  • Redirección a /dashboard/empresa (dashboard de empresa)
  • Deberías ver el dashboard con tus datos
  • En la consola del navegador (F12) NO deberían aparecer errores

Si el login falla:

  • Verifica que el usuario existe
  • Verifica que la contraseña es correcta
  • Verifica que el usuario está activo (no desactivado por admin)

Paso 2.4: Probar login con credenciales incorrectas​

  1. Cierra sesión (si estás logueado)
  2. Ve a /login
  3. Introduce email/username correcto pero contraseña incorrecta
  4. Haz clic en "Iniciar sesión"
  5. Verifica que:
    • Aparece mensaje de error: "Credenciales inválidas"
    • NO te redirige al dashboard
    • Permaneces en la página de login

3️⃣ CREACIÓN DE PERFIL DE EMPRESA​

Paso 3.1: Acceder a creación de perfil​

  1. Si no estás en /perfil/crear, ve allí
  2. Verifica que ves:
    • Formulario de perfil de empresa
    • Sección de información de la empresa
    • Sección de contacto
    • Indicadores de progreso

Paso 3.2: Completar información de la empresa​

  1. Completa los campos básicos:

    • Nombre de la empresa: "Mi Empresa Test S.L."
    • CIF/NIF: "B12345678" (formato válido)
    • Descripción de la empresa: "Empresa especializada en automatización de procesos empresariales"
    • Sitio web: "https://miempresa.com" (opcional)
    • Tipo de empresa: Selecciona "Ecommerce", "Agencia", "SaaS" o "Otro"
    • Industria: Selecciona una industria (ej: "Retail", "Tecnología")
    • Tamaño de empresa: Selecciona "1-5", "6-20", "21-50" o "50+"
    • Idioma preferido: Selecciona "Español" o "Inglés"

  2. Verifica que:

    • Los campos se guardan correctamente
    • No hay errores de validación
    • El indicador de progreso se actualiza

Paso 3.3: Completar información de contacto​

  1. Completa los campos:

    • Persona de contacto: "Juan Pérez"
    • Email de contacto: contacto@miempresa.com
    • Teléfono: "+34 600 000 000"
    • Ubicación: "Madrid, España"
    • Foto de perfil: Sube un logo de la empresa (opcional)

  2. Verifica que:

    • Los campos se guardan correctamente
    • El email puede ser diferente al de login

Paso 3.4: Subir documentos de verificación​

  1. Busca la sección "Documentos" o "Verificación"
  2. Sube documentos (si está disponible):
    • CIF/NIF escaneado
    • Documentos de la empresa
  3. Verifica que:
    • Los archivos se suben correctamente
    • Se validan tipos de archivo
    • Se validan tamaños máximos

Paso 3.5: Completar datos fiscales (opcional en creación inicial)​

  1. Busca la sección "Datos Fiscales" en el formulario de perfil
  2. Verifica que:
    • El CIF es opcional al crear el perfil inicialmente
    • Puedes crear el perfil sin CIF
    • Existe un campo para CIF/NIF
    • El campo CIF tiene validación de formato (Letra + 8 dígitos, ej: B12345678)
  3. Opcional: Completa el CIF ahora:
    • CIF/NIF: "B12345678" (formato válido)
  4. Nota importante: El CIF será obligatorio cuando intentes crear tu primer proyecto si no lo has completado antes

Paso 3.6: Guardar perfil​

  1. Haz clic en "Guardar perfil" o "Crear perfil"
  2. Verifica que:
    • Aparece mensaje de éxito
    • El perfil se guarda correctamente
    • Se redirige a tu dashboard o a la página de perfil
    • Se dispara notificación a administradores para verificación

Paso 3.7: Verificar que perfil está pendiente de verificación​

  1. Ve a tu dashboard: /dashboard/empresa
  2. Verifica que:
    • Aparece un mensaje indicando que tu perfil está pendiente de verificación
    • El estado del perfil es "Pendiente" o "No verificado"
    • Aparece advertencia de que necesitas perfil verificado para crear proyectos

4️⃣ VERIFICACIÓN DEL PERFIL (DESDE ADMIN)​

✅ ACCESO DE ADMINISTRADOR: Como tienes acceso de administrador, puedes realizar este paso tú mismo para agilizar.

Paso 4.1: Acceder como administrador​

  1. Abre una nueva ventana de incógnito o navegador diferente
  2. Haz login como administrador en: /login
  3. Ve al dashboard de admin: /dashboard/admin

Paso 4.2: Buscar el perfil de la empresa​

  1. Ve a la sección de "Usuarios" o "Perfiles"
  2. Busca la empresa que acabas de crear (por email o username)
  3. Verifica que:
    • Aparece en la lista
    • Estado es "Pendiente de verificación"
    • Puedes ver todos los datos del perfil

Paso 4.3: Verificar el perfil​

  1. Haz clic en el perfil de la empresa
  2. Revisa la información y documentos
  3. Haz clic en "Verificar" o "Aprobar perfil"
  4. Opcionalmente, añade una nota de verificación

Paso 4.4: Verificar desde el lado de la empresa​

  1. Vuelve a tu sesión de empresa (o cierra sesión de admin y haz login como empresa)
  2. Ve a /dashboard/empresa
  3. Verifica que:
    • Aparece mensaje de "Perfil verificado" o badge de verificado
    • El estado cambió a "Verificado"
    • Ahora puedes crear proyectos
    • Desaparece la advertencia de verificación pendiente

5️⃣ DASHBOARD DE EMPRESA​

Paso 5.1: Acceder al dashboard​

  1. Haz login como empresa
  2. Ve a /dashboard/empresa
  3. Verifica que ves:
    • Pestañas: "Resumen", "Proyectos", "Aplicaciones"
    • Estadísticas en la pestaña "Resumen"

Paso 5.2: Verificar estadísticas (pestaña Resumen)​

Verifica que se muestran:

  • Total de proyectos: Debería ser 0 si no has creado proyectos
  • Proyectos activos: 0
  • Proyectos completados: 0
  • Total gastado: 0.00€ (si no has pagado)
  • Aplicaciones recibidas: 0
  • Expertos asignados: 0

Paso 5.3: Verificar pestaña "Proyectos"​

  1. Haz clic en la pestaña "Proyectos"
  2. Verifica que:
    • Se muestra lista de proyectos (vacía si no hay)
    • Cada proyecto muestra:
      • Título
      • Estado
      • Presupuesto
      • Experto asignado (si hay)
      • Fecha de creación

Paso 5.4: Verificar pestaña "Aplicaciones"​

  1. Haz clic en la pestaña "Aplicaciones"
  2. Verifica que:
    • Se muestran aplicaciones de expertos a tus proyectos
    • O lista vacía si no hay aplicaciones
    • Cada aplicación muestra:
      • Nombre del experto
      • Proyecto
      • Propuesta
      • Presupuesto propuesto
      • Estado (pendiente, aceptada, rechazada)

6️⃣ CREAR PROYECTO​

Paso 6.1: Acceder a crear proyecto​

  1. Ve a /publicar-proyecto o busca "Crear proyecto" en el dashboard
  2. Verifica que:
    • Si tu perfil NO está verificado, aparece mensaje indicando que necesitas verificación
    • Si tu perfil está verificado, aparece el formulario de creación

Paso 6.1.1: Verificar solicitud de datos fiscales en primer proyecto​

IMPORTANTE: Si es tu primer proyecto y no has completado el CIF, aparecerá un modal bloqueante solicitando datos fiscales.

  1. Si NO tienes CIF completado:

    • Al intentar crear el proyecto, aparece un modal bloqueante
    • El modal muestra: "Datos Fiscales de la Empresa"
    • El modal NO se puede cerrar sin completar los datos
    • Aparece mensaje: "Para poder facturar legalmente en España, necesitamos completar tus datos fiscales. El CIF es obligatorio para crear tu primer proyecto."
    • Completa el CIF en el modal (ej: "B12345678")
    • Haz clic en "Guardar y Continuar"
    • Verifica que el modal se cierra y puedes continuar creando el proyecto

  2. Si YA tienes CIF completado:

    • El modal NO aparece
    • Puedes crear el proyecto directamente
    • El formulario de creación aparece normalmente

Paso 6.2: Completar información básica del proyecto​

  1. Completa los campos:

    • Título: "Automatización de procesos de facturación"
    • Descripción: "Necesitamos automatizar el proceso de facturación con n8n, integrando nuestro ERP con el sistema de facturación electrónica. El proyecto incluye diseño, implementación y documentación."
    • Presupuesto: 5000.00 (en euros)
    • Categoría: Selecciona una categoría apropiada
    • Skills requeridas: Añade skills:
      • n8n
      • Make
      • APIs REST
    • Duración estimada: Selecciona "1 month" o la que prefieras
    • Fecha límite: Selecciona una fecha futura (opcional)

  2. Verifica que:

    • Los campos obligatorios están marcados
    • Puedes añadir múltiples skills
    • El campo de presupuesto acepta decimales

Paso 6.3: Definir hitos del proyecto​

  1. Busca la sección "Hitos" o "Milestones"

  2. Añade hitos:

    • Hito 1:
      • Título: "Análisis y diseño"
      • Descripción: "Análisis del proceso actual y diseño de la automatización"
      • Monto: 1500.00€
      • Orden: 1
    • Hito 2:
      • Título: "Implementación"
      • Descripción: "Desarrollo e implementación de los workflows"
      • Monto: 2500.00€
      • Orden: 2
    • Hito 3:
      • Título: "Testing y documentación"
      • Descripción: "Pruebas y documentación del sistema"
      • Monto: 1000.00€
      • Orden: 3

  3. Verifica que:

    • La suma de los hitos debe igualar el presupuesto total (5000€)
    • Puedes añadir/eliminar hitos
    • Los órdenes deben ser secuenciales

Paso 6.4: Seleccionar tipo de proyecto​

  1. Selecciona el tipo de proyecto:

    • Curado: El admin seleccionará expertos para ti
    • Privado: Dirigido a un experto específico
    • Desde perfil: Solicitar presupuesto desde perfil de experto

  2. Para esta prueba, selecciona "Curado"

Paso 6.5: Guardar proyecto​

  1. Revisa toda la información
  2. Haz clic en "Crear proyecto" o "Publicar proyecto"
  3. Verifica que:
    • Aparece mensaje de éxito
    • El proyecto se crea con estado "Borrador" o "Pendiente de publicación"
    • Se redirige al detalle del proyecto o al dashboard
    • Se envía notificación a administradores

Paso 6.6: Verificar que NO puedes crear proyecto sin perfil verificado​

  1. Si tienes acceso a otra cuenta de empresa sin verificar:
    • Intenta crear un proyecto
    • Verifica que:
      • Aparece error: "Debes tener perfil verificado para crear proyectos"
      • O se redirige a completar perfil

7️⃣ BÚSQUEDA DE EXPERTOS​

Paso 7.1: Acceder a búsqueda de expertos​

  1. Ve a /expertos o busca "Buscar expertos" en el menú
  2. Verifica que:
    • Aparece página de búsqueda de expertos
    • Aparece lista de expertos verificados
    • Aparecen filtros de búsqueda

Paso 7.2: Probar filtros de búsqueda​

  1. Prueba cada filtro:

    • Por skills: Escribe n8n y busca
    • Por tarifa mínima: Introduce 50
    • Por tarifa máxima: Introduce 100
    • Por ubicación: Escribe Madrid
    • Por disponibilidad: Selecciona "Tiempo Completo"
    • Por rating mínimo: Selecciona 4.0
    • Solo verificados: Marca el checkbox

  2. Verifica que:

    • Los filtros funcionan correctamente
    • Los resultados se actualizan al cambiar filtros
    • Solo aparecen expertos verificados si marcaste "Solo verificados"

Paso 7.3: Ver perfil de experto​

  1. Haz clic en un experto de los resultados
  2. Verifica que:
    • Se muestra perfil completo del experto
    • Aparece biografía
    • Aparecen skills
    • Aparece tarifa por hora
    • Aparece experiencia
    • Aparece rating y reseñas
    • Aparece botón "Solicitar presupuesto" (si está disponible)

8️⃣ SOLICITAR PRESUPUESTO DESDE PERFIL DE EXPERTO​

Paso 8.1: Acceder a perfil de experto​

  1. Ve a un perfil de experto: /expertos/[slug]
  2. Verifica que:
    • Aparece información del experto
    • Aparece botón "Solicitar presupuesto" o "Contactar"

Paso 8.2: Crear proyecto desde perfil de experto​

  1. Haz clic en "Solicitar presupuesto"
  2. Verifica que:
    • Se abre formulario de creación de proyecto
    • El experto ya está seleccionado como destinatario
    • Aparecen campos para:
      • Título del proyecto
      • Descripción
      • Presupuesto estimado
      • Skills requeridas
      • Mensaje personalizado para el experto

Paso 8.3: Completar solicitud de presupuesto​

  1. Completa el formulario:

    • Título: "Automatización de CRM con n8n"
    • Descripción: "Necesitamos integrar nuestro CRM con el sistema de email marketing"
    • Presupuesto estimado: 3000.00€
    • Skills requeridas: n8n, APIs REST
    • Mensaje: "Hola, vi tu perfil y me gustaría trabajar contigo en este proyecto"

  2. Envía la solicitud

  3. Verifica que:

    • Aparece mensaje de éxito
    • Se crea un proyecto en estado "Pendiente de publicación"
    • El proyecto está dirigido al experto seleccionado
    • Se envía notificación al experto (si está implementado)
    • Se envía notificación a administradores para validación

9️⃣ REVISAR PROPUESTAS DE EXPERTOS​

Paso 9.1: Ver propuestas recibidas​

  1. Ve a /dashboard/empresa
  2. Ve a la pestaña "Aplicaciones" o "Propuestas"
  3. Verifica que:
    • Se muestran todas las propuestas recibidas
    • Cada propuesta muestra:
      • Nombre del experto
      • Título del proyecto
      • Propuesta del experto
      • Presupuesto propuesto
      • Duración estimada
      • Hitos propuestos (si los hay)
      • Estado (pendiente, aceptada, rechazada)

Paso 9.2: Ver detalle de una propuesta​

  1. Haz clic en una propuesta
  2. Verifica que:
    • Se muestra información completa del experto
    • Se muestra la propuesta completa
    • Se muestran los hitos propuestos (si los hay)
    • Aparece botón "Seleccionar" o "Aceptar propuesta"
    • Aparece botón "Rechazar" (opcional)

Paso 9.3: Ver perfil del experto desde la propuesta​

  1. Haz clic en el nombre o perfil del experto
  2. Verifica que:
    • Se abre el perfil público del experto
    • Puedes ver todas sus credenciales
    • Puedes ver sus reseñas
    • Puedes ver su experiencia

🔟 SELECCIONAR EXPERTO​

Paso 10.1: Seleccionar experto desde propuesta​

  1. Ve a una propuesta pendiente
  2. Revisa la propuesta y perfil del experto
  3. Haz clic en "Seleccionar" o "Aceptar propuesta"
  4. Confirma la selección

Paso 10.2: Verificar selección exitosa​

Esperado:

  • Aparece mensaje de éxito: "Experto seleccionado correctamente"
  • El proyecto cambia de estado a "En progreso"
  • El experto queda asignado al proyecto
  • Se crean los hitos del proyecto (si no existían)
  • Se crea PaymentIntent del primer hito (estado "pending")
  • Se envía notificación al experto
  • Se envía notificación a la empresa

Paso 10.2.1: Verificar emails de "match confirmado"​

IMPORTANTE: Cuando seleccionas un experto, se envían dos emails profesionales de "match confirmado":

  1. Email a la empresa (send_match_confirmed_company_email):

    • Revisa tu bandeja de entrada (y spam si no lo encuentras)
    • Deberías recibir un email con:
      • Presentación del experto seleccionado
      • Información del perfil del experto (rol, experiencia, skills principales)
      • Enlace directo al canal de chat del proyecto
      • Próximos pasos sugeridos
    • El email tiene branding de Floutic y diseño profesional

  2. Email al experto (send_match_confirmed_expert_email):

    • El experto debería recibir un email con:
      • Confirmación del match con el cliente
      • Información del cliente (nombre, sector si está disponible)
      • Resumen del proyecto
      • Razón del match (skills que coinciden)
      • Enlace directo al canal de chat del proyecto
      • Buenas prácticas y próximos pasos
    • El email tiene branding de Floutic y diseño profesional

Nota: Estos emails son más completos y profesionales que la notificación simple de "experto seleccionado". Ambos se envían automáticamente cuando seleccionas al experto ganador.

Paso 10.3: Verificar hitos creados​

  1. Ve al detalle del proyecto: /proyecto/[id]
  2. Verifica que:
    • Se crearon los hitos (los propuestos por el experto o los del proyecto)
    • Los hitos están en orden
    • Cada hito tiene:
      • Título
      • Descripción
      • Monto
      • Estado (el primero debería estar "Pendiente")

Paso 10.4: Verificar que NO puedes seleccionar otro experto​

  1. Intenta seleccionar otro experto para el mismo proyecto
  2. Verifica que:
    • El botón "Seleccionar" está deshabilitado en otras propuestas
    • O aparece mensaje: "Ya hay un experto asignado"

1️⃣1️⃣ AUTORIZAR Y PAGAR HITOS​

Paso 11.1: Ver proyecto con experto asignado​

  1. Ve al proyecto: /proyecto/[id]
  2. Verifica que:
    • Aparece información del experto asignado
    • Aparece sección de pagos o hitos
    • El primer hito está pendiente de pago

Paso 11.2: Autorizar pago del primer hito​

  1. Busca la sección de pagos o el primer hito
  2. Haz clic en "Autorizar pago" o "Pagar hito"
  3. Verifica que:
    • Se abre formulario de pago (Stripe)
    • Se muestra el monto del hito
    • Se muestra información del experto
    • Aparece advertencia si el experto no tiene Stripe Connect configurado

Paso 11.3: Completar autorización de pago​

  1. Si el experto tiene Stripe Connect configurado:
    • Verifica que el formulario de pago de Stripe se abre correctamente
    • Completa el pago usando tarjeta de prueba:
      • Número de tarjeta: 4242 4242 4242 4242
      • Fecha de expiración: Cualquier fecha futura (ej: 12/34)
      • CVC: Cualquier 3 dígitos (ej: 123)
      • Código postal: Cualquier código válido (ej: 12345)
    • Confirma el pago
  2. Verifica que:
    • El pago se autoriza correctamente
    • Estado del pago cambia a "En depósito" o "Held"
    • El dinero queda en escrow (retenido)
    • Se muestra confirmación de pago
  3. Nota para el administrador: Verifica en el dashboard de Stripe que el pago se procesó correctamente y quedó en estado "Held".

Paso 11.4: Verificar estado del pago después de autorizar​

  1. Después de autorizar el pago, verifica que:
    • El estado del pago se actualiza a "Held" (en depósito)
    • Se registra la fecha de retención
    • El hito queda listo para que el experto trabaje
    • Se muestra información del PaymentIntent
  2. Nota para el administrador: Verifica en el dashboard de Stripe que el pago quedó en estado "Held" y está correctamente retenido en escrow.

Paso 11.5: Verificar que NO puedes pagar sin experto asignado​

  1. Si tienes un proyecto sin experto, intenta pagar
  2. Verifica que:
    • Aparece error: "El proyecto debe tener un experto asignado"
    • O el botón de pago está deshabilitado

Paso 11.6: Verificar que NO puedes pagar si experto no tiene Stripe Connect​

  1. Si el experto no tiene Stripe Connect configurado, intenta pagar
  2. Verifica que:
    • Aparece error: "El experto debe configurar Stripe Connect"
    • O aparece mensaje informativo

1️⃣2️⃣ REVISAR Y APROBAR ENTREGAS DE HITOS​

Paso 12.1: Ver entrega de hito​

  1. Cuando el experto entregue un hito, recibirás notificación
  2. Ve al proyecto: /proyecto/[id]
  3. Ve a la sección de hitos
  4. Verifica que:
    • El hito entregado aparece con estado "Completado" o "En revisión"
    • Aparece botón "Revisar entrega" o "Ver entrega"
    • Puedes ver información de la entrega

Paso 12.2: Revisar entrega​

  1. Haz clic en "Revisar entrega" o "Ver entrega"
  2. Verifica que puedes ver:
    • Título de la entrega
    • Descripción detallada
    • Lista de entregables
    • Archivos adjuntos (si los hay)
    • Fecha de entrega
    • Número de intento

Paso 12.3: Aprobar entrega​

  1. Revisa la entrega

  2. Si está correcta, haz clic en "Aprobar" o "Aceptar entrega"

  3. Opcionalmente, añade un comentario: "Excelente trabajo, todo correcto"

  4. Confirma la aprobación

  5. Verifica que:

    • Aparece mensaje de éxito
    • El hito cambia a estado "Aprobado"
    • Se libera el pago del hito (se transfiere al experto)
    • Se crea PaymentIntent para el siguiente hito (si existe)
    • Se envía notificación al experto
    • El experto puede entregar el siguiente hito

Paso 12.4: Rechazar entrega​

  1. Si necesitas rechazar una entrega, haz clic en "Rechazar" o "Necesita revisión"

  2. Añade razón de rechazo: "Faltan detalles en la documentación. Por favor, añade más información sobre la configuración."

  3. Confirma el rechazo

  4. Verifica que:

    • El hito cambia a estado "Rechazado" o "Necesita revisión"
    • Se muestra la razón de rechazo
    • Se envía notificación al experto
    • El experto puede actualizar la entrega
    • Si hay 3 rechazos, el proyecto se cancela automáticamente

Paso 12.5: Verificar liberación automática de pago​

  1. Después de aprobar un hito
  2. Verifica que:
    • El pago se libera automáticamente
    • Se calcula la comisión correctamente según el nivel del experto
    • Se muestra el monto neto que recibirá el experto
    • Estado del pago cambia a "Liberado" o "Completado"
    • Se crea PaymentIntent para el siguiente hito (si existe)
    • Se muestra confirmación de pago liberado
  3. Nota para el administrador: Verifica en el dashboard de Stripe que:
    • El pago se liberó automáticamente después de aprobar el hito
    • Se transfirió el monto neto (después de comisión) a la cuenta Connect del experto
    • La comisión se calculó correctamente según el nivel del experto

1️⃣3️⃣ CHAT CON EXPERTO​

Paso 13.1: Acceder al chat del proyecto​

  1. Ve al proyecto: /proyecto/[id]
  2. Ve a la pestaña "Chat" o sección de mensajes
  3. Verifica que:
    • Aparece el chat del proyecto
    • Puedes ver mensajes anteriores (si los hay)
    • Aparece campo para escribir mensaje

Paso 13.2: Enviar mensaje de texto​

  1. Escribe un mensaje: "Hola, ¿cómo va el progreso del primer hito?"
  2. Haz clic en "Enviar"
  3. Verifica que:
    • El mensaje aparece en el chat
    • Se muestra tu nombre como remitente
    • Se muestra la fecha/hora del mensaje
    • Se envía notificación al experto

Paso 13.3: Subir archivo en el chat​

  1. Haz clic en el botón de adjuntar archivo (si existe)

  2. Selecciona un archivo

  3. Añade un mensaje opcional: "Aquí está el documento de referencia"

  4. Envía

  5. Verifica que:

    • El archivo se sube correctamente
    • Aparece en el chat como mensaje con archivo
    • El experto puede descargar el archivo
    • Se muestra el nombre y tamaño del archivo

Paso 13.4: Editar mensaje​

  1. Encuentra un mensaje que hayas enviado

  2. Haz clic en "Editar" (si está disponible)

  3. Modifica el mensaje

  4. Guarda los cambios

  5. Verifica que:

    • El mensaje se actualiza
    • Aparece indicador "Editado"
    • El experto ve el mensaje editado

Paso 13.5: Verificar tiempo real​

  1. Abre el chat en dos navegadores diferentes:
    • Navegador 1: Como empresa
    • Navegador 2: Como experto
  2. Envía un mensaje desde el navegador del experto
  3. Verifica que:
    • El mensaje aparece automáticamente en el navegador de la empresa (sin refrescar)
    • Aparece notificación en tiempo real
    • El contador de mensajes no leídos se actualiza

1️⃣4️⃣ RESEÑAS​

Paso 14.1: Completar proyecto​

  1. Asegúrate de que todos los hitos están aprobados
  2. Verifica que:
    • El proyecto cambia a estado "Completado"
    • Aparece opción para dejar reseña

Paso 14.2: Dejar reseña al experto​

  1. Ve al proyecto completado

  2. Busca la sección "Reseñas" o "Valorar"

  3. Haz clic en "Dejar reseña" o "Valorar experto"

  4. Completa el formulario:

    • Calificación: Selecciona 5 estrellas (o la que prefieras)
    • Comentario: "Excelente trabajo, muy profesional y comunicativo. El proyecto se completó a tiempo y con calidad."

  5. Envía la reseña

  6. Verifica que:

    • La reseña se guarda correctamente
    • Aparece en el perfil del experto
    • Se actualiza el rating promedio del experto

Paso 14.3: Ver reseñas recibidas​

  1. Ve a tu perfil de empresa
  2. Verifica que:
    • Aparece sección de reseñas
    • Se muestran las reseñas que has recibido (si las hay)
    • Se muestra el rating promedio
    • Se muestra el total de reseñas

Paso 14.4: Editar reseña​

  1. Ve a la reseña que dejaste

  2. Haz clic en "Editar" (si está disponible)

  3. Modifica la calificación o comentario

  4. Guarda los cambios

  5. Verifica que:

    • La reseña se actualiza
    • Los cambios se reflejan en el perfil del experto
    • Se actualiza el rating promedio

Paso 14.5: Responder a reseña recibida​

  1. Si recibiste una reseña del experto, ve a tu perfil

  2. Encuentra la reseña

  3. Haz clic en "Responder"

  4. Escribe una respuesta: "Gracias por tu feedback. Fue un placer trabajar contigo también."

  5. Envía la respuesta

  6. Verifica que:

    • La respuesta aparece bajo la reseña
    • Se muestra la fecha de la respuesta

1️⃣5️⃣ NOTIFICACIONES​

Paso 15.1: Ver notificaciones​

  1. Como empresa, ve a /dashboard/empresa
  2. Busca el icono de notificaciones (campana) en la parte superior
  3. Haz clic en él
  4. Verifica que:
    • Se abre el panel de notificaciones
    • Se muestran todas tus notificaciones
    • Aparece contador de notificaciones no leídas

Paso 15.2: Verificar tipos de notificaciones recibidas​

Verifica que has recibido notificaciones de:

  • Nueva propuesta recibida
  • Experto seleccionado
  • Entrega de hito recibida
  • Pago autorizado
  • Pago liberado
  • Mensaje nuevo en chat
  • Reseña recibida
  • Proyecto aprobado/rechazado por admin

Paso 15.3: Marcar notificación como leída​

  1. Haz clic en una notificación no leída
  2. Verifica que:
    • La notificación se marca como leída
    • El contador de no leídas disminuye
    • El estilo visual cambia (menos destacada)

Paso 15.4: Marcar todas como leídas​

  1. Busca el botón "Marcar todas como leídas"
  2. Haz clic en él
  3. Verifica que:
    • Todas las notificaciones se marcan como leídas
    • El contador vuelve a 0
    • Todas las notificaciones cambian de estilo

Paso 15.5: Verificar notificaciones en tiempo real​

  1. Abre el dashboard en dos navegadores:
    • Navegador 1: Como empresa
    • Navegador 2: Como experto o admin
  2. Desde el navegador 2, realiza una acción que genere notificación (ej: experto envía mensaje)
  3. Verifica que:
    • La notificación aparece automáticamente en el navegador 1 (sin refrescar)
    • El contador se actualiza en tiempo real
    • Aparece indicador visual de nueva notificación

1️⃣6️⃣ CONFIGURACIÓN DE WEBHOOKS PERSONALIZADOS​

Paso 16.1: Acceder a configuración de webhooks​

  1. Como empresa, ve a /configuracion
  2. Busca la sección "Webhooks" o "Notificaciones externas"
  3. Verifica que:
    • Aparece información sobre webhooks
    • Aparece formulario para configurar webhook

Paso 16.2: Configurar webhook​

  1. Completa el formulario:

    • URL del webhook: https://tu-servidor.com/webhook (usa una URL de prueba)
    • Método de autenticación: Selecciona "JWT" o "Ninguna"
    • Habilitar webhook: Marca el checkbox

  2. Guarda la configuración

  3. Verifica que:

    • Se guarda la configuración
    • Aparece mensaje de éxito
    • Se muestra el estado: "Configurado" o "Activo"

Paso 16.3: Obtener secreto JWT (si usas JWT)​

  1. Si seleccionaste autenticación JWT, busca "Obtener secreto" o "Ver secreto"
  2. Haz clic en obtener el secreto
  3. Verifica que:
    • Se muestra el secreto JWT
    • Puedes copiarlo
    • Aparece advertencia de mantenerlo seguro

Paso 16.4: Probar webhook​

  1. Busca el botón "Probar webhook" o "Enviar evento de prueba"
  2. Haz clic en él
  3. Verifica que:
    • Se envía un evento de prueba
    • Se muestra el estado del último intento
    • Se muestra la respuesta del servidor (si está disponible)
    • Aparece información de éxito o error

Paso 16.5: Verificar que webhooks se envían en eventos reales​

  1. Realiza una acción que genere evento (ej: recibir propuesta)
  2. Verifica que:
    • El webhook se envía a tu URL configurada
    • El payload contiene la información correcta
    • La autenticación funciona (si configuraste JWT)

1️⃣7️⃣ INTEGRACIÓN CON GOHIGHLEVEL​

Nota: Esta sección requiere que GoHighLevel esté configurado y funcionando. Algunos pasos requieren acceso de administrador.

Paso 17.1: Verificar sincronización al crear perfil​

  1. Crea un nuevo perfil de empresa (o usa uno existente)
  2. Verifica que:
    • Se crea contacto en GoHighLevel automáticamente
    • Se sincronizan campos básicos:
      • Email
      • Teléfono (si está configurado)
      • Nombre de la empresa
      • CIF (si está configurado)
      • Ubicación
      • Sitio web
    • Se añade etiqueta emp/nuevo-registro en GHL

Paso 17.2: Verificar etiquetas automáticas​

Nota: Este paso requiere acceso a GoHighLevel para verificar las etiquetas.

  1. Como empresa, crea un proyecto en borrador
  2. Verifica que se añade etiqueta en GHL:
    • emp/borrador-creado - Al crear proyecto en borrador
  3. Publica un proyecto
  4. Verifica que:
    • Se añade etiqueta emp/proyecto-publicado en GHL
    • Se remueve etiqueta emp/borrador-creado (si existía)
  5. Selecciona un experto para el proyecto
  6. Verifica que:
    • Se añade etiqueta emp/proyecto-en-ejecución en GHL
    • Se remueve etiqueta emp/proyecto-publicado
  7. Completa un proyecto
  8. Verifica que:
    • Se añade etiqueta emp/proyecto-completado en GHL
    • Se remueve etiqueta emp/proyecto-en-ejecución
    • Si tienes múltiples proyectos completados, se añade emp/cliente-recurrente

Paso 17.3: Verificar creación de oportunidades​

Nota: Requiere acceso a GoHighLevel para verificar.

  1. Como empresa, publica un proyecto
  2. Verifica que:
    • Se crea oportunidad en GHL automáticamente
    • La oportunidad tiene información del proyecto:
      • Título del proyecto
      • Presupuesto
      • Skills requeridas
      • Estado del proyecto
  3. Selecciona un experto para el proyecto
  4. Verifica que:
    • Se actualiza la oportunidad en GHL
    • El estado cambia a "En ejecución"
  5. Completa el proyecto
  6. Verifica que:
    • Se actualiza la oportunidad a "Completado" en GHL
    • O se cierra la oportunidad

Paso 17.4: Verificar sincronización de campos de empresa​

  1. Como empresa, actualiza tu perfil:
    • Cambia el CIF
    • Actualiza el sitio web
    • Cambia el tamaño de empresa
    • Actualiza información de contacto
  2. Verifica que:
    • Los cambios se sincronizan con GHL
    • El contacto en GHL se actualiza automáticamente
    • Los campos personalizados se actualizan correctamente:
      • tipo_de_empresa (company_type)
      • sector (industry)
      • tamaño_de_la_empresa (company_size)
      • preferred_language
      • cif
      • company_email

Paso 17.5: Verificar sincronización de datos fiscales​

  1. Como empresa, completa tus datos fiscales (CIF, nombre fiscal, dirección, etc.)
  2. Verifica que:
    • Los datos fiscales se sincronizan con GHL
    • Se actualiza el campo datos_fiscales_completos en GHL ("Sí"/"No")
    • Todos los campos fiscales se sincronizan correctamente

Paso 17.6: Verificar sincronización de estado del contacto​

✅ ACCESO DE ADMINISTRADOR: Como tienes acceso de administrador, puedes realizar este paso tú mismo.

  1. Abre una nueva ventana de incógnito o navegador diferente (o usa la sesión de admin si ya la tienes abierta)
  2. Haz login como administrador
  3. Cambia el estado de tu empresa (activo/inactivo)
  4. Verifica que:
    • El estado se sincroniza con GHL
    • Se añade/quita etiqueta emp/inactivo según corresponda
    • El campo estado_del_contacto se actualiza en GHL
    • Si se reactiva, se añade etiqueta emp/reactivado

Paso 17.7: Verificar diagnóstico de sincronización (desde admin)​

✅ ACCESO DE ADMINISTRADOR: Como tienes acceso de administrador, puedes realizar este paso tú mismo.

  1. Abre una nueva ventana de incógnito o navegador diferente (o usa la sesión de admin si ya la tienes abierta)
  2. Haz login como administrador
  3. Ve al perfil de tu empresa (usa el email o username de tu cuenta de empresa)
  4. Busca la opción "Diagnóstico GHL" o "GHL Diagnosis"
  5. Verifica que puedes ver:
    • Estado de sincronización
    • Etiquetas esperadas vs actuales en GHL
    • Estado del contacto en GHL
    • Última sincronización
    • Errores de sincronización (si los hay)
    • Oportunidades creadas en GHL

Paso 17.8: Verificar etiquetas de recontacto y baja​

✅ ACCESO DE ADMINISTRADOR: Como tienes acceso de administrador, puedes realizar este paso tú mismo.

  1. En la sesión de admin, marca tu empresa para recontacto
  2. Verifica que:
    • Se añade etiqueta emp/recontacto en GHL
    • Se remueve etiqueta emp/inactivo (si existía)
  3. Como empresa, solicita baja
  4. Verifica que:
    • Se añade etiqueta emp/baja en GHL
  5. En la sesión de admin, confirma la baja
  6. Verifica que:
    • Se remueve etiqueta emp/baja
    • Se añade etiqueta emp/baja-confirmada

Paso 17.9: Verificar sincronización bidireccional (si está implementado)​

✅ ACCESO DE ADMINISTRADOR: Como tienes acceso de administrador, puedes realizar este paso tú mismo.

  1. En la sesión de admin, cambia una etiqueta directamente en GoHighLevel
  2. Verifica que:
    • El cambio se refleja en Floutic (si está implementado)
    • O se sincroniza en la próxima actualización

1️⃣8️⃣ ACTUALIZACIÓN DE PERFIL​

Paso 18.1: Acceder a edición de perfil​

  1. Como empresa, ve a /perfil/empresa o /configuracion
  2. Busca "Editar perfil" o "Mi perfil"
  3. Verifica que:
    • Aparece formulario con tus datos actuales
    • Todos los campos están pre-rellenados

Paso 18.2: Actualizar información​

  1. Modifica algunos campos:

    • Cambia la descripción de la empresa
    • Actualiza el sitio web
    • Cambia el tamaño de empresa
    • Actualiza información de contacto

  2. Guarda los cambios

  3. Verifica que:

    • Aparece mensaje de éxito
    • Los cambios se guardan correctamente
    • Se actualiza el perfil

Paso 18.3: Actualizar documentos​

  1. Busca la sección de documentos
  2. Sube nuevos documentos o reemplaza existentes
  3. Verifica que:
    • Los documentos se actualizan correctamente
    • Se validan tipos y tamaños

1️⃣9️⃣ GESTIÓN DE CUENTA​

Paso 19.1: Cambiar contraseña​

  1. Ve a /configuracion

  2. Busca la sección "Seguridad" o "Contraseña"

  3. Completa el formulario:

    • Contraseña actual: Introduce tu contraseña actual
    • Nueva contraseña: NuevaPass1234!
    • Confirmar nueva contraseña: NuevaPass1234!

  4. Guarda los cambios

  5. Verifica que:

    • Aparece mensaje de éxito
    • Puedes hacer login con la nueva contraseña
    • NO puedes hacer login con la contraseña antigua

Paso 19.2: Cambiar email​

  1. En configuración, busca "Email"

  2. Completa el formulario:

    • Nuevo email: nuevo.email@example.com
    • Contraseña actual: Introduce tu contraseña para confirmar

  3. Guarda los cambios

  4. Verifica que:

    • Aparece mensaje de éxito
    • El email se actualiza
    • Puedes hacer login con el nuevo email

Paso 19.3: Cambiar username​

  1. En configuración, busca "Username"

  2. Cambia el username a: empresa_test_nuevo

  3. Guarda los cambios

  4. Verifica que:

    • Aparece mensaje de éxito
    • El username se actualiza
    • Puedes hacer login con el nuevo username

2️⃣0️⃣ GESTIÓN DE PROYECTOS​

Paso 20.1: Ver todos los proyectos​

  1. Ve a /dashboard/empresa
  2. Ve a la pestaña "Proyectos"
  3. Verifica que:
    • Se muestran todos tus proyectos
    • Puedes ver el estado de cada proyecto
    • Puedes filtrar por estado (si está disponible)

Paso 20.2: Editar proyecto (borrador)​

  1. Ve a un proyecto en estado "Borrador"

  2. Haz clic en "Editar"

  3. Modifica algunos campos (título, descripción, presupuesto)

  4. Guarda los cambios

  5. Verifica que:

    • Los cambios se guardan correctamente
    • El proyecto se actualiza
    • Aparece mensaje de éxito

Paso 20.3: Eliminar proyecto (borrador)​

  1. Ve a un proyecto en estado "Borrador"

  2. Haz clic en "Eliminar" o "Borrar"

  3. Confirma la eliminación

  4. Verifica que:

    • El proyecto se elimina
    • Desaparece de la lista
    • Aparece mensaje de confirmación

Paso 20.4: Verificar que NO puedes editar proyecto con experto asignado​

  1. Intenta editar un proyecto que ya tiene experto asignado
  2. Verifica que:
    • El botón "Editar" está deshabilitado
    • O aparece mensaje: "No puedes editar un proyecto con experto asignado"
    • Solo puedes editar ciertos campos (si está permitido)

2️⃣1️⃣ CASOS EDGE Y VALIDACIONES​

Paso 21.1: Intentar crear proyecto sin perfil verificado​

  1. Si tienes acceso a cuenta sin verificar, intenta crear proyecto
  2. Verifica que:
    • Aparece error: "Debes tener perfil verificado para crear proyectos"
    • O se redirige a completar perfil
    • El botón "Crear proyecto" está deshabilitado

Paso 21.2: Intentar pagar sin experto asignado​

  1. Intenta pagar un proyecto sin experto asignado
  2. Verifica que:
    • Aparece error: "El proyecto debe tener un experto asignado"
    • O el botón de pago está deshabilitado

Paso 21.3: Intentar pagar si experto no tiene Stripe Connect​

  1. Si el experto no tiene Stripe Connect configurado, intenta pagar
  2. Verifica que:
    • Aparece error: "El experto debe configurar Stripe Connect"
    • O aparece mensaje informativo

Paso 21.4: Intentar aprobar hito sin entrega​

  1. Intenta aprobar un hito que no ha sido entregado
  2. Verifica que:
    • El botón "Aprobar" está deshabilitado
    • O aparece mensaje: "El hito debe ser entregado primero"

Paso 21.5: Verificar permisos de acceso​

  1. Como empresa, intenta acceder a:
    • /dashboard/experto (dashboard de experto)
    • /expert/applications (aplicaciones de experto)
  2. Verifica que:
    • Se redirige al dashboard de empresa
    • O aparece mensaje de "No tienes permisos"
    • NO puedes realizar acciones de experto

Paso 21.6: Verificar validación de presupuesto en pagos​

  1. Intenta crear un pago que exceda el presupuesto del proyecto
  2. Verifica que:
    • Aparece error: "El monto del pago excede el presupuesto del proyecto"
    • O aparece error: "La suma de pagos excede el presupuesto total"

✅ CHECKLIST FINAL DE VERIFICACIÓN​

Antes de considerar que todo funciona, verifica que:

Funcionalidades Básicas​

  • Puedo registrarme como empresa
  • Puedo hacer login
  • Puedo crear y completar mi perfil
  • Mi perfil se puede verificar
  • Aparece en búsquedas (si aplica)

Proyectos​

  • Puedo crear proyectos (con perfil verificado)
  • Puedo definir hitos en los proyectos
  • Puedo editar proyectos en borrador
  • Puedo eliminar proyectos en borrador
  • Veo mis proyectos en el dashboard

Expertos​

  • Puedo buscar expertos
  • Puedo ver perfiles de expertos
  • Puedo solicitar presupuesto desde perfil de experto
  • Puedo recibir propuestas de expertos
  • Puedo seleccionar expertos

Trabajo en Proyectos​

  • Puedo autorizar pagos de hitos
  • Puedo revisar entregas de hitos
  • Puedo aprobar entregas
  • Puedo rechazar entregas
  • Los pagos se liberan automáticamente al aprobar

Comunicación​

  • Puedo chatear con el experto
  • Puedo subir archivos en el chat
  • Recibo notificaciones de mensajes nuevos
  • El chat funciona en tiempo real

Pagos​

  • Puedo autorizar pagos de hitos
  • Los pagos quedan en escrow correctamente
  • Los pagos se liberan al aprobar hitos
  • Puedo ver historial de pagos
  • Se calculan comisiones correctamente

Reputación​

  • Puedo dejar reseñas a expertos
  • Puedo ver reseñas recibidas
  • Puedo editar mis reseñas
  • El rating se calcula correctamente

Notificaciones​

  • Recibo notificaciones de todos los eventos importantes
  • Puedo marcar notificaciones como leídas
  • Las notificaciones llegan en tiempo real

Configuración​

  • Puedo actualizar mi perfil
  • Puedo cambiar contraseña
  • Puedo cambiar email y username
  • Puedo configurar webhooks personalizados

Integración con GoHighLevel​

  • Mi perfil se sincroniza con GHL al crearlo
  • Se añaden etiquetas automáticas en GHL según eventos
  • Se crean oportunidades en GHL cuando publico proyectos
  • Los cambios de perfil se sincronizan con GHL
  • Los datos fiscales se sincronizan con GHL

Seguridad​

  • No puedo acceder a funciones de experto
  • No puedo crear proyectos sin verificación
  • No puedo pagar sin experto asignado
  • No puedo pagar si experto no tiene Stripe Connect

📝 NOTAS PARA EL TESTER​

Si encuentras un error:​

  1. Anota exactamente qué estabas haciendo cuando ocurrió
  2. Captura pantalla del error
  3. Revisa la consola del navegador (F12) para ver errores JavaScript
  4. Revisa la pestaña Network para ver errores de API
  5. Anota los pasos exactos para reproducir el error

Si algo no funciona como esperas:​

  1. Verifica que estás logueado con la cuenta correcta
  2. Verifica que el perfil está verificado (necesario para crear proyectos)
  3. Verifica que el experto tiene Stripe Connect configurado (para pagos)
  4. Limpia la caché del navegador y prueba de nuevo
  5. Prueba en otro navegador para descartar problemas del navegador

Datos de prueba recomendados:​

  • Email: Usa emails únicos para cada prueba (ej: empresa.test1@example.com, empresa.test2@example.com)
  • Username: Usa usernames únicos (ej: empresa_test_1, empresa_test_2)
  • Contraseña: Usa contraseñas seguras que cumplan los requisitos
  • CIF: Usa CIFs válidos pero de prueba (ej: B12345678, A87654321)
  • Presupuestos: Usa montos realistas (ej: 2000€, 5000€, 10000€)

Última actualización: Noviembre 2025
Versión: 2.0 (Añadida sección: Integración con GoHighLevel)