feat(4.1-05-07): create frontend components for spare-parts search integration - useItemSearch hook, LoadingModal, ErrorModal with tests

frontend/tests/SearchErrorModal.test.tsx

@@ -0,0 +1,51 @@
+import { describe, it, expect, vi } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { SearchErrorModal } from '../components/SearchErrorModal';
+
+describe('SearchErrorModal', () => {
+  it('renders when open', () => {
+    render(<SearchErrorModal isOpen={true} error="Network error" />);
+    expect(screen.getByText(/Search failed/i)).toBeInTheDocument();
+  });
+
+  it('does not render when closed', () => {
+    const { container } = render(<SearchErrorModal isOpen={false} error="Network error" />);
+    expect(container.firstChild?.childNodes.length).toBe(0);
+  });
+
+  it('displays error message', () => {
+    const errorMsg = 'Unable to connect to server';
+    render(<SearchErrorModal isOpen={true} error={errorMsg} />);
+    expect(screen.getByText(errorMsg)).toBeInTheDocument();
+  });
+
+  it('calls onRetry when Retry clicked', async () => {
+    const onRetry = vi.fn();
+    const user = userEvent.setup();
+
+    render(<SearchErrorModal isOpen={true} error="Error" onRetry={onRetry} canRetry={true} />);
+
+    const retryBtn = screen.getByRole('button', { name: /Retry/i });
+    await user.click(retryBtn);
+
+    expect(onRetry).toHaveBeenCalled();
+  });
+
+  it('calls onSkip when Skip clicked', async () => {
+    const onSkip = vi.fn();
+    const user = userEvent.setup();
+
+    render(<SearchErrorModal isOpen={true} error="Error" onSkip={onSkip} />);
+
+    const skipBtn = screen.getByRole('button', { name: /Skip/i });
+    await user.click(skipBtn);
+
+    expect(onSkip).toHaveBeenCalled();
+  });
+
+  it('hides Retry button when canRetry is false', () => {
+    render(<SearchErrorModal isOpen={true} error="Error" canRetry={false} />);
+    expect(screen.queryByRole('button', { name: /Retry/i })).not.toBeInTheDocument();
+  });
+});