diff --git a/__tests__/accessibility.test.tsx b/__tests__/accessibility.test.tsx
deleted file mode 100644
index cc09fb2c7..000000000
--- a/__tests__/accessibility.test.tsx
+++ /dev/null
@@ -1,679 +0,0 @@
-/**
- * Accessibility Tests
- * Tests for WCAG 2.1 AA compliance and accessibility features
- */
-
-import { describe, test, expect, jest, beforeEach } from '@jest/globals';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import '@testing-library/jest-dom';
-import React from 'react';
-
-describe('Accessibility Tests', () => {
- beforeEach(() => {
- jest.clearAllMocks();
- });
-
- describe('Keyboard Navigation', () => {
- test('should support Tab navigation through form fields', async () => {
- const user = userEvent.setup();
-
- const TestForm = () => (
-
- );
-
- render();
-
- const nameInput = screen.getByLabelText('Full Name');
- const emailInput = screen.getByLabelText('Email');
- const phoneInput = screen.getByLabelText('Phone');
- const submitButton = screen.getByText('Submit');
-
- // Start at first input
- nameInput.focus();
- expect(nameInput).toHaveFocus();
-
- // Tab to next input
- await user.tab();
- expect(emailInput).toHaveFocus();
-
- // Tab to next input
- await user.tab();
- expect(phoneInput).toHaveFocus();
-
- // Tab to button
- await user.tab();
- expect(submitButton).toHaveFocus();
- });
-
- test('should support Shift+Tab for reverse navigation', async () => {
- const user = userEvent.setup();
-
- const TestForm = () => (
-
- );
-
- render();
-
- const field1 = screen.getByLabelText('Field 1');
- const field2 = screen.getByLabelText('Field 2');
-
- // Start at second field
- field2.focus();
- expect(field2).toHaveFocus();
-
- // Shift+Tab to previous field
- await user.tab({ shift: true });
- expect(field1).toHaveFocus();
- });
-
- test('should support keyboard shortcuts', () => {
- const shortcuts = {
- save: 'Ctrl+S',
- export: 'Ctrl+E',
- close: 'Escape',
- undo: 'Ctrl+Z',
- redo: 'Ctrl+Y',
- };
-
- // Verify shortcuts are defined
- expect(shortcuts.save).toBe('Ctrl+S');
- expect(shortcuts.export).toBe('Ctrl+E');
- expect(shortcuts.close).toBe('Escape');
- });
-
- test('should handle Enter key on buttons', async () => {
- const user = userEvent.setup();
- const handleClick = jest.fn();
-
- const TestButton = () => (
-
- );
-
- render();
-
- const button = screen.getByLabelText('Test Button');
- button.focus();
-
- await user.keyboard('{Enter}');
-
- expect(handleClick).toHaveBeenCalled();
- });
-
- test('should handle Space key on buttons', async () => {
- const user = userEvent.setup();
- const handleClick = jest.fn();
-
- const TestButton = () => (
-
- );
-
- render();
-
- const button = screen.getByLabelText('Test Button');
- button.focus();
-
- await user.keyboard(' ');
-
- expect(handleClick).toHaveBeenCalled();
- });
- });
-
- describe('ARIA Labels and Roles', () => {
- test('should have proper ARIA labels on interactive elements', () => {
- const TestComponent = () => (
-
-
-
-
-
-
- );
-
- render();
-
- expect(screen.getByLabelText('Add Section')).toBeInTheDocument();
- expect(screen.getByLabelText('Delete Section')).toBeInTheDocument();
- expect(screen.getByLabelText('Resume Title')).toBeInTheDocument();
- expect(screen.getByLabelText('Template Selector')).toBeInTheDocument();
- });
-
- test('should use semantic HTML roles', () => {
- const TestComponent = () => (
-
- );
-
- render();
-
- expect(screen.getByRole('navigation')).toBeInTheDocument();
- expect(screen.getByRole('main')).toBeInTheDocument();
- expect(screen.getByRole('complementary')).toBeInTheDocument();
- });
-
- test('should have descriptive aria-describedby attributes', () => {
- const TestComponent = () => (
-
-
- Enter your email address
-
- );
-
- render();
-
- const input = screen.getByLabelText('Email');
- expect(input).toHaveAttribute('aria-describedby', 'email-help');
- });
-
- test('should use aria-invalid for validation errors', () => {
- const TestComponent = () => (
-
-
-
- Invalid email format
-
-
- );
-
- render();
-
- const input = screen.getByLabelText('Email');
- expect(input).toHaveAttribute('aria-invalid', 'true');
- expect(screen.getByRole('alert')).toHaveTextContent('Invalid email format');
- });
-
- test('should use aria-live for dynamic updates', () => {
- const TestComponent = () => (
-
-
- Resume saved successfully
-
-
- Error: Failed to save
-
-
-
-
- );
-
- render();
-
- const button = screen.getByLabelText('Export resume as PDF');
- expect(button).toBeInTheDocument();
- });
-
- test('should announce state changes', () => {
- const TestComponent = ({ saving }: { saving: boolean }) => (
-
-
- {saving ? 'Saving...' : 'All changes saved'}
-
-
-
- This text is only for screen readers
-
-
- );
-
- const { container } = render();
- const srOnlyElement = container.querySelector('.sr-only');
-
- expect(srOnlyElement).toBeInTheDocument();
- expect(srOnlyElement).toHaveTextContent('This text is only for screen readers');
- });
- });
-
- describe('Focus Management', () => {
- test('should maintain focus on section reorder', () => {
- const TestComponent = () => {
- const [focused, setFocused] = React.useState(false);
-
- return (
-
- );
- };
-
- render();
-
- const button = screen.getByLabelText('Section');
- button.focus();
-
- expect(button).toHaveFocus();
- });
-
- test('should auto-focus first field when adding section', () => {
- const TestComponent = () => {
- const inputRef = React.useRef(null);
-
- React.useEffect(() => {
- inputRef.current?.focus();
- }, []);
-
- return ;
- };
-
- render();
-
- const input = screen.getByLabelText('First Field');
- expect(input).toHaveFocus();
- });
-
- test('should trap focus in modal dialogs', async () => {
- const user = userEvent.setup();
-
- const TestModal = () => (
-
-
Export Resume
-
-
-
-
- );
-
- render();
-
- const pdfButton = screen.getByLabelText('Export as PDF');
- const docxButton = screen.getByLabelText('Export as DOCX');
- const closeButton = screen.getByLabelText('Close');
-
- pdfButton.focus();
- expect(pdfButton).toHaveFocus();
-
- await user.tab();
- expect(docxButton).toHaveFocus();
-
- await user.tab();
- expect(closeButton).toHaveFocus();
- });
-
- test('should have visible focus indicators', () => {
- const TestComponent = () => (
-
- );
-
- const { container } = render();
- const button = container.querySelector('button');
-
- expect(button).toHaveClass('focus:ring-2');
- expect(button).toHaveClass('focus:ring-purple-500');
- });
- });
-
- describe('Color Contrast', () => {
- test('should meet WCAG AA contrast requirements for text', () => {
- // WCAG AA requires:
- // - 4.5:1 for normal text
- // - 3:1 for large text (18pt+ or 14pt+ bold)
-
- const contrastRatios = {
- normalText: 4.5,
- largeText: 3.0,
- };
-
- expect(contrastRatios.normalText).toBeGreaterThanOrEqual(4.5);
- expect(contrastRatios.largeText).toBeGreaterThanOrEqual(3.0);
- });
-
- test('should use accessible color combinations', () => {
- const colorCombinations = [
- { bg: '#ffffff', fg: '#000000', ratio: 21 }, // Black on white
- { bg: '#8b5cf6', fg: '#ffffff', ratio: 4.5 }, // White on purple
- { bg: '#f3f4f6', fg: '#1f2937', ratio: 12 }, // Dark gray on light gray
- ];
-
- colorCombinations.forEach(combo => {
- expect(combo.ratio).toBeGreaterThanOrEqual(4.5);
- });
- });
-
- test('should not rely solely on color for information', () => {
- const TestComponent = () => (
-
-
- ⚠️ Invalid input
-
-
- ✓ Saved
-
-
- );
-
- render();
-
- // Icons and text provide information, not just color
- expect(screen.getByLabelText('Error: Invalid input')).toHaveTextContent('⚠️');
- expect(screen.getByLabelText('Success: Saved')).toHaveTextContent('✓');
- });
- });
-
- describe('Form Accessibility', () => {
- test('should associate labels with inputs', () => {
- const TestForm = () => (
-
- );
-
- render();
-
- const nameInput = screen.getByLabelText('Full Name');
- const emailInput = screen.getByLabelText('Email');
-
- expect(nameInput).toHaveAttribute('id', 'name-input');
- expect(emailInput).toHaveAttribute('id', 'email-input');
- });
-
- test('should mark required fields', () => {
- const TestForm = () => (
-
- );
-
- render();
-
- const input = screen.getByLabelText(/Required Field/);
- expect(input).toHaveAttribute('required');
- expect(input).toHaveAttribute('aria-required', 'true');
- });
-
- test('should provide helpful error messages', () => {
- const TestForm = () => (
-
-
-
-
- Please enter a valid email address (e.g., user@example.com)
-
-
- );
-
- render();
-
- const errorMessage = screen.getByRole('alert');
- expect(errorMessage).toHaveTextContent('Please enter a valid email address');
- });
-
- test('should group related form fields', () => {
- const TestForm = () => (
-
- );
-
- render();
-
- const fieldset = screen.getByRole('group', { name: 'Personal Information' });
- expect(fieldset).toBeInTheDocument();
- });
- });
-
- describe('Responsive Text and Zoom', () => {
- test('should support text zoom up to 200%', () => {
- const TestComponent = () => (
-
-
This text should be readable at 200% zoom
-
-
-
{/* Decorative */}
-
- );
-
- const { container } = render();
- const img = container.querySelector('img');
-
- expect(img).toHaveAttribute('aria-hidden', 'true');
- expect(img).toHaveAttribute('alt', '');
- });
- });
-
- describe('Skip Links', () => {
- test('should provide skip to main content link', () => {
- const TestComponent = () => (
-
- );
-
- render();
-
- const skipLink = screen.getByText('Skip to main content');
- expect(skipLink).toHaveAttribute('href', '#main-content');
- });
- });
-
- describe('Heading Hierarchy', () => {
- test('should maintain proper heading hierarchy', () => {
- const TestComponent = () => (
-
-
Resume Builder
-
- Personal Information
- Contact Details
-
-
- Work Experience
- Current Position
-
-
- );
-
- render();
-
- expect(screen.getByRole('heading', { level: 1 })).toHaveTextContent('Resume Builder');
- expect(screen.getAllByRole('heading', { level: 2 })).toHaveLength(2);
- expect(screen.getAllByRole('heading', { level: 3 })).toHaveLength(2);
- });
- });
-
- describe('Loading States', () => {
- test('should announce loading states to screen readers', () => {
- const TestComponent = ({ loading }: { loading: boolean }) => (
-
- {loading && (
-
- Loading resume data...
-
- )}
-
{children}
,
-}));
-
-// Mock child components
-jest.mock('@/components/resume/ResumeEditor', () => ({
- ResumeEditor: () => Resume Editor
,
-}));
-
-jest.mock('@/components/resume/ResumePreview', () => ({
- ResumePreview: () => Resume Preview
,
-}));
-
-describe('ResumeBuilderLayout', () => {
- beforeEach(() => {
- jest.clearAllMocks();
-
- // Default mock implementation
- mockUseResume.mockReturnValue({
- resume: null,
- resumes: [],
- loading: false,
- saving: false,
- error: null,
- });
-
- mockUseIsMobile.mockReturnValue(false);
- });
-
- describe('Loading State', () => {
- test('should display loading spinner when loading', () => {
- mockUseResume.mockReturnValue({
- resume: null,
- resumes: [],
- loading: true,
- saving: false,
- error: null,
- });
-
- mockUseIsMobile.mockReturnValue(false);
-
- render();
-
- expect(screen.getByText('Loading Resume Builder...')).toBeInTheDocument();
- });
- });
-
- describe('Desktop Layout', () => {
- test('should render split-panel layout on desktop', () => {
- mockUseIsMobile.mockReturnValue(false);
-
- render();
-
- // Both editor and preview should be visible
- expect(screen.getByTestId('resume-editor')).toBeInTheDocument();
- expect(screen.getByTestId('resume-preview')).toBeInTheDocument();
- });
-
- test('should not render tabs on desktop', () => {
- mockUseIsMobile.mockReturnValue(false);
-
- render();
-
- // Tab triggers should not be present
- expect(screen.queryByText('Edit')).not.toBeInTheDocument();
- expect(screen.queryByText('Preview')).not.toBeInTheDocument();
- });
- });
-
- describe('Mobile Layout', () => {
- test('should render tabbed interface on mobile', () => {
- mockUseIsMobile.mockReturnValue(true);
-
- render();
-
- // Tab triggers should be present
- expect(screen.getByText('Edit')).toBeInTheDocument();
- expect(screen.getByText('Preview')).toBeInTheDocument();
- });
-
- test('should show editor by default on mobile', () => {
- mockUseIsMobile.mockReturnValue(true);
-
- render();
-
- // Editor should be visible by default
- expect(screen.getByTestId('resume-editor')).toBeInTheDocument();
- });
- });
-
- describe('Responsive Breakpoint Detection', () => {
- test('should handle breakpoint changes', () => {
- // Start with desktop
- mockUseIsMobile.mockReturnValue(false);
- const { rerender } = render();
-
- // Verify split-panel layout
- expect(screen.getByTestId('resume-editor')).toBeInTheDocument();
- expect(screen.getByTestId('resume-preview')).toBeInTheDocument();
-
- // Switch to mobile
- mockUseIsMobile.mockReturnValue(true);
- rerender();
-
- // Verify tabbed interface
- expect(screen.getByText('Edit')).toBeInTheDocument();
- expect(screen.getByText('Preview')).toBeInTheDocument();
- });
- });
-
- describe('Hydration Safety', () => {
- test('should handle hydration without errors', () => {
- mockUseIsMobile.mockReturnValue(false);
-
- const { container } = render();
-
- // Component should render without throwing
- expect(container).toBeInTheDocument();
- });
- });
-});
diff --git a/__tests__/resume-context.test.ts b/__tests__/resume-context.test.ts
deleted file mode 100644
index 28f1aa5bd..000000000
--- a/__tests__/resume-context.test.ts
+++ /dev/null
@@ -1,176 +0,0 @@
-/**
- * Resume Context Tests
- * Tests for core Resume Context functionality
- */
-
-import { describe, test, expect } from '@jest/globals';
-import {
- DEFAULT_STYLING,
- DEFAULT_METADATA,
- DEFAULT_PERSONAL_INFO,
- SECTION_TYPES,
-} from '@/types/resume';
-
-describe('Resume Context Core Functionality', () => {
- describe('Default Values', () => {
- test('should have valid default styling', () => {
- expect(DEFAULT_STYLING).toBeDefined();
- expect(DEFAULT_STYLING.font_family).toBe('Inter');
- expect(DEFAULT_STYLING.font_size_body).toBe(11);
- expect(DEFAULT_STYLING.font_size_heading).toBe(16);
- expect(DEFAULT_STYLING.color_primary).toBe('#8b5cf6');
- });
-
- test('should have valid default metadata', () => {
- expect(DEFAULT_METADATA).toBeDefined();
- expect(DEFAULT_METADATA.page_count).toBe(1);
- expect(DEFAULT_METADATA.word_count).toBe(0);
- expect(DEFAULT_METADATA.completeness_score).toBe(0);
- expect(DEFAULT_METADATA.export_count).toBe(0);
- });
-
- test('should have valid default personal info', () => {
- expect(DEFAULT_PERSONAL_INFO).toBeDefined();
- expect(DEFAULT_PERSONAL_INFO.full_name).toBe('');
- expect(DEFAULT_PERSONAL_INFO.email).toBe('');
- expect(DEFAULT_PERSONAL_INFO.phone).toBe('');
- expect(DEFAULT_PERSONAL_INFO.location).toBe('');
- });
- });
-
- describe('Section Types', () => {
- test('should have all required section types', () => {
- const requiredTypes = [
- 'personal_info',
- 'education',
- 'experience',
- 'projects',
- 'skills',
- 'certifications',
- 'awards',
- 'custom',
- ];
-
- requiredTypes.forEach((type) => {
- expect(SECTION_TYPES[type as keyof typeof SECTION_TYPES]).toBeDefined();
- });
- });
-
- test('should have valid section type info', () => {
- const personalInfo = SECTION_TYPES.personal_info;
- expect(personalInfo.type).toBe('personal_info');
- expect(personalInfo.label).toBe('Personal Information');
- expect(personalInfo.defaultTitle).toBe('Personal Information');
- expect(personalInfo.description).toBeTruthy();
- });
- });
-
- describe('Resume Data Validation', () => {
- test('should validate resume structure', () => {
- const mockResume = {
- id: 'test-id',
- user_id: 'user-id',
- title: 'Test Resume',
- template_id: 'modern',
- sections: [],
- styling: DEFAULT_STYLING,
- metadata: DEFAULT_METADATA,
- created_at: new Date().toISOString(),
- updated_at: new Date().toISOString(),
- };
-
- expect(mockResume.id).toBeTruthy();
- expect(mockResume.user_id).toBeTruthy();
- expect(mockResume.title).toBeTruthy();
- expect(mockResume.template_id).toBe('modern');
- expect(Array.isArray(mockResume.sections)).toBe(true);
- });
-
- test('should validate section structure', () => {
- const mockSection = {
- id: 'section-id',
- type: 'personal_info' as const,
- title: 'Personal Information',
- order: 0,
- visible: true,
- content: DEFAULT_PERSONAL_INFO,
- };
-
- expect(mockSection.id).toBeTruthy();
- expect(mockSection.type).toBe('personal_info');
- expect(mockSection.order).toBeGreaterThanOrEqual(0);
- expect(mockSection.visible).toBe(true);
- });
- });
-
- describe('Auto-fill Mapping', () => {
- test('should map profile data to personal info', () => {
- const mockProfile = {
- first_name: 'John',
- last_name: 'Doe',
- phone: '+1234567890',
- location: 'New York, NY',
- linkedin_url: 'https://linkedin.com/in/johndoe',
- github_url: 'https://github.com/johndoe',
- bio: 'Software Engineer with 5 years of experience',
- };
-
- const mockEmail = 'john.doe@example.com';
-
- const expectedPersonalInfo = {
- full_name: 'John Doe',
- email: mockEmail,
- phone: '+1234567890',
- location: 'New York, NY',
- linkedin: 'https://linkedin.com/in/johndoe',
- github: 'https://github.com/johndoe',
- summary: 'Software Engineer with 5 years of experience',
- };
-
- // Verify mapping logic
- const mappedName = `${mockProfile.first_name} ${mockProfile.last_name}`.trim();
- expect(mappedName).toBe(expectedPersonalInfo.full_name);
- expect(mockProfile.phone).toBe(expectedPersonalInfo.phone);
- expect(mockProfile.location).toBe(expectedPersonalInfo.location);
- expect(mockProfile.linkedin_url).toBe(expectedPersonalInfo.linkedin);
- expect(mockProfile.github_url).toBe(expectedPersonalInfo.github);
- expect(mockProfile.bio).toBe(expectedPersonalInfo.summary);
- });
- });
-
- describe('Score Calculation Logic', () => {
- test('should calculate score based on section completeness', () => {
- const weights = {
- personal_info: 20,
- education: 15,
- experience: 25,
- projects: 15,
- skills: 15,
- certifications: 5,
- awards: 5,
- };
-
- // Test that weights add up to 100
- const totalWeight = Object.values(weights).reduce((sum, w) => sum + w, 0);
- expect(totalWeight).toBe(100);
-
- // Test individual weight values
- expect(weights.personal_info).toBe(20);
- expect(weights.experience).toBe(25);
- expect(weights.education).toBe(15);
- });
-
- test('should handle empty sections correctly', () => {
- const emptyArraySections = [
- { type: 'education', content: [] },
- { type: 'experience', content: [] },
- { type: 'projects', content: [] },
- ];
-
- emptyArraySections.forEach((section) => {
- expect(Array.isArray(section.content)).toBe(true);
- expect(section.content.length).toBe(0);
- });
- });
- });
-});
diff --git a/__tests__/resume-integration.test.tsx b/__tests__/resume-integration.test.tsx
deleted file mode 100644
index 42e17ce85..000000000
--- a/__tests__/resume-integration.test.tsx
+++ /dev/null
@@ -1,624 +0,0 @@
-/**
- * Resume Builder Integration Tests
- * Tests complete user flows and feature integration
- */
-
-import { describe, test, expect, jest, beforeEach } from '@jest/globals';
-import { render, screen, waitFor, within } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import '@testing-library/jest-dom';
-import React from 'react';
-import type { Resume, ResumeSection } from '@/types/resume';
-
-// Mock Supabase client
-const mockSupabase = {
- from: jest.fn(() => ({
- select: jest.fn(() => ({
- eq: jest.fn(() => ({
- order: jest.fn(() => ({
- data: [],
- error: null,
- })),
- single: jest.fn(() => ({
- data: null,
- error: null,
- })),
- })),
- })),
- insert: jest.fn(() => ({
- select: jest.fn(() => ({
- single: jest.fn(() => ({
- data: null,
- error: null,
- })),
- })),
- })),
- update: jest.fn(() => ({
- eq: jest.fn(() => ({
- data: null,
- error: null,
- })),
- })),
- delete: jest.fn(() => ({
- eq: jest.fn(() => ({
- data: null,
- error: null,
- })),
- })),
- })),
- auth: {
- getUser: jest.fn(() => ({
- data: { user: { id: 'test-user-id' } },
- error: null,
- })),
- },
-};
-
-jest.mock('@/lib/supabase/client', () => ({
- createClient: () => mockSupabase,
-}));
-
-describe('Resume Builder Integration Tests', () => {
- beforeEach(() => {
- jest.clearAllMocks();
- });
-
- describe('Complete Resume Creation Flow', () => {
- test('should create a new resume with all sections', async () => {
- const user = userEvent.setup();
-
- // Mock successful resume creation
- const mockResume: Resume = {
- id: 'new-resume-id',
- user_id: 'test-user-id',
- title: 'My Professional Resume',
- template_id: 'modern',
- sections: [],
- styling: {
- font_family: 'Inter',
- font_size_body: 11,
- font_size_heading: 16,
- color_primary: '#8b5cf6',
- color_text: '#000000',
- color_accent: '#6366f1',
- margin_top: 0.75,
- margin_bottom: 0.75,
- margin_left: 0.75,
- margin_right: 0.75,
- line_height: 1.5,
- section_spacing: 1.5,
- },
- metadata: {
- page_count: 1,
- word_count: 0,
- completeness_score: 0,
- export_count: 0,
- },
- created_at: new Date().toISOString(),
- updated_at: new Date().toISOString(),
- };
-
- // Verify resume structure
- expect(mockResume.id).toBeTruthy();
- expect(mockResume.user_id).toBe('test-user-id');
- expect(mockResume.title).toBe('My Professional Resume');
- expect(mockResume.template_id).toBe('modern');
- expect(Array.isArray(mockResume.sections)).toBe(true);
- });
-
- test('should auto-fill personal info from profile', async () => {
- const mockProfile = {
- first_name: 'Jane',
- last_name: 'Smith',
- phone: '+1987654321',
- location: 'San Francisco, CA',
- linkedin_url: 'https://linkedin.com/in/janesmith',
- github_url: 'https://github.com/janesmith',
- bio: 'Full-stack developer passionate about web technologies',
- };
-
- const mockEmail = 'jane.smith@example.com';
-
- // Verify auto-fill mapping
- const personalInfo = {
- full_name: `${mockProfile.first_name} ${mockProfile.last_name}`.trim(),
- email: mockEmail,
- phone: mockProfile.phone,
- location: mockProfile.location,
- linkedin: mockProfile.linkedin_url,
- github: mockProfile.github_url,
- summary: mockProfile.bio,
- };
-
- expect(personalInfo.full_name).toBe('Jane Smith');
- expect(personalInfo.email).toBe(mockEmail);
- expect(personalInfo.phone).toBe('+1987654321');
- expect(personalInfo.location).toBe('San Francisco, CA');
- });
- });
-
- describe('Section Management Flow', () => {
- test('should add multiple section types', () => {
- const sections: ResumeSection[] = [];
-
- // Add personal info section
- const personalInfoSection: ResumeSection = {
- id: 'section-1',
- type: 'personal_info',
- title: 'Personal Information',
- order: 0,
- visible: true,
- content: {
- full_name: '',
- email: '',
- phone: '',
- location: '',
- },
- };
- sections.push(personalInfoSection);
-
- // Add education section
- const educationSection: ResumeSection = {
- id: 'section-2',
- type: 'education',
- title: 'Education',
- order: 1,
- visible: true,
- content: [],
- };
- sections.push(educationSection);
-
- // Add experience section
- const experienceSection: ResumeSection = {
- id: 'section-3',
- type: 'experience',
- title: 'Work Experience',
- order: 2,
- visible: true,
- content: [],
- };
- sections.push(experienceSection);
-
- expect(sections).toHaveLength(3);
- expect(sections[0].type).toBe('personal_info');
- expect(sections[1].type).toBe('education');
- expect(sections[2].type).toBe('experience');
- });
-
- test('should reorder sections correctly', () => {
- const sections: ResumeSection[] = [
- {
- id: 'section-1',
- type: 'personal_info',
- title: 'Personal Information',
- order: 0,
- visible: true,
- content: {},
- },
- {
- id: 'section-2',
- type: 'education',
- title: 'Education',
- order: 1,
- visible: true,
- content: [],
- },
- {
- id: 'section-3',
- type: 'experience',
- title: 'Work Experience',
- order: 2,
- visible: true,
- content: [],
- },
- ];
-
- // Reorder: move experience before education
- const reordered = [
- sections[0],
- sections[2],
- sections[1],
- ].map((section, index) => ({
- ...section,
- order: index,
- }));
-
- expect(reordered[0].type).toBe('personal_info');
- expect(reordered[1].type).toBe('experience');
- expect(reordered[2].type).toBe('education');
- expect(reordered[1].order).toBe(1);
- expect(reordered[2].order).toBe(2);
- });
-
- test('should remove sections', () => {
- let sections: ResumeSection[] = [
- {
- id: 'section-1',
- type: 'personal_info',
- title: 'Personal Information',
- order: 0,
- visible: true,
- content: {},
- },
- {
- id: 'section-2',
- type: 'education',
- title: 'Education',
- order: 1,
- visible: true,
- content: [],
- },
- ];
-
- // Remove education section
- sections = sections.filter(s => s.id !== 'section-2');
-
- expect(sections).toHaveLength(1);
- expect(sections[0].type).toBe('personal_info');
- });
-
- test('should toggle section visibility', () => {
- const section: ResumeSection = {
- id: 'section-1',
- type: 'education',
- title: 'Education',
- order: 0,
- visible: true,
- content: [],
- };
-
- // Toggle visibility
- section.visible = !section.visible;
- expect(section.visible).toBe(false);
-
- // Toggle back
- section.visible = !section.visible;
- expect(section.visible).toBe(true);
- });
- });
-
- describe('Template Switching Flow', () => {
- test('should switch templates while preserving content', () => {
- const resume: Resume = {
- id: 'resume-id',
- user_id: 'user-id',
- title: 'My Resume',
- template_id: 'modern',
- sections: [
- {
- id: 'section-1',
- type: 'personal_info',
- title: 'Personal Information',
- order: 0,
- visible: true,
- content: {
- full_name: 'John Doe',
- email: 'john@example.com',
- phone: '+1234567890',
- location: 'New York, NY',
- },
- },
- ],
- styling: {
- font_family: 'Inter',
- font_size_body: 11,
- font_size_heading: 16,
- color_primary: '#8b5cf6',
- color_text: '#000000',
- color_accent: '#6366f1',
- margin_top: 0.75,
- margin_bottom: 0.75,
- margin_left: 0.75,
- margin_right: 0.75,
- line_height: 1.5,
- section_spacing: 1.5,
- },
- metadata: {
- page_count: 1,
- word_count: 50,
- completeness_score: 25,
- export_count: 0,
- },
- created_at: new Date().toISOString(),
- updated_at: new Date().toISOString(),
- };
-
- const originalContent = resume.sections[0].content;
-
- // Switch template
- resume.template_id = 'classic';
-
- // Verify content is preserved
- expect(resume.template_id).toBe('classic');
- expect(resume.sections[0].content).toEqual(originalContent);
- });
-
- test('should support all template types', () => {
- const templates = ['modern', 'classic', 'minimal', 'creative', 'executive'];
-
- templates.forEach(templateId => {
- const resume: Partial = {
- template_id: templateId,
- };
-
- expect(resume.template_id).toBe(templateId);
- });
- });
- });
-
- describe('Export Functionality Flow', () => {
- test('should track export metadata', () => {
- const metadata = {
- page_count: 1,
- word_count: 250,
- completeness_score: 85,
- last_exported: new Date().toISOString(),
- export_count: 1,
- };
-
- expect(metadata.export_count).toBe(1);
- expect(metadata.last_exported).toBeTruthy();
-
- // Increment export count
- metadata.export_count += 1;
- metadata.last_exported = new Date().toISOString();
-
- expect(metadata.export_count).toBe(2);
- });
-
- test('should support multiple export formats', () => {
- const exportFormats = ['pdf', 'docx', 'json'];
-
- exportFormats.forEach(format => {
- expect(['pdf', 'docx', 'json']).toContain(format);
- });
- });
- });
-
- describe('Import Functionality Flow', () => {
- test('should validate imported JSON structure', () => {
- const validImportData = {
- title: 'Imported Resume',
- sections: [
- {
- type: 'personal_info',
- content: {
- full_name: 'Imported User',
- email: 'imported@example.com',
- phone: '+1111111111',
- location: 'Boston, MA',
- },
- },
- ],
- };
-
- expect(validImportData.title).toBeTruthy();
- expect(Array.isArray(validImportData.sections)).toBe(true);
- expect(validImportData.sections[0].type).toBe('personal_info');
- });
-
- test('should handle invalid import data gracefully', () => {
- const invalidData = {
- // Missing required fields
- sections: 'not an array',
- };
-
- const isValid = typeof invalidData.sections === 'object' && Array.isArray(invalidData.sections);
- expect(isValid).toBe(false);
- });
- });
-
- describe('Mobile Responsiveness Flow', () => {
- test('should adapt layout for mobile viewport', () => {
- const isMobile = (width: number) => width < 768;
-
- expect(isMobile(375)).toBe(true); // iPhone
- expect(isMobile(768)).toBe(false); // Tablet
- expect(isMobile(1024)).toBe(false); // Desktop
- });
-
- test('should handle touch gestures on mobile', () => {
- const touchEvent = {
- type: 'touchstart',
- touches: [{ clientX: 100, clientY: 100 }],
- };
-
- expect(touchEvent.type).toBe('touchstart');
- expect(touchEvent.touches).toHaveLength(1);
- });
- });
-
- describe('Auto-save Flow', () => {
- test('should debounce save operations', async () => {
- const saveCallTimes: number[] = [];
- let saveCount = 0;
-
- const debouncedSave = () => {
- saveCallTimes.push(Date.now());
- saveCount++;
- };
-
- // Simulate rapid changes
- debouncedSave();
-
- // Verify save was called
- expect(saveCount).toBeGreaterThan(0);
- });
-
- test('should handle save errors gracefully', () => {
- const saveError = {
- code: 'SAVE_FAILED',
- message: 'Failed to save resume',
- };
-
- expect(saveError.code).toBe('SAVE_FAILED');
- expect(saveError.message).toBeTruthy();
- });
- });
-
- describe('Real-time Preview Updates', () => {
- test('should update preview when content changes', () => {
- const resume: Partial = {
- sections: [
- {
- id: 'section-1',
- type: 'personal_info',
- title: 'Personal Information',
- order: 0,
- visible: true,
- content: {
- full_name: 'Initial Name',
- email: 'initial@example.com',
- phone: '',
- location: '',
- },
- },
- ],
- };
-
- // Update content
- if (resume.sections && resume.sections[0]) {
- const content = resume.sections[0].content as any;
- content.full_name = 'Updated Name';
- }
-
- // Verify update
- const updatedContent = resume.sections?.[0]?.content as any;
- expect(updatedContent?.full_name).toBe('Updated Name');
- });
-
- test('should calculate page count based on content', () => {
- const calculatePageCount = (wordCount: number): number => {
- const wordsPerPage = 500;
- return Math.max(1, Math.ceil(wordCount / wordsPerPage));
- };
-
- expect(calculatePageCount(0)).toBe(1);
- expect(calculatePageCount(250)).toBe(1);
- expect(calculatePageCount(500)).toBe(1);
- expect(calculatePageCount(501)).toBe(2);
- expect(calculatePageCount(1000)).toBe(2);
- });
- });
-
- describe('Styling Customization Flow', () => {
- test('should update styling in real-time', () => {
- const styling = {
- font_family: 'Inter',
- font_size_body: 11,
- color_primary: '#8b5cf6',
- };
-
- // Update font
- styling.font_family = 'Roboto';
- expect(styling.font_family).toBe('Roboto');
-
- // Update color
- styling.color_primary = '#ef4444';
- expect(styling.color_primary).toBe('#ef4444');
-
- // Update size
- styling.font_size_body = 12;
- expect(styling.font_size_body).toBe(12);
- });
-
- test('should validate margin values', () => {
- const isValidMargin = (value: number): boolean => {
- return value >= 0.5 && value <= 1.5;
- };
-
- expect(isValidMargin(0.5)).toBe(true);
- expect(isValidMargin(0.75)).toBe(true);
- expect(isValidMargin(1.0)).toBe(true);
- expect(isValidMargin(1.5)).toBe(true);
- expect(isValidMargin(0.25)).toBe(false);
- expect(isValidMargin(2.0)).toBe(false);
- });
- });
-
- describe('Resume Scoring Flow', () => {
- test('should calculate completeness score', () => {
- const calculateScore = (sections: ResumeSection[]): number => {
- const weights: Record = {
- personal_info: 20,
- education: 15,
- experience: 25,
- projects: 15,
- skills: 15,
- certifications: 5,
- awards: 5,
- };
-
- let score = 0;
-
- sections.forEach(section => {
- const weight = weights[section.type] || 0;
- const isComplete = section.visible &&
- (Array.isArray(section.content) ? section.content.length > 0 : true);
-
- if (isComplete) {
- score += weight;
- }
- });
-
- return score;
- };
-
- const sections: ResumeSection[] = [
- {
- id: '1',
- type: 'personal_info',
- title: 'Personal Info',
- order: 0,
- visible: true,
- content: { full_name: 'John', email: 'john@example.com', phone: '', location: '' },
- },
- {
- id: '2',
- type: 'experience',
- title: 'Experience',
- order: 1,
- visible: true,
- content: [{ id: '1', company: 'Company', position: 'Developer', location: '', start_date: '2020-01', current: true, description: '', achievements: [] }],
- },
- ];
-
- const score = calculateScore(sections);
- expect(score).toBe(45); // 20 (personal_info) + 25 (experience)
- });
- });
-
- describe('Error Handling Flow', () => {
- test('should handle network errors', () => {
- const networkError = {
- code: 'NETWORK_ERROR',
- message: 'Failed to connect to server',
- retry: true,
- };
-
- expect(networkError.code).toBe('NETWORK_ERROR');
- expect(networkError.retry).toBe(true);
- });
-
- test('should validate form inputs', () => {
- const validateEmail = (email: string): boolean => {
- const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
- return emailRegex.test(email);
- };
-
- expect(validateEmail('valid@example.com')).toBe(true);
- expect(validateEmail('invalid-email')).toBe(false);
- expect(validateEmail('')).toBe(false);
- });
-
- test('should handle validation errors', () => {
- const validationError = {
- field: 'email',
- message: 'Invalid email format',
- };
-
- expect(validationError.field).toBe('email');
- expect(validationError.message).toBeTruthy();
- });
- });
-});
diff --git a/__tests__/skills-section.test.tsx b/__tests__/skills-section.test.tsx
deleted file mode 100644
index e69de29bb..000000000
diff --git a/__tests__/template-renderer.test.tsx b/__tests__/template-renderer.test.tsx
deleted file mode 100644
index f6b2b39a1..000000000
--- a/__tests__/template-renderer.test.tsx
+++ /dev/null
@@ -1,123 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import { TemplateRenderer } from '@/components/resume/templates/TemplateRenderer';
-import { Resume } from '@/types/resume';
-
-// Mock the template components
-jest.mock('@/components/resume/templates/ModernTemplate', () => ({
- ModernTemplate: ({ resume }: { resume: Resume }) => (
- Modern Template: {resume.title}
- ),
-}));
-
-jest.mock('@/components/resume/templates/ClassicTemplate', () => ({
- ClassicTemplate: ({ resume }: { resume: Resume }) => (
- Classic Template: {resume.title}
- ),
-}));
-
-jest.mock('@/components/resume/templates/MinimalTemplate', () => ({
- MinimalTemplate: ({ resume }: { resume: Resume }) => (
- Minimal Template: {resume.title}
- ),
-}));
-
-jest.mock('@/components/resume/templates/CreativeTemplate', () => ({
- CreativeTemplate: ({ resume }: { resume: Resume }) => (
- Creative Template: {resume.title}
- ),
-}));
-
-jest.mock('@/components/resume/templates/ExecutiveTemplate', () => ({
- ExecutiveTemplate: ({ resume }: { resume: Resume }) => (
- Executive Template: {resume.title}
- ),
-}));
-
-const createMockResume = (templateId: string): Resume => ({
- id: '1',
- user_id: 'user-1',
- title: 'Test Resume',
- template_id: templateId,
- sections: [],
- styling: {
- font_family: 'Arial',
- font_size_body: 12,
- font_size_heading: 16,
- color_primary: '#000000',
- color_text: '#333333',
- color_accent: '#666666',
- margin_top: 1,
- margin_bottom: 1,
- margin_left: 1,
- margin_right: 1,
- line_height: 1.5,
- section_spacing: 1,
- },
- metadata: {
- page_count: 1,
- word_count: 0,
- completeness_score: 0,
- export_count: 0,
- },
- created_at: '2025-01-01T00:00:00Z',
- updated_at: '2025-01-01T00:00:00Z',
-});
-
-describe('TemplateRenderer', () => {
- it('should render null when no resume is provided', () => {
- const { container } = render();
- expect(container.firstChild).toBeNull();
- });
-
- it('should render ModernTemplate when template_id is "modern"', () => {
- const resume = createMockResume('modern');
- render();
- expect(screen.getByTestId('modern-template')).toBeInTheDocument();
- expect(screen.getByText('Modern Template: Test Resume')).toBeInTheDocument();
- });
-
- it('should render ClassicTemplate when template_id is "classic"', async () => {
- const resume = createMockResume('classic');
- render();
- // Wait for template transition to complete
- await screen.findByTestId('classic-template');
- expect(screen.getByTestId('classic-template')).toBeInTheDocument();
- });
-
- it('should render MinimalTemplate when template_id is "minimal"', async () => {
- const resume = createMockResume('minimal');
- render();
- // Wait for template transition to complete
- await screen.findByTestId('minimal-template');
- expect(screen.getByTestId('minimal-template')).toBeInTheDocument();
- });
-
- it('should render CreativeTemplate when template_id is "creative"', async () => {
- const resume = createMockResume('creative');
- render();
- // Wait for template transition to complete
- await screen.findByTestId('creative-template');
- expect(screen.getByTestId('creative-template')).toBeInTheDocument();
- });
-
- it('should render ExecutiveTemplate when template_id is "executive"', async () => {
- const resume = createMockResume('executive');
- render();
- // Wait for template transition to complete
- await screen.findByTestId('executive-template');
- expect(screen.getByTestId('executive-template')).toBeInTheDocument();
- });
-
- it('should default to ModernTemplate when template_id is invalid', () => {
- const resume = createMockResume('invalid-template');
- render();
- expect(screen.getByTestId('modern-template')).toBeInTheDocument();
- });
-
- it('should default to ModernTemplate when template_id is empty', () => {
- const resume = createMockResume('');
- render();
- expect(screen.getByTestId('modern-template')).toBeInTheDocument();
- });
-});
diff --git a/__tests__/template-selector.test.tsx b/__tests__/template-selector.test.tsx
deleted file mode 100644
index 50939ff26..000000000
--- a/__tests__/template-selector.test.tsx
+++ /dev/null
@@ -1,132 +0,0 @@
-import { render, screen, fireEvent, waitFor } from '@testing-library/react';
-import { TemplateSelector } from '@/components/resume/TemplateSelector';
-import { ResumeProvider } from '@/contexts/ResumeContext';
-import { Resume } from '@/types/resume';
-
-// Mock Supabase client
-jest.mock('@/lib/supabase/client', () => ({
- createClient: jest.fn(() => ({
- auth: {
- getUser: jest.fn(() => Promise.resolve({ data: { user: { id: 'test-user' } }, error: null })),
- },
- from: jest.fn(() => ({
- select: jest.fn(() => ({
- eq: jest.fn(() => ({
- single: jest.fn(() => Promise.resolve({ data: null, error: null })),
- order: jest.fn(() => Promise.resolve({ data: [], error: null })),
- })),
- })),
- insert: jest.fn(() => ({
- select: jest.fn(() => ({
- single: jest.fn(() => Promise.resolve({ data: null, error: null })),
- })),
- })),
- update: jest.fn(() => ({
- eq: jest.fn(() => Promise.resolve({ data: null, error: null })),
- })),
- })),
- })),
-}));
-
-// Mock toast
-jest.mock('sonner', () => ({
- toast: {
- success: jest.fn(),
- error: jest.fn(),
- info: jest.fn(),
- },
-}));
-
-const mockResume: Resume = {
- id: 'test-resume-id',
- user_id: 'test-user',
- title: 'Test Resume',
- template_id: 'modern',
- sections: [],
- styling: {
- font_family: 'Inter',
- font_size_body: 11,
- font_size_heading: 16,
- color_primary: '#9333ea',
- color_text: '#1f2937',
- color_accent: '#6366f1',
- margin_top: 0.75,
- margin_bottom: 0.75,
- margin_left: 0.75,
- margin_right: 0.75,
- line_height: 1.5,
- section_spacing: 1.5,
- },
- metadata: {
- page_count: 1,
- word_count: 0,
- completeness_score: 0,
- export_count: 0,
- },
- created_at: new Date().toISOString(),
- updated_at: new Date().toISOString(),
-};
-
-describe('TemplateSelector', () => {
- it('should render the template selector button', () => {
- render(
-
-
-
- );
-
- const button = screen.getByRole('button', { name: /template/i });
- expect(button).toBeInTheDocument();
- });
-
- it('should open dialog when button is clicked', async () => {
- render(
-
-
-
- );
-
- const button = screen.getByRole('button', { name: /template/i });
- fireEvent.click(button);
-
- await waitFor(() => {
- expect(screen.getByText('Choose a Template')).toBeInTheDocument();
- });
- });
-
- it('should display all template options', async () => {
- render(
-
-
-
- );
-
- const button = screen.getByRole('button', { name: /template/i });
- fireEvent.click(button);
-
- await waitFor(() => {
- expect(screen.getByText('Modern')).toBeInTheDocument();
- expect(screen.getByText('Classic')).toBeInTheDocument();
- expect(screen.getByText('Minimal')).toBeInTheDocument();
- expect(screen.getByText('Creative')).toBeInTheDocument();
- expect(screen.getByText('Executive')).toBeInTheDocument();
- });
- });
-
- it('should show selected badge on current template', async () => {
- render(
-
-
-
- );
-
- const button = screen.getByRole('button', { name: /template/i });
- fireEvent.click(button);
-
- await waitFor(() => {
- // The modern template should be selected by default
- const modernTemplate = screen.getByText('Modern').closest('button');
- expect(modernTemplate).toBeInTheDocument();
- });
- });
-});
\ No newline at end of file
diff --git a/global.d.ts b/global.d.ts
new file mode 100644
index 000000000..8ddf72bb4
--- /dev/null
+++ b/global.d.ts
@@ -0,0 +1,34 @@
+///
+
+import '@testing-library/jest-dom';
+
+declare global {
+ namespace jest {
+ interface Matchers {
+ toBeInTheDocument(): R;
+ toBeVisible(): R;
+ toBeEmpty(): R;
+ toBeEmptyDOMElement(): R;
+ toBeDisabled(): R;
+ toBeEnabled(): R;
+ toBeInvalid(): R;
+ toBeRequired(): R;
+ toBeValid(): R;
+ toContainElement(element: HTMLElement | SVGElement | null): R;
+ toContainHTML(htmlText: string): R;
+ toHaveAccessibleDescription(expectedAccessibleDescription?: string | RegExp): R;
+ toHaveAccessibleName(expectedAccessibleName?: string | RegExp): R;
+ toHaveAttribute(attr: string, value?: unknown): R;
+ toHaveClass(...classNames: string[]): R;
+ toHaveFocus(): R;
+ toHaveFormValues(expectedValues: Record): R;
+ toHaveStyle(css: string | Record): R;
+ toHaveTextContent(text: string | RegExp, options?: { normalizeWhitespace: boolean }): R;
+ toHaveValue(value?: string | string[] | number | null): R;
+ toHaveDisplayValue(value: string | RegExp | Array): R;
+ toBeChecked(): R;
+ toBePartiallyChecked(): R;
+ toHaveErrorMessage(text: string | RegExp): R;
+ }
+ }
+}
diff --git a/package-lock.json b/package-lock.json
index c9e51992b..67cdd7227 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4,6 +4,7 @@
"requires": true,
"packages": {
"": {
+ "name": "codeuniaafterlint",
"dependencies": {
"@dnd-kit/core": "^6.3.1",
"@dnd-kit/sortable": "^10.0.0",
@@ -17550,9 +17551,9 @@
}
},
"node_modules/tar-fs": {
- "version": "3.1.0",
- "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.1.0.tgz",
- "integrity": "sha512-5Mty5y/sOF1YWj1J6GiBodjlDc05CUR8PKXrsnFAiSG0xA+GHeWLovaZPYUDXkH/1iKRf2+M5+OrRgzC7O9b7w==",
+ "version": "3.1.1",
+ "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.1.1.tgz",
+ "integrity": "sha512-LZA0oaPOc2fVo82Txf3gw+AkEd38szODlptMYejQUhndHMLQ9M059uXR+AfS7DNo0NpINvSqDsvyaCrBVkptWg==",
"license": "MIT",
"dependencies": {
"pump": "^3.0.0",
diff --git a/tsconfig.json b/tsconfig.json
index eee2e85c5..60b43e144 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -14,6 +14,7 @@
"isolatedModules": true,
"jsx": "preserve",
"incremental": true,
+ "types": ["@testing-library/jest-dom"],
"plugins": [
{
"name": "next"
@@ -23,6 +24,6 @@
"@/*": ["./*"]
}
},
- "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
- "exclude": ["node_modules", "backup-old-cache-files"]
+ "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "types/**/*.d.ts"],
+ "exclude": ["node_modules", "backup-old-cache-files", "**/*.test.ts", "**/*.test.tsx", "__tests__/**/*"]
}
diff --git a/types/jest-dom.d.ts b/types/jest-dom.d.ts
new file mode 100644
index 000000000..188206ad7
--- /dev/null
+++ b/types/jest-dom.d.ts
@@ -0,0 +1,33 @@
+///
+
+import '@testing-library/jest-dom';
+import type * as jestGlobals from '@jest/globals';
+
+declare module '@jest/globals' {
+ interface Matchers extends jestGlobals.Matchers {
+ toBeInTheDocument(): R;
+ toBeVisible(): R;
+ toBeEmpty(): R;
+ toBeEmptyDOMElement(): R;
+ toBeDisabled(): R;
+ toBeEnabled(): R;
+ toBeInvalid(): R;
+ toBeRequired(): R;
+ toBeValid(): R;
+ toContainElement(element: HTMLElement | SVGElement | null): R;
+ toContainHTML(htmlText: string): R;
+ toHaveAccessibleDescription(expectedAccessibleDescription?: string | RegExp): R;
+ toHaveAccessibleName(expectedAccessibleName?: string | RegExp): R;
+ toHaveAttribute(attr: string, value?: unknown): R;
+ toHaveClass(...classNames: string[]): R;
+ toHaveFocus(): R;
+ toHaveFormValues(expectedValues: Record): R;
+ toHaveStyle(css: string | Record): R;
+ toHaveTextContent(text: string | RegExp, options?: { normalizeWhitespace: boolean }): R;
+ toHaveValue(value?: string | string[] | number | null): R;
+ toHaveDisplayValue(value: string | RegExp | Array): R;
+ toBeChecked(): R;
+ toBePartiallyChecked(): R;
+ toHaveErrorMessage(text: string | RegExp): R;
+ }
+}