690617:1443 237 #01.3

2026-06-17 14:43:30 +07:00
parent 82b41ad5d9
commit db16c95019
42 changed files with 3084 additions and 352 deletions
@@ -0,0 +1,83 @@
+// File: frontend/components/numbering/__tests__/bulk-import-form.test.tsx
+import React from 'react';
+import { render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { BulkImportForm } from '../bulk-import-form';
+import { documentNumberingService } from '@/lib/services/document-numbering.service';
+import { toast } from 'sonner';
+
+vi.mock('@/lib/services/document-numbering.service', () => ({
+  documentNumberingService: {
+    bulkImport: vi.fn(),
+  },
+}));
+
+vi.mock('sonner', () => ({
+  toast: {
+    success: vi.fn(),
+    error: vi.fn(),
+  },
+}));
+
+describe('BulkImportForm', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('renders correctly', () => {
+    render(<BulkImportForm projectId={1} />);
+    expect(screen.getByText('Bulk Import Numbers')).toBeInTheDocument();
+    expect(screen.getByLabelText('CSV File')).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Upload & Import' })).toBeDisabled();
+  });
+
+  it('enables submit button when file is selected and handles successful upload', async () => {
+    const user = userEvent.setup();
+    render(<BulkImportForm projectId={1} />);
+    
+    const file = new File(['test'], 'test.csv', { type: 'text/csv' });
+    const input = screen.getByLabelText('CSV File') as HTMLInputElement;
+    
+    await user.upload(input, file);
+    
+    const button = screen.getByRole('button', { name: 'Upload & Import' });
+    expect(button).not.toBeDisabled();
+    
+    vi.mocked(documentNumberingService.bulkImport).mockResolvedValue({} as any);
+    
+    await user.click(button);
+    
+    expect(documentNumberingService.bulkImport).toHaveBeenCalledWith(expect.any(FormData));
+    const formDataArg = vi.mocked(documentNumberingService.bulkImport).mock.calls[0][0] as FormData;
+    expect(formDataArg.get('file')).toBe(file);
+    expect(formDataArg.get('projectId')).toBe('1');
+    
+    await waitFor(() => {
+      expect(toast.success).toHaveBeenCalledWith('Bulk import initiated. Check audit logs for progress.');
+    });
+    
+    // File input reset means button is disabled again
+    expect(button).toBeDisabled();
+  });
+
+  it('handles upload failure', async () => {
+    const user = userEvent.setup();
+    render(<BulkImportForm projectId={1} />);
+    
+    const file = new File(['test'], 'test.csv', { type: 'text/csv' });
+    const input = screen.getByLabelText('CSV File') as HTMLInputElement;
+    
+    await user.upload(input, file);
+    
+    const button = screen.getByRole('button', { name: 'Upload & Import' });
+    
+    vi.mocked(documentNumberingService.bulkImport).mockRejectedValue(new Error('Failed'));
+    
+    await user.click(button);
+    
+    await waitFor(() => {
+      expect(toast.error).toHaveBeenCalledWith('Failed to import numbers.');
+    });
+  });
+});