test: add comprehensive tests for pages, components, contexts (194 tests, 27 files)

src/__tests__/EditTaskModal.test.jsx

@@ -0,0 +1,111 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { render, screen, fireEvent, waitFor } from '@testing-library/react'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import EditTaskModal from '../components/EditTaskModal'
+
+vi.mock('../api/client', () => ({
+  default: {
+    post: vi.fn(),
+    get: vi.fn(),
+    put: vi.fn(),
+    delete: vi.fn(),
+    interceptors: { request: { use: vi.fn() }, response: { use: vi.fn() } },
+  },
+}))
+
+vi.mock('../api/tasks', () => ({
+  tasksApi: {
+    update: vi.fn(),
+    delete: vi.fn(),
+  },
+}))
+
+import { tasksApi } from '../api/tasks'
+
+const mockTask = {
+  id: 1,
+  title: 'Test Task',
+  description: 'Description',
+  color: '#6366f1',
+  icon: '📋',
+  due_date: '2026-03-26',
+  priority: 1,
+  reminder_time: null,
+  is_recurring: false,
+  recurrence_type: null,
+  recurrence_interval: 1,
+  recurrence_end_date: null,
+}
+
+const renderModal = (props = {}) => {
+  const qc = new QueryClient({ defaultOptions: { queries: { retry: false }, mutations: { retry: false } } })
+  return render(
+    <QueryClientProvider client={qc}>
+      <EditTaskModal open={true} onClose={vi.fn()} task={mockTask} {...props} />
+    </QueryClientProvider>
+  )
+}
+
+describe('EditTaskModal', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('does not render when open=false', () => {
+    const qc = new QueryClient()
+    render(
+      <QueryClientProvider client={qc}>
+        <EditTaskModal open={false} onClose={vi.fn()} task={mockTask} />
+      </QueryClientProvider>
+    )
+    expect(screen.queryByText('Редактировать задачу')).not.toBeInTheDocument()
+  })
+
+  it('renders with task data pre-filled', () => {
+    renderModal()
+    const titleInput = screen.getByDisplayValue('Test Task')
+    expect(titleInput).toBeInTheDocument()
+  })
+
+  it('renders edit modal title', () => {
+    renderModal()
+    expect(screen.getByText('Редактировать задачу')).toBeInTheDocument()
+  })
+
+  it('submits updated task', async () => {
+    tasksApi.update.mockResolvedValueOnce({ id: 1, title: 'Updated' })
+    renderModal()
+
+    const titleInput = screen.getByDisplayValue('Test Task')
+    fireEvent.change(titleInput, { target: { value: 'Updated Task' } })
+    fireEvent.click(screen.getByText('Сохранить'))
+
+    await waitFor(() => {
+      expect(tasksApi.update).toHaveBeenCalled()
+    })
+  })
+
+  it('shows delete confirmation button', () => {
+    renderModal()
+    // Button says "Удалить задачу"
+    expect(screen.getByText('Удалить задачу')).toBeInTheDocument()
+  })
+
+  it('shows delete confirmation when delete clicked', () => {
+    renderModal()
+    fireEvent.click(screen.getByText('Удалить задачу'))
+    // Confirmation shows "Да, удалить"
+    expect(screen.getByText('Да, удалить')).toBeInTheDocument()
+  })
+
+  it('deletes task after confirmation', async () => {
+    tasksApi.delete.mockResolvedValueOnce({})
+    renderModal()
+    fireEvent.click(screen.getByText('Удалить задачу'))
+    fireEvent.click(screen.getByText('Да, удалить'))
+
+    await waitFor(() => {
+      expect(tasksApi.delete).toHaveBeenCalledWith(1)
+    })
+  })
+})