Matthieu MALVACHEandMatthieu MALVACHE
fb414bf2c9
- 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
37 lines
1.2 KiB
TypeScript
37 lines
1.2 KiB
TypeScript
import { render, screen, fireEvent } from '@testing-library/react';
|
|
import { describe, it, expect, vi } from 'vitest';
|
|
import { Button } from '../button';
|
|
|
|
describe('Button', () => {
|
|
it('renders with children text', () => {
|
|
render(<Button>Click me</Button>);
|
|
expect(screen.getByText('Click me')).toBeInTheDocument();
|
|
});
|
|
|
|
it('handles click events', () => {
|
|
const onClick = vi.fn();
|
|
render(<Button onClick={onClick}>Click</Button>);
|
|
fireEvent.click(screen.getByText('Click'));
|
|
expect(onClick).toHaveBeenCalledOnce();
|
|
});
|
|
|
|
it('applies disabled state', () => {
|
|
render(<Button disabled>Disabled</Button>);
|
|
expect(screen.getByText('Disabled')).toBeDisabled();
|
|
});
|
|
|
|
it('renders different variants without errors', () => {
|
|
const { rerender } = render(<Button variant="default">Default</Button>);
|
|
expect(screen.getByText('Default')).toBeInTheDocument();
|
|
|
|
rerender(<Button variant="ghost">Ghost</Button>);
|
|
expect(screen.getByText('Ghost')).toBeInTheDocument();
|
|
|
|
rerender(<Button variant="outline">Outline</Button>);
|
|
expect(screen.getByText('Outline')).toBeInTheDocument();
|
|
|
|
rerender(<Button variant="destructive">Destructive</Button>);
|
|
expect(screen.getByText('Destructive')).toBeInTheDocument();
|
|
});
|
|
});
|