From f913fc26e2dd24a73b6fe476428d076676bd7ee0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcos=20Ben=C3=ADtez?= <marcos.benitez@inquality.com.py>
Date: Thu, 28 May 2026 00:35:05 -0300
Subject: [PATCH] =?UTF-8?q?fix:=20AppHeader=20usa=20<Link>=20para=20navega?=
 =?UTF-8?q?ci=C3=B3n=20SPA=20(no=20full=20reload);=20mock=20en=20tests=20d?=
 =?UTF-8?q?e=20ReportPage?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/AppHeader.tsx                  | 12 +++++++-----
 tests/features/report/components.test.tsx     |  2 ++
 tests/features/report/roi-components.test.tsx |  2 ++
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/AppHeader.tsx b/src/components/AppHeader.tsx
index d6bd2ee..f773e5d 100644
--- a/src/components/AppHeader.tsx
+++ b/src/components/AppHeader.tsx
@@ -1,3 +1,5 @@
+import { Link } from '@tanstack/react-router'
+
 export function AppHeader() {
   return (
     <header
@@ -12,15 +14,15 @@ export function AppHeader() {
         flexShrink: 0,
       }}
     >
-      <a href="/" style={{ display: 'flex', alignItems: 'center' }}>
+      <Link to="/" style={{ display: 'flex', alignItems: 'center' }}>
         <img
           src="/inquality-logo-white.png"
           alt="InQuality"
           style={{ height: 24, objectFit: 'contain', cursor: 'pointer' }}
         />
-      </a>
-      <a
-        href="/"
+      </Link>
+      <Link
+        to="/"
         style={{
           color: 'white',
           fontSize: 13,
@@ -31,7 +33,7 @@ export function AppHeader() {
         }}
       >
         InQ ROI
-      </a>
+      </Link>
     </header>
   )
 }
diff --git a/tests/features/report/components.test.tsx b/tests/features/report/components.test.tsx
index 4702768..79842ab 100644
--- a/tests/features/report/components.test.tsx
+++ b/tests/features/report/components.test.tsx
@@ -9,6 +9,8 @@ import React from 'react'
 
 // ─── Mocks de dependencias del browser ───────────────────────────────────────
 
+vi.mock('@/components/AppHeader', () => ({ AppHeader: () => null }))
+
 vi.mock('bpmn-js/lib/Viewer', () => ({
   default: class MockViewer {
     importXML = vi.fn().mockResolvedValue({ warnings: [] })
diff --git a/tests/features/report/roi-components.test.tsx b/tests/features/report/roi-components.test.tsx
index 663083e..e24662b 100644
--- a/tests/features/report/roi-components.test.tsx
+++ b/tests/features/report/roi-components.test.tsx
@@ -12,6 +12,8 @@ import React from 'react'
 
 // ─── Mocks de dependencias del browser ───────────────────────────────────────
 
+vi.mock('@/components/AppHeader', () => ({ AppHeader: () => null }))
+
 vi.mock('bpmn-js/lib/Viewer', () => ({
   default: class MockViewer {
     importXML = vi.fn().mockResolvedValue({ warnings: [] })