first commit

components/__tests__/SettingsPage.test.tsx

@@ -0,0 +1,145 @@
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import SettingsPage from '../SettingsPage.tsx';
+
+const { createKandangMock, createCycleMock, reloadMock, farmState } = vi.hoisted(() => ({
+  createKandangMock: vi.fn(),
+  createCycleMock: vi.fn(),
+  reloadMock: vi.fn().mockResolvedValue(undefined),
+  farmState: {
+    sites: [{ id: 7, site_name: 'Site A', user: 99, created_at: '', updated_at: '' }],
+    kandangs: [] as Array<{
+      id: number;
+      kandang_name: string;
+      site: number;
+      created_at: string;
+      updated_at: string;
+    }>,
+    cycles: [] as unknown[],
+    selectedSiteId: 7,
+    selectedKandangId: null as number | null,
+    selectedCycle: null as unknown,
+  },
+}));
+
+vi.mock('../../services/apiClient.ts', () => ({
+  api: {
+    sites: {
+      create: vi.fn(),
+      remove: vi.fn(),
+    },
+    kandangs: {
+      create: createKandangMock,
+      remove: vi.fn(),
+    },
+    cycles: {
+      create: createCycleMock,
+      remove: vi.fn(),
+    },
+  },
+  errorMessage: (err: unknown) => (err instanceof Error ? err.message : 'Terjadi kesalahan'),
+}));
+
+vi.mock('../../context/AuthContext.tsx', () => ({
+  useAuth: () => ({
+    user: {
+      id: 99,
+      user_name: 'tester',
+      status: 'superadmin',
+      created_at: '',
+      updated_at: '',
+    },
+  }),
+}));
+
+vi.mock('../../context/FarmContext.tsx', () => ({
+  useFarm: () => ({
+    sites: farmState.sites,
+    kandangs: farmState.kandangs,
+    cycles: farmState.cycles,
+    selectedSiteId: farmState.selectedSiteId,
+    selectedKandangId: farmState.selectedKandangId,
+    selectedCycle: farmState.selectedCycle,
+    reload: reloadMock,
+    setSelectedSiteId: vi.fn(),
+    setSelectedKandangId: vi.fn(),
+    setSelectedCycleId: vi.fn(),
+  }),
+}));
+
+describe('SettingsPage settings forms', () => {
+  beforeEach(() => {
+    createKandangMock.mockReset();
+    createCycleMock.mockReset();
+    reloadMock.mockClear();
+    farmState.kandangs = [];
+    farmState.cycles = [];
+    farmState.selectedSiteId = 7;
+    farmState.selectedKandangId = null;
+    farmState.selectedCycle = null;
+    createKandangMock.mockResolvedValue({
+      id: 11,
+      kandang_name: 'Kandang 1',
+      site: 7,
+      created_at: '',
+      updated_at: '',
+    });
+    createCycleMock.mockResolvedValue({
+      id: 21,
+      kandang: 11,
+      flock: 3,
+      total_days: 35,
+      current_day: 1,
+      start_date: '2026-08-18',
+      end_date: '2026-09-21',
+      chick_in_weight: 45,
+      doc_in_count: 20000,
+      status: 'active',
+      created_at: '',
+      updated_at: '',
+    });
+  });
+
+  it('submits only backend-supported kandang fields', async () => {
+    render(<SettingsPage />);
+
+    fireEvent.change(screen.getByPlaceholderText('Nama kandang'), {
+      target: { value: 'Kandang 1' },
+    });
+
+    fireEvent.click(screen.getByRole('button', { name: 'Tambah kandang' }));
+
+    await waitFor(() => expect(createKandangMock).toHaveBeenCalledTimes(1));
+    expect(createKandangMock).toHaveBeenCalledWith({
+      kandang_name: 'Kandang 1',
+      site: 7,
+    });
+  });
+
+  it('submits cycle fields expected by the backend contract', async () => {
+    farmState.kandangs = [
+      { id: 11, kandang_name: 'Kandang 1', site: 7, created_at: '', updated_at: '' },
+    ];
+    farmState.selectedKandangId = 11;
+
+    render(<SettingsPage />);
+
+    expect(screen.queryByLabelText(/Total hari/i)).not.toBeInTheDocument();
+
+    fireEvent.change(screen.getByLabelText(/Mulai/i), { target: { value: '2026-08-01' } });
+    fireEvent.change(screen.getByLabelText(/Selesai/i), { target: { value: '2026-09-04' } });
+    fireEvent.click(screen.getByRole('button', { name: 'Tambah siklus' }));
+
+    await waitFor(() => expect(createCycleMock).toHaveBeenCalledTimes(1));
+    expect(createCycleMock).toHaveBeenCalledWith({
+      kandang: 11,
+      total_days: 35,
+      current_day: 1,
+      start_date: '2026-08-01',
+      end_date: '2026-09-04',
+      chick_in_weight: 45,
+      doc_in_count: 20000,
+      status: 'active',
+    });
+  });
+});