Some checks failed
/ Deploy to Cloudflare Pages (push) Has been cancelled
Fix A1 — isProfileLoaded en AuthContext ✅ useState(false) inicial setIsProfileLoaded(true) si onAuthStateChange devuelve null (no hay usuario que sincronizar) setIsProfileLoaded(false) en SIGNED_IN (resetea para el nuevo sync) setIsProfileLoaded(true) en el finally del sync effect (después de syncProfileFromDB, éxito o error) Fix A2 — Guard en LibraryPage ✅ if (!user || !isProfileLoaded) devuelve skeleton animado antes de cualquier contenido rol-dependiente Fix A3 — Campo "cliente" read-only para client_editor ✅ GlobalSettingsPanel.tsx: <p> estático en lugar de <Input> cuando isClientRole WorkspacePage.tsx: topbar muestra el valor sin input ni lápiz para client_editor Fix B — Migración 016 + aplicada a DB ✅ Archivo supabase/migrations/016_add_simulations_update_policy.sql creado Policy simulations_update confirmada activa en DB (pg_policies devuelve las 4 policies de simulations) Fix adicional — 403 en POST /processes ✅ (ejecutado en el turno inmediato anterior) updateEditable() en process-repo.ts usa .update() en lugar de .upsert() para todos los paths de edición Tests: 586 verdes, build limpio. Lo que falta según el checklist del prompt es la validación visual del director (msebem@gmail.com en la app real). Eso requiere tu OK después de verificar en el navegador. domain/types.ts — orgId: string | null agregado a Process (campo de DB ya existente, ahora mapeado en el dominio). process-repo.ts — fromRow incluye orgId: (row.org_id as string | null) ?? null. Ambas queries (getById y getAll) usan select('*'), por lo que el campo viene gratis. WorkspacePage.tsx: Import supabase para el fetch de org name Estado orgName + useEffect que hace SELECT name FROM organizations WHERE id = orgId cuando cambia currentProcess?.orgId Variable isClientRole (solo client_editor — client_viewer ya fue redirigido) backLabel: "Procesos" para client_editor, nombre de org (o "Volver" mientras carga) si hay orgId, "Biblioteca" si no hay handleBack(): navega a /?org=<orgId> para admin con proceso de cliente, a / para el resto El Home button + Tooltip fueron reemplazados por <Button variant="ghost" size="sm"> con ArrowLeft + backLabel LibraryPage.tsx: Import useSearch Lee orgParam = useSearch({ from: '/' }) as { org?: string } useEffect que, cuando orgParam está presente y la carga terminó, busca el proceso con p.orgId === orgParam, obtiene su groupId, y hace scrollIntoView al elemento group-{groupId} Los GroupCards en el grid están ahora envueltos en <div id="group-{group.id}"> para ser alcanzables por el scroll Tests — workspace-back-button.test.ts con 6 casos: admin+orgName, admin+orgName loading, admin sin org, member sin org, client_editor, client_viewer. Fixtures actualizados en 13 archivos con orgId: null. Mock de useSearch agregado en library-ui.test.tsx.
138 lines
5.2 KiB
TypeScript
138 lines
5.2 KiB
TypeScript
/**
|
|
* Tests de invalidación del simulation store.
|
|
*
|
|
* Regla dura del Sprint 1: cualquier mutación en Activity o Process invalida
|
|
* AMBOS resultados (resultActual y resultAutomated) a null simultáneamente.
|
|
* Nunca puede haber un resultado "nuevo" y el otro "viejo".
|
|
*
|
|
* Nota: los tests poblan el store con setState() directamente (sin Dexie)
|
|
* porque prueban el comportamiento en memoria, no la persistencia.
|
|
*/
|
|
|
|
import { describe, it, expect, beforeEach } from 'vitest'
|
|
import { useSimulationStore } from '@/store/simulation-store'
|
|
import { useProcessStore } from '@/store/process-store'
|
|
import type { SimulationResult, Activity, Process } from '@/domain/types'
|
|
|
|
// Resultado mock mínimo para poblar el store sin Dexie
|
|
function makeMockResult(totalCost = 1000): SimulationResult {
|
|
return {
|
|
totalCost, totalDirectCost: totalCost * 0.8, totalIndirectCost: totalCost * 0.2,
|
|
totalTimeMinutes: 60, perActivity: [], perResource: [], warnings: [],
|
|
}
|
|
}
|
|
|
|
function setMockResults(actual = makeMockResult(), automated = makeMockResult(500)) {
|
|
useSimulationStore.setState({
|
|
resultActual: actual,
|
|
resultAutomated: automated,
|
|
lastSimulatedAt: new Date(),
|
|
})
|
|
}
|
|
|
|
beforeEach(() => {
|
|
// Resetear ambos stores antes de cada test para aislamiento
|
|
useSimulationStore.getState().reset()
|
|
useProcessStore.setState({
|
|
currentProcess: null, activities: [], gateways: [], resources: [],
|
|
isLoading: false, error: null,
|
|
})
|
|
})
|
|
|
|
// ─── invalidateResults() directa ─────────────────────────────────────────────
|
|
|
|
describe('simulation store — invalidateResults()', () => {
|
|
it('pone resultActual y resultAutomated a null', () => {
|
|
setMockResults()
|
|
expect(useSimulationStore.getState().resultActual).not.toBeNull()
|
|
expect(useSimulationStore.getState().resultAutomated).not.toBeNull()
|
|
|
|
useSimulationStore.getState().invalidateResults()
|
|
|
|
expect(useSimulationStore.getState().resultActual).toBeNull()
|
|
expect(useSimulationStore.getState().resultAutomated).toBeNull()
|
|
})
|
|
|
|
it('también limpia lastSimulatedAt', () => {
|
|
setMockResults()
|
|
expect(useSimulationStore.getState().lastSimulatedAt).not.toBeNull()
|
|
|
|
useSimulationStore.getState().invalidateResults()
|
|
expect(useSimulationStore.getState().lastSimulatedAt).toBeNull()
|
|
})
|
|
|
|
it('setState directo establece resultados independientes para actual y automated', () => {
|
|
const mockA = makeMockResult(1000)
|
|
const mockB = makeMockResult(500)
|
|
setMockResults(mockA, mockB)
|
|
|
|
const state = useSimulationStore.getState()
|
|
expect(state.resultActual!.totalCost).toBe(1000)
|
|
expect(state.resultAutomated!.totalCost).toBe(500)
|
|
expect(state.lastSimulatedAt).toBeInstanceOf(Date)
|
|
})
|
|
})
|
|
|
|
// ─── Invalidación reactiva vía suscripción al process store ──────────────────
|
|
|
|
describe('simulation store — invalidación por cambio en process store', () => {
|
|
it('cambio en activities invalida ambos resultados', () => {
|
|
setMockResults()
|
|
expect(useSimulationStore.getState().resultActual).not.toBeNull()
|
|
|
|
useProcessStore.setState({ activities: [] })
|
|
|
|
expect(useSimulationStore.getState().resultActual).toBeNull()
|
|
expect(useSimulationStore.getState().resultAutomated).toBeNull()
|
|
})
|
|
|
|
it('cambio en currentProcess invalida ambos resultados', () => {
|
|
setMockResults()
|
|
|
|
const proc: Process = {
|
|
id: 'new-proc', name: 'Nuevo', clientName: '', bpmnXml: '<def/>',
|
|
currency: 'USD', overheadPercentage: 0.2,
|
|
annualFrequency: 500, analysisHorizonYears: 2, automationInvestment: 10_000,
|
|
createdAt: Date.now(), updatedAt: Date.now(),
|
|
groupId: null, tags: [], ownerId: 'test-user', updatedBy: 'test-user', orgId: null,
|
|
}
|
|
useProcessStore.setState({ currentProcess: proc })
|
|
|
|
expect(useSimulationStore.getState().resultActual).toBeNull()
|
|
expect(useSimulationStore.getState().resultAutomated).toBeNull()
|
|
})
|
|
|
|
it('editar campo de actividad invalida ambos resultados', () => {
|
|
// Test explícito pedido en el brief: simula lo que hace updateActivity
|
|
setMockResults()
|
|
|
|
const newActivities: Activity[] = [{
|
|
id: 'a1', processId: 'p1', bpmnElementId: 'task_1', name: 'Tarea',
|
|
type: 'task',
|
|
directCostFixed: 999, // campo modificado
|
|
executionTimeMinutes: 30, assignedResources: [],
|
|
automatable: false, automatedCostFixed: 0, automatedTimeMinutes: 0, automatedAssignedResources: [],
|
|
}]
|
|
useProcessStore.setState({ activities: newActivities })
|
|
|
|
expect(useSimulationStore.getState().resultActual).toBeNull()
|
|
expect(useSimulationStore.getState().resultAutomated).toBeNull()
|
|
})
|
|
|
|
it('setState con las MISMAS activities (mismo reference) NO invalida', () => {
|
|
const activities: Activity[] = [{
|
|
id: 'a1', processId: 'p1', bpmnElementId: 't1', name: 'T',
|
|
type: 'task', directCostFixed: 100, executionTimeMinutes: 30,
|
|
assignedResources: [], automatable: false, automatedCostFixed: 0, automatedTimeMinutes: 0, automatedAssignedResources: [],
|
|
}]
|
|
|
|
useProcessStore.setState({ activities })
|
|
setMockResults()
|
|
|
|
// Misma referencia: no debe invalidar
|
|
useProcessStore.setState({ activities })
|
|
|
|
expect(useSimulationStore.getState().resultActual).not.toBeNull()
|
|
})
|
|
})
|