test(ResumeProfileSection): add workflow interaction coverage

Author: kanishka-2007-tech

components/dashboard/ProfileOptimizerModal.test.tsx

@@ -0,0 +1,81 @@
+import { render, screen, fireEvent } from '@testing-library/react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import ProfileOptimizerModal from './ProfileOptimizerModal';
+import type { ReactNode, HTMLAttributes } from 'react';
+import '@testing-library/jest-dom';
+
+vi.mock('framer-motion', () => ({
+  AnimatePresence: ({ children }: { children?: ReactNode }) => <>{children}</>,
+
+  motion: {
+    div: ({
+      children,
+      ...props
+    }: HTMLAttributes<HTMLDivElement> & {
+      children?: ReactNode;
+    }) => <div {...props}>{children}</div>,
+
+    p: ({
+      children,
+      ...props
+    }: HTMLAttributes<HTMLParagraphElement> & {
+      children?: ReactNode;
+    }) => <p {...props}>{children}</p>,
+  },
+}));
+
+const mockUserData = {
+  profile: {
+    developerScore: 75,
+    bio: 'Full Stack Developer',
+    stats: {
+      repositories: 12,
+      followers: 20,
+    },
+  },
+  languages: ['TypeScript', 'JavaScript'],
+  stats: {
+    totalContributions: 500,
+  },
+};
+
+describe('ProfileOptimizerModal', () => {
+  const onClose = vi.fn();
+
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('does not render when isOpen is false', () => {
+    render(<ProfileOptimizerModal isOpen={false} onClose={onClose} userData={mockUserData} />);
+
+    expect(screen.queryByText('Profile Optimizer')).not.toBeInTheDocument();
+  });
+
+  it('renders modal when isOpen is true', () => {
+    render(<ProfileOptimizerModal isOpen onClose={onClose} userData={mockUserData} />);
+
+    expect(screen.getByText('Profile Optimizer')).toBeInTheDocument();
+  });
+
+  it('calls onClose when close button is clicked', () => {
+    render(<ProfileOptimizerModal isOpen onClose={onClose} userData={mockUserData} />);
+
+    const buttons = screen.getAllByRole('button');
+    fireEvent.click(buttons[0]);
+
+    expect(onClose).toHaveBeenCalledTimes(1);
+  });
+
+  it('shows loading state initially', () => {
+    render(<ProfileOptimizerModal isOpen onClose={onClose} userData={mockUserData} />);
+
+    expect(screen.getByText('Analysing GitHub profile...')).toBeInTheDocument();
+  });
+
+  it('renders loading container when modal opens', () => {
+    render(<ProfileOptimizerModal isOpen onClose={onClose} userData={mockUserData} />);
+
+    expect(screen.getByText('Analysing GitHub profile...')).toBeInTheDocument();
+  });
+});

components/dashboard/ResumeProfileSection.test.tsx

@@ -0,0 +1,121 @@
+import { render, screen, fireEvent } from '@testing-library/react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import ResumeProfileSection from './ResumeProfileSection';
+import type { ReactNode, HTMLAttributes } from 'react';
+import '@testing-library/jest-dom';
+
+const { mockToastError, mockToastSuccess } = vi.hoisted(() => ({
+  mockToastError: vi.fn(),
+  mockToastSuccess: vi.fn(),
+}));
+
+vi.mock('sonner', () => ({
+  toast: {
+    error: mockToastError,
+    success: mockToastSuccess,
+  },
+}));
+
+vi.mock('framer-motion', () => ({
+  motion: {
+    div: ({
+      children,
+      ...props
+    }: HTMLAttributes<HTMLDivElement> & {
+      children?: ReactNode;
+    }) => <div {...props}>{children}</div>,
+  },
+  AnimatePresence: ({ children }: { children: ReactNode }) => <>{children}</>,
+}));
+
+const parsedResume = {
+  name: 'John Doe',
+  email: 'john@example.com',
+  phone: '1234567890',
+  skills: ['React'],
+  education: [],
+  experience: [],
+};
+
+vi.mock('./ResumeUpload', () => ({
+  default: ({
+    onParsed,
+    onError,
+  }: {
+    onParsed: (data: unknown, name: string) => void;
+    onError: (error: string) => void;
+  }) => (
+    <div>
+      <button onClick={() => onParsed(parsedResume, 'resume.pdf')}>Mock Upload Success</button>
+
+      <button onClick={() => onError('Upload failed')}>Mock Upload Error</button>
+    </div>
+  ),
+}));
+
+vi.mock('./ResumePreviewForm', () => ({
+  default: ({ onBack, onComplete }: { onBack: () => void; onComplete: () => void }) => (
+    <div>
+      <p>Preview Form</p>
+
+      <button onClick={onBack}>Back</button>
+
+      <button onClick={onComplete}>Complete</button>
+    </div>
+  ),
+}));
+
+describe('ResumeProfileSection', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('renders upload state initially', () => {
+    render(<ResumeProfileSection githubUsername="john" />);
+
+    expect(screen.getByText('Resume Profile')).toBeInTheDocument();
+
+    expect(screen.getByText(/upload your pdf or docx resume/i)).toBeInTheDocument();
+  });
+
+  it('shows preview form after successful parse', () => {
+    render(<ResumeProfileSection githubUsername="john" />);
+
+    fireEvent.click(screen.getByText('Mock Upload Success'));
+
+    expect(screen.getByText('Preview Form')).toBeInTheDocument();
+  });
+
+  it('returns to upload state when back is clicked', () => {
+    render(<ResumeProfileSection githubUsername="john" />);
+
+    fireEvent.click(screen.getByText('Mock Upload Success'));
+
+    fireEvent.click(screen.getByText('Back'));
+
+    expect(screen.getByText(/upload your pdf or docx resume/i)).toBeInTheDocument();
+  });
+
+  it('shows success state after completion', () => {
+    render(<ResumeProfileSection githubUsername="john" />);
+
+    fireEvent.click(screen.getByText('Mock Upload Success'));
+
+    fireEvent.click(screen.getByText('Complete'));
+
+    expect(screen.getByText('Profile synced from resume')).toBeInTheDocument();
+
+    expect(mockToastSuccess).toHaveBeenCalledWith('Profile updated from resume!');
+  });
+
+  it('shows error toast when upload fails', () => {
+    render(<ResumeProfileSection githubUsername="john" />);
+
+    fireEvent.click(screen.getByText('Mock Upload Error'));
+
+    expect(mockToastError).toHaveBeenCalledWith('Upload failed');
+  });
+  it('renders component', () => {
+    expect(true).toBe(true);
+  });
+});