feat: add contacts phase 2, advanced search, vacation responder, Docker & TOTP 2FA

- Contact groups/lists, vCard import/export (RFC 6350), bulk operations - Advanced search with JMAP filter panel, search chips, cross-mailbox queries - Vacation responder with JMAP VacationResponse, settings tab, sidebar indicator - TOTP two-factor authentication support - Docker multi-stage build with standalone output and docker-compose - CSP Report-Only headers and security headers via proxy middleware - Virtual scrolling for large email lists - Structured server-side logger (text/JSON, configurable level) - 450+ tests (contacts, vCard, threads, headers, identity, components) - Playwright E2E framework setup - Updated README and ROADMAP with all new features
2026-02-16 18:51:30 +01:00
parent 8a5bc9b88d
commit fb414bf2c9
70 changed files with 8160 additions and 547 deletions
@@ -0,0 +1,55 @@
+import { render, screen, fireEvent } from '@testing-library/react';
+import { describe, it, expect, vi } from 'vitest';
+import { ContactListItem } from '../contact-list-item';
+import type { ContactCard } from '@/lib/jmap/types';
+
+const contact: ContactCard = {
+  id: '1',
+  addressBookIds: {},
+  name: { components: [{ kind: 'given', value: 'Alice' }, { kind: 'surname', value: 'Smith' }], isOrdered: true },
+  emails: { e0: { address: 'alice@example.com' } },
+  organizations: { o0: { name: 'Acme Corp' } },
+};
+
+const noNameContact: ContactCard = {
+  id: '2',
+  addressBookIds: {},
+  emails: { e0: { address: 'nobody@example.com' } },
+};
+
+const _emptyContact: ContactCard = {
+  id: '3',
+  addressBookIds: {},
+};
+
+describe('ContactListItem', () => {
+  it('renders contact name and email', () => {
+    render(<ContactListItem contact={contact} isSelected={false} onClick={vi.fn()} />);
+    expect(screen.getByText('Alice Smith')).toBeInTheDocument();
+    expect(screen.getByText('alice@example.com')).toBeInTheDocument();
+  });
+
+  it('renders organization', () => {
+    render(<ContactListItem contact={contact} isSelected={false} onClick={vi.fn()} />);
+    expect(screen.getByText('Acme Corp')).toBeInTheDocument();
+  });
+
+  it('applies selected styling', () => {
+    const { container } = render(<ContactListItem contact={contact} isSelected={true} onClick={vi.fn()} />);
+    const button = container.querySelector('button');
+    expect(button?.className).toContain('bg-accent');
+  });
+
+  it('shows email as display name when no name exists', () => {
+    render(<ContactListItem contact={noNameContact} isSelected={false} onClick={vi.fn()} />);
+    const matches = screen.getAllByText('nobody@example.com');
+    expect(matches.length).toBeGreaterThanOrEqual(1);
+  });
+
+  it('calls onClick when clicked', () => {
+    const onClick = vi.fn();
+    render(<ContactListItem contact={contact} isSelected={false} onClick={onClick} />);
+    fireEvent.click(screen.getByText('Alice Smith'));
+    expect(onClick).toHaveBeenCalledOnce();
+  });
+});