55 lines
2.1 KiB
TypeScript
55 lines
2.1 KiB
TypeScript
|
import React from 'react';
|
||
|
|
import { describe, it, expect, vi } from 'vitest';
|
||
|
|
import { render, screen, fireEvent, waitFor } from '@testing-library/react';
|
||
|
|
import { SettingsNotificationsPage } from '@/pages/SettingsNotifications';
|
||
|
|
|
||
|
|
const mockNotificationTypes = {
|
||
|
|
items: [
|
||
|
|
{ type_key: 'mail.new', plugin_name: 'mail', category: 'mail', label: 'Neue E-Mail', description: 'Bei neuen E-Mails', is_enabled_by_default: true, is_enabled: true },
|
||
|
|
{ type_key: 'task.overdue', plugin_name: 'tasks', category: 'tasks', label: 'Überfällige Aufgabe', description: 'Aufgabe ist überfällig', is_enabled_by_default: false, is_enabled: false },
|
||
|
|
],
|
||
|
|
};
|
||
|
|
|
||
|
|
vi.mock('@/api/hooks', () => ({
|
||
|
|
useNotificationTypes: () => ({ data: mockNotificationTypes, isLoading: false, error: null }),
|
||
|
|
useUpdateNotificationPreference: () => ({
|
||
|
|
mutate: vi.fn(),
|
||
|
|
isPending: false,
|
||
|
|
}),
|
||
|
|
}));
|
||
|
|
|
||
|
|
vi.mock('@/components/ui/Toast', () => ({
|
||
|
|
useToast: () => ({ success: vi.fn(), error: vi.fn(), info: vi.fn() }),
|
||
|
|
}));
|
||
|
|
|
||
|
|
describe('SettingsNotificationsPage', () => {
|
||
|
|
it('renders notifications page', () => {
|
||
|
|
render(<SettingsNotificationsPage />);
|
||
|
|
expect(screen.getByTestId('settings-notifications-page')).toBeInTheDocument();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('renders notification type labels', () => {
|
||
|
|
render(<SettingsNotificationsPage />);
|
||
|
|
expect(screen.getByText('Neue E-Mail')).toBeInTheDocument();
|
||
|
|
expect(screen.getByText('Überfällige Aufgabe')).toBeInTheDocument();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('renders notification descriptions', () => {
|
||
|
|
render(<SettingsNotificationsPage />);
|
||
|
|
expect(screen.getByText('Bei neuen E-Mails')).toBeInTheDocument();
|
||
|
|
expect(screen.getByText('Aufgabe ist überfällig')).toBeInTheDocument();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('renders plugin group headers', () => {
|
||
|
|
render(<SettingsNotificationsPage />);
|
||
|
|
expect(screen.getByText('mail')).toBeInTheDocument();
|
||
|
|
expect(screen.getByText('tasks')).toBeInTheDocument();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('renders toggle switches for each notification type', () => {
|
||
|
|
render(<SettingsNotificationsPage />);
|
||
|
|
const switches = screen.getAllByRole('switch');
|
||
|
|
expect(switches.length).toBeGreaterThanOrEqual(2);
|
||
|
|
});
|
||
|
|
});
|