SinachPat
69287ebec0
Mirror to GitHub / mirror (push) Canceled after 0s
- web: two-pane app chrome (chat panel + browser-framed preview) - ChatPanel, Preview, ApproveBar components + useChat (mock agent for now) - Fluent/Figma design system (Inter, dark chrome, elevation, motion) - 107 unit tests + Playwright e2e green; web typechecks + builds
30 lines
1.2 KiB
TypeScript
30 lines
1.2 KiB
TypeScript
import { describe, it, expect, vi } from 'vitest';
|
|
import { render, screen } from '@testing-library/react';
|
|
import userEvent from '@testing-library/user-event';
|
|
import { ApproveBar } from '../src/components/ApproveBar.tsx';
|
|
|
|
describe('ApproveBar', () => {
|
|
it('renders apply and reject buttons when visible', () => {
|
|
render(<ApproveBar visible onApprove={vi.fn()} onReject={vi.fn()} />);
|
|
expect(screen.getByRole('button', { name: /apply/i })).toBeInTheDocument();
|
|
expect(screen.getByRole('button', { name: /reject/i })).toBeInTheDocument();
|
|
});
|
|
|
|
it('calls onApprove and onReject', async () => {
|
|
const onApprove = vi.fn();
|
|
const onReject = vi.fn();
|
|
render(<ApproveBar visible onApprove={onApprove} onReject={onReject} />);
|
|
|
|
await userEvent.click(screen.getByRole('button', { name: /apply/i }));
|
|
expect(onApprove).toHaveBeenCalled();
|
|
|
|
await userEvent.click(screen.getByRole('button', { name: /reject/i }));
|
|
expect(onReject).toHaveBeenCalled();
|
|
});
|
|
|
|
it('renders nothing when not visible', () => {
|
|
const { container } = render(<ApproveBar visible={false} onApprove={vi.fn()} onReject={vi.fn()} />);
|
|
expect(container).toBeEmptyDOMElement();
|
|
});
|
|
});
|