test(7.1): add tests for untested settings pages

- SettingsGroups: page render, create/edit buttons, group list - SettingsCurrencies: page render, form, API calls, error display - SettingsTaxes: page render, form, API calls, error display - SettingsSequences: page render, form, API calls, error display - SettingsNotifications: page render, notification types, toggles - SettingsPlugins: page render, install/activate/deactivate buttons - SettingsSystem: page render, form fields, save button All 82 settings tests passing.
2026-07-24 00:49:22 +02:00
parent efc49c7769
commit 62127c6544
7 changed files with 566 additions and 0 deletions
@@ -0,0 +1,92 @@
+import React from 'react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { render, screen, fireEvent, waitFor } from '@testing-library/react';
+import { SettingsCurrenciesPage } from '@/pages/SettingsCurrencies';
+
+const mockCurrencies = [
+  { id: 'c1', code: 'EUR', name: 'Euro', symbol: '€', is_default: true },
+  { id: 'c2', code: 'USD', name: 'US Dollar', symbol: '$', is_default: false },
+];
+
+const apiGetMock = vi.fn();
+const apiPostMock = vi.fn();
+const apiPatchMock = vi.fn();
+const apiDeleteMock = vi.fn();
+
+vi.mock('@/api/client', () => ({
+  apiGet: (...args: any[]) => apiGetMock(...args),
+  apiPost: (...args: any[]) => apiPostMock(...args),
+  apiPatch: (...args: any[]) => apiPatchMock(...args),
+  apiDelete: (...args: any[]) => apiDeleteMock(...args),
+}));
+
+beforeEach(() => {
+  vi.clearAllMocks();
+  apiGetMock.mockResolvedValue({ items: mockCurrencies, total: 2 });
+  apiPostMock.mockResolvedValue({ id: 'c3', code: 'GBP', name: 'British Pound', symbol: '£', is_default: false });
+  apiPatchMock.mockResolvedValue({});
+  apiDeleteMock.mockResolvedValue({});
+});
+
+describe('SettingsCurrenciesPage', () => {
+  it('renders currencies page', async () => {
+    render(<SettingsCurrenciesPage />);
+    await waitFor(() => {
+      expect(screen.getByTestId('settings-currencies')).toBeInTheDocument();
+    });
+  });
+
+  it('renders add currency button', async () => {
+    render(<SettingsCurrenciesPage />);
+    await waitFor(() => {
+      expect(screen.getByTestId('settings-currencies')).toBeInTheDocument();
+    });
+    expect(screen.getByText(/währung hinzufügen|add currency/i)).toBeInTheDocument();
+  });
+
+  it('renders currency list from API', async () => {
+    render(<SettingsCurrenciesPage />);
+    await waitFor(() => {
+      expect(screen.getByText('EUR')).toBeInTheDocument();
+      expect(screen.getByText('USD')).toBeInTheDocument();
+    });
+  });
+
+  it('shows form when add button clicked', async () => {
+    render(<SettingsCurrenciesPage />);
+    await waitFor(() => {
+      expect(screen.getByTestId('settings-currencies')).toBeInTheDocument();
+    });
+    fireEvent.click(screen.getByText(/währung hinzufügen|add currency/i));
+    await waitFor(() => {
+      expect(screen.getByRole('button', { name: /speichern|^save$/i })).toBeInTheDocument();
+    });
+  });
+
+  it('displays error when API fails', async () => {
+    apiGetMock.mockRejectedValueOnce(new Error('Network error'));
+    render(<SettingsCurrenciesPage />);
+    await waitFor(() => {
+      expect(screen.getByText('Network error')).toBeInTheDocument();
+    });
+  });
+
+  it('calls apiPost on valid submit', async () => {
+    render(<SettingsCurrenciesPage />);
+    await waitFor(() => {
+      expect(screen.getByTestId('settings-currencies')).toBeInTheDocument();
+    });
+    fireEvent.click(screen.getByText(/währung hinzufügen|add currency/i));
+    await waitFor(() => {
+      expect(screen.getByRole('button', { name: /speichern|^save$/i })).toBeInTheDocument();
+    });
+    const inputs = screen.getAllByRole('textbox');
+    fireEvent.change(inputs[0], { target: { value: 'GBP' } });
+    fireEvent.change(inputs[1], { target: { value: '£' } });
+    fireEvent.change(inputs[2], { target: { value: 'British Pound' } });
+    fireEvent.click(screen.getByRole('button', { name: /speichern|^save$/i }));
+    await waitFor(() => {
+      expect(apiPostMock).toHaveBeenCalledWith('/currencies', expect.objectContaining({ code: 'GBP' }));
+    });
+  });
+});