57 lines
1.6 KiB
TypeScript
57 lines
1.6 KiB
TypeScript
import { render, screen } from '@testing-library/react';
|
|
import userEvent from '@testing-library/user-event';
|
|
import { describe, it, expect, vi } from 'vitest';
|
|
import CompareActionBar from '../CompareActionBar';
|
|
|
|
describe('CompareActionBar', () => {
|
|
it('不可比较时按钮禁用', () => {
|
|
render(
|
|
<CompareActionBar
|
|
canCompare={false}
|
|
onCompare={() => {}}
|
|
hasCompared={false}
|
|
total={0}
|
|
currentIndex={0}
|
|
onPrev={() => {}}
|
|
onNext={() => {}}
|
|
/>,
|
|
);
|
|
expect(screen.getByRole('button', { name: /Compare A & B/i })).toBeDisabled();
|
|
});
|
|
|
|
it('可比较时点击触发 onCompare', async () => {
|
|
const user = userEvent.setup();
|
|
const onCompare = vi.fn();
|
|
render(
|
|
<CompareActionBar
|
|
canCompare={true}
|
|
onCompare={onCompare}
|
|
hasCompared={false}
|
|
total={0}
|
|
currentIndex={0}
|
|
onPrev={() => {}}
|
|
onNext={() => {}}
|
|
/>,
|
|
);
|
|
await user.click(screen.getByRole('button', { name: /Compare A & B/i }));
|
|
expect(onCompare).toHaveBeenCalled();
|
|
});
|
|
|
|
it('已比较后展示 DiffNavigator（上一处/下一处）', () => {
|
|
render(
|
|
<CompareActionBar
|
|
canCompare={true}
|
|
onCompare={() => {}}
|
|
hasCompared={true}
|
|
total={3}
|
|
currentIndex={1}
|
|
onPrev={() => {}}
|
|
onNext={() => {}}
|
|
/>,
|
|
);
|
|
expect(screen.getByLabelText('上一个')).toBeInTheDocument();
|
|
expect(screen.getByLabelText('下一个')).toBeInTheDocument();
|
|
expect(screen.queryByText('无差异')).not.toBeInTheDocument();
|
|
});
|
|
});
|