Linus Rath
7a191cf78b
- Remove unused imports (Mail, CalendarIcon, Plus, Circle, cn, Link, MessageCircle, User, Tag, FolderUp, useEffect, LogOut, GripVertical, Check, X, HoverActionsMode, HoverActionsCorner, asn1js, Convert, etc.) - Prefix unused variables/params with underscore to satisfy no-unused-vars - Add missing React hook dependencies (exhaustive-deps) - Wrap handleNavigateUp in useCallback and selectedGroupMembers in useMemo - Remove unused eslint-disable directives in jmap/client.ts - Replace as any with typed casts in filter-store and smime-store tests - Remove dead code (macOk assignment, unused now variable)
84 lines
2.7 KiB
TypeScript
84 lines
2.7 KiB
TypeScript
import { render, screen } from '@testing-library/react';
|
|
import { describe, it, expect, vi } from 'vitest';
|
|
import { ContactList } from '../contact-list';
|
|
import type { ContactCard } from '@/lib/jmap/types';
|
|
|
|
function makeContact(overrides: Partial<ContactCard> & { id: string }): ContactCard {
|
|
return {
|
|
addressBookIds: {},
|
|
...overrides,
|
|
};
|
|
}
|
|
|
|
const alice = makeContact({
|
|
id: '1',
|
|
name: { components: [{ kind: 'given', value: 'Alice' }, { kind: 'surname', value: 'Smith' }], isOrdered: true },
|
|
emails: { e0: { address: 'alice@example.com' } },
|
|
});
|
|
|
|
const bob = makeContact({
|
|
id: '2',
|
|
name: { components: [{ kind: 'given', value: 'Bob' }, { kind: 'surname', value: 'Jones' }], isOrdered: true },
|
|
emails: { e0: { address: 'bob@example.com' } },
|
|
});
|
|
|
|
const _group = makeContact({
|
|
id: '3',
|
|
kind: 'group',
|
|
name: { components: [{ kind: 'given', value: 'Team' }], isOrdered: true },
|
|
members: { '1': true },
|
|
});
|
|
|
|
const defaultProps = {
|
|
contacts: [alice, bob],
|
|
selectedContactId: null,
|
|
searchQuery: '',
|
|
onSearchChange: vi.fn(),
|
|
onSelectContact: vi.fn(),
|
|
onCreateNew: vi.fn(),
|
|
categoryLabel: 'All Contacts',
|
|
selectedContactIds: new Set<string>(),
|
|
onToggleSelection: vi.fn(),
|
|
onSelectRangeContacts: vi.fn(),
|
|
onSelectAll: vi.fn(),
|
|
onClearSelection: vi.fn(),
|
|
onBulkDelete: vi.fn(),
|
|
onBulkAddToGroup: vi.fn(),
|
|
onBulkExport: vi.fn(),
|
|
};
|
|
|
|
describe('ContactList', () => {
|
|
it('renders contact names', () => {
|
|
render(<ContactList {...defaultProps} />);
|
|
expect(screen.getByText('Alice Smith')).toBeInTheDocument();
|
|
expect(screen.getByText('Bob Jones')).toBeInTheDocument();
|
|
});
|
|
|
|
it('filters contacts by search query', () => {
|
|
render(<ContactList {...defaultProps} searchQuery="alice" />);
|
|
expect(screen.getByText('Alice Smith')).toBeInTheDocument();
|
|
expect(screen.queryByText('Bob Jones')).not.toBeInTheDocument();
|
|
});
|
|
|
|
it('shows empty state when no contacts match', () => {
|
|
render(<ContactList {...defaultProps} contacts={[]} />);
|
|
expect(screen.getByText('empty_state_title')).toBeInTheDocument();
|
|
});
|
|
|
|
it('shows search empty state when search has no results', () => {
|
|
render(<ContactList {...defaultProps} searchQuery="zzz" />);
|
|
expect(screen.getByText('empty_search')).toBeInTheDocument();
|
|
});
|
|
|
|
it('shows bulk action bar when contacts are selected', () => {
|
|
render(<ContactList {...defaultProps} selectedContactIds={new Set(['1'])} />);
|
|
expect(screen.getByText('bulk.delete')).toBeInTheDocument();
|
|
expect(screen.getByText('bulk.export')).toBeInTheDocument();
|
|
});
|
|
|
|
it('shows category label with count', () => {
|
|
render(<ContactList {...defaultProps} />);
|
|
expect(screen.getByText('All Contacts (2)')).toBeInTheDocument();
|
|
});
|
|
});
|