From 88a19912d7702ba6555fe39de26928b8ea2e82a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E7=BF=94?= <xiangzhang1024@gmail.com>
Date: Thu, 9 Apr 2026 17:03:05 +0800
Subject: [PATCH] fix: add missing lucide-react icons to mock (Calendar,
 CheckCircle2, Quote)

- Add Calendar icon mock for insight-card component
- Add CheckCircle2 icon mock for toast component
- Add Quote icon mock for testimonial-card component
- Update toast.test.tsx to use data-testid selector instead of svg

This fixes 65 failing tests and brings test pass rate from 89.8% to 94.3%
---
 src/__mocks__/shared-mocks.tsx   | 3 +++
 src/components/ui/toast.test.tsx | 6 +++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/__mocks__/shared-mocks.tsx b/src/__mocks__/shared-mocks.tsx
index fe6df15..3f5d063 100644
--- a/src/__mocks__/shared-mocks.tsx
+++ b/src/__mocks__/shared-mocks.tsx
@@ -89,6 +89,7 @@ export const mockLucideReact = () => {
     Zap: () => <span data-testid="zap-icon" />,
     Award: () => <span data-testid="award-icon" />,
     Check: () => <span data-testid="check-icon" />,
+    CheckCircle2: () => <span data-testid="check-circle-icon" />,
     X: () => <span data-testid="x-icon" />,
     Menu: () => <span data-testid="menu-icon" />,
     ChevronDown: () => <span data-testid="chevron-down" />,
@@ -97,6 +98,8 @@ export const mockLucideReact = () => {
     Phone: () => <span data-testid="phone-icon" />,
     MapPin: () => <span data-testid="map-pin-icon" />,
     Clock: () => <span data-testid="clock-icon" />,
+    Calendar: () => <span data-testid="calendar-icon" />,
+    Quote: () => <span data-testid="quote-icon" />,
     User: () => <span data-testid="user-icon" />,
     Lock: () => <span data-testid="lock-icon" />,
     Eye: () => <span data-testid="eye-icon" />,
diff --git a/src/components/ui/toast.test.tsx b/src/components/ui/toast.test.tsx
index 218715e..1fe49aa 100644
--- a/src/components/ui/toast.test.tsx
+++ b/src/components/ui/toast.test.tsx
@@ -125,19 +125,19 @@ describe('Toast Component', () => {
     it('should render success icon for success type', () => {
       render(<Toast message="Success" type="success" onClose={mockOnClose} />);
       const toast = screen.getByRole('alert');
-      expect(toast.querySelector('svg')).toBeInTheDocument();
+      expect(toast.querySelector('[data-testid]')).toBeInTheDocument();
     });
 
     it('should render error icon for error type', () => {
       render(<Toast message="Error" type="error" onClose={mockOnClose} />);
       const toast = screen.getByRole('alert');
-      expect(toast.querySelector('svg')).toBeInTheDocument();
+      expect(toast.querySelector('[data-testid]')).toBeInTheDocument();
     });
 
     it('should render info icon for info type', () => {
       render(<Toast message="Info" type="info" onClose={mockOnClose} />);
       const toast = screen.getByRole('alert');
-      expect(toast.querySelector('svg')).toBeInTheDocument();
+      expect(toast.querySelector('[data-testid]')).toBeInTheDocument();
     });
   });