feat: plantilla base workspace SaaS

frontend/e2e/auth.setup.ts

@@ -0,0 +1,93 @@
+/**
+ * Setup de autenticación para tests E2E de Playwright.
+ *
+ * El flujo de login de Anexo76 pasa por Workspace (workspace.aduanasoft.com):
+ *   1. Navegar a /login → 303 redirect al formulario de Workspace
+ *   2. Llenar el form de Workspace con el usuario de prueba (creado en globalSetup)
+ *   3. Workspace/Keycloak redirige de vuelta a /auth/callback → /dashboard
+ *   4. Guardar storageState para todos los tests dependientes
+ *
+ * El usuario de prueba es creado y eliminado por globalSetup / globalTeardown.
+ * Patrón idéntico al de aduanasoft-hub.
+ */
+import { test as setup, expect } from '@playwright/test'
+import { mkdirSync } from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+const __dirname  = path.dirname(fileURLToPath(import.meta.url))
+const authFile   = path.join(__dirname, '.auth/user.json')
+
+setup('autenticacion', async ({ page }) => {
+    const username = process.env.E2E_TEST_USER     ?? ''
+    const password = process.env.E2E_TEST_PASSWORD ?? ''
+
+    if (!username) throw new Error('E2E_TEST_USER no está configurado')
+    if (!password) throw new Error('E2E_TEST_PASSWORD no está configurado')
+
+    // ── 1. Navegar a /login — Workspace intercepta y muestra su formulario ──
+    await page.goto('/login')
+
+    // ── 2. Llenar el formulario de Workspace (mismos selectores que hub/login.spec.ts) ──
+    await page.getByRole('textbox', { name: /usuario o email/i }).fill(username)
+    await page.getByLabel(/contraseña/i).fill(password)
+    await page.getByRole('button', { name: /continuar/i }).click()
+
+    // ── 3. Si Workspace muestra el app-launcher (usuario con múltiples apps),
+    //    elegir anexo76-dev — la app del launcher cuya URL apunta al frontend bajo prueba.
+    //    Cuando hay match directo de dominio, Workspace salta el launcher y este paso no ejecuta.
+    try {
+        await page.waitForURL(/\/(app-launcher|dashboard|auth\/callback)/, { timeout: 30_000 })
+    } catch (e) {
+        // Si seguimos en /login de Workspace, las credenciales fueron rechazadas o el form no aceptó.
+        // Imprimir diagnóstico antes de fallar: URL actual + posibles mensajes de error visibles.
+        const currentUrl = page.url()
+        const errorMessages = await page.locator('.text-destructive, [role="alert"], .error, .invalid-feedback')
+            .allTextContents()
+            .catch(() => [] as string[])
+        const visibleText = await page.locator('body').innerText().catch(() => '')
+        console.log(`[auth.setup][DIAG] URL: ${currentUrl}`)
+        console.log(`[auth.setup][DIAG] Mensajes de error: ${JSON.stringify(errorMessages)}`)
+        console.log(`[auth.setup][DIAG] Body (primeros 800 chars): ${visibleText.slice(0, 800)}`)
+        throw e
+    }
+    if (/\/app-launcher/.test(page.url())) {
+        // Nuevo botón de Fixed Assets en el launcher de Workspace.
+        // Intentar primero el botón de Fixed Asset y, si no existe (compatibilidad),
+        // caer al botón legacy de anexo76-dev.
+        const fixedAssetButton = page.getByRole('button', {
+            name: /fixed asset|activo fijo/i
+        })
+        if (await fixedAssetButton.isVisible().catch(() => false)) {
+            await fixedAssetButton.click()
+        } else {
+            await page.getByRole('button', { name: /^anexo76-dev/i }).click()
+        }
+    }
+
+    // ── 4. Esperar redirect SSO con active_system=fixed_asset y luego /dashboard ──
+    await page.waitForURL(/\/auth\/sso\?.*active_system=fixed_asset/, { timeout: 30_000 })
+    await page.waitForURL(/\/dashboard/, { timeout: 30_000 })
+
+    // ── 5. ExchangeRateGuard abre un dialog modal en cada carga del dashboard
+    //    si no existe un tipo de cambio para hoy. El guard espera a que
+    //    companyStore.activeCompany?.id esté disponible (API async) antes de
+    //    consultar la DB y abrir el dialog. Esperar networkidle para que ese
+    //    flujo se complete antes de buscar el dialog.
+    await page.waitForLoadState('networkidle', { timeout: 30_000 }).catch(() => {})
+    const tcDialog = page.getByRole('dialog', { name: /Nuevo Tipo de Cambio/i })
+    if (await tcDialog.isVisible({ timeout: 10_000 }).catch(() => false)) {
+        const valueInput = tcDialog.getByRole('spinbutton', { name: /Tipo de Cambio/i })
+        await tcDialog.getByRole('button', { name: /Consultar DOF/i }).click()
+        // El backend consulta el DOF y llena el campo. Esperar a que tenga un valor.
+        await expect(valueInput).not.toHaveValue('', { timeout: 15_000 })
+        // "Ok" abre un AlertDialog de confirmación; el TC se crea hasta "Confirmar".
+        await tcDialog.getByRole('button', { name: /^Ok$/ }).click()
+        await page.getByRole('button', { name: /^Confirmar$/ }).click()
+        await tcDialog.waitFor({ state: 'hidden', timeout: 10_000 })
+    }
+
+    // ── 6. Guardar estado para los tests dependientes ─────────────────────────
+    mkdirSync(path.dirname(authFile), { recursive: true })
+    await page.context().storageState({ path: authFile })
+})