kdletters
99 lines
3.1 KiB
TypeScript
99 lines
3.1 KiB
TypeScript
// @vitest-environment jsdom
|
||
import { cleanup, render } from '@testing-library/react';
|
||
import { act } from 'react';
|
||
import { afterEach, expect, test, vi } from 'vitest';
|
||
|
||
import { DirectProjectConversation } from '../src/view/project-development/chat/components/DirectProjectConversation/DirectProjectConversation';
|
||
|
||
afterEach(() => {
|
||
cleanup();
|
||
});
|
||
|
||
const STARTED_AT = 1_800_000_000_000;
|
||
|
||
/**
|
||
* 读秒粒度：走对话侧唯一的 `useLiveNow`（`LIVE_TIMER_TICK_MS = 100`）。
|
||
*
|
||
* 状态条的耗时文案不足一分钟保留一位小数，刷新就必须是 100ms——按 1 秒一跳时，用户看到的
|
||
* 是一块「带小数却一格一格跳」的表，像卡住不动。这里用假时钟钉住粒度：把时钟改回 1000ms
|
||
* 时第二步即红。
|
||
*/
|
||
test('运行中状态条的读秒按 100ms 刷新：不足一分钟的耗时以 0.1 秒递增', () => {
|
||
vi.useFakeTimers();
|
||
try {
|
||
vi.setSystemTime(STARTED_AT);
|
||
const view = render(
|
||
<DirectProjectConversation
|
||
conversationKey="direct-process-status"
|
||
turns={[]}
|
||
historyHasMore={false}
|
||
historyLoading={false}
|
||
historyError={null}
|
||
turnInFlight
|
||
activeTurnStartedAt={STARTED_AT}
|
||
onLoadEarlierHistory={() => undefined}
|
||
onRetryEarlierHistory={() => undefined}
|
||
/>,
|
||
);
|
||
const elapsed = () => view.getByText(/^已耗时 /u).textContent;
|
||
expect(elapsed()).toBe('已耗时 0.0秒');
|
||
|
||
act(() => {
|
||
vi.advanceTimersByTime(100);
|
||
});
|
||
expect(elapsed()).toBe('已耗时 0.1秒');
|
||
|
||
// 1 秒一跳的实现会停在上面的 0.1 秒：再走 400ms 必须继续往上加。
|
||
act(() => {
|
||
vi.advanceTimersByTime(400);
|
||
});
|
||
expect(elapsed()).toBe('已耗时 0.5秒');
|
||
} finally {
|
||
vi.useRealTimers();
|
||
}
|
||
});
|
||
|
||
/** 回合不在跑时不订阅时钟：否则空转的 tick 会持续重建状态条所在的那块视图。 */
|
||
test('没有运行中的回合时不订阅时钟', () => {
|
||
vi.useFakeTimers();
|
||
const spy = vi.spyOn(globalThis, 'setInterval');
|
||
try {
|
||
render(
|
||
<DirectProjectConversation
|
||
conversationKey="direct-process-status"
|
||
turns={[]}
|
||
historyHasMore={false}
|
||
historyLoading={false}
|
||
historyError={null}
|
||
turnInFlight={false}
|
||
activeTurnStartedAt={0}
|
||
onLoadEarlierHistory={() => undefined}
|
||
onRetryEarlierHistory={() => undefined}
|
||
/>,
|
||
);
|
||
expect(spy).not.toHaveBeenCalled();
|
||
} finally {
|
||
spy.mockRestore();
|
||
vi.useRealTimers();
|
||
}
|
||
});
|
||
|
||
test('宿主阶段进度会显示在运行中过程卡，而不是只显示通用忙态', () => {
|
||
const view = render(
|
||
<DirectProjectConversation
|
||
conversationKey="direct-process-progress"
|
||
turns={[]}
|
||
historyHasMore={false}
|
||
historyLoading={false}
|
||
historyError={null}
|
||
turnInFlight
|
||
activeProgress="正在验证游戏"
|
||
activeTurnStartedAt={0}
|
||
onLoadEarlierHistory={() => undefined}
|
||
onRetryEarlierHistory={() => undefined}
|
||
/>,
|
||
);
|
||
expect(view.getByText('正在验证游戏')).toBeTruthy();
|
||
expect(view.queryByText('陶泥儿正在处理')).toBeNull();
|
||
});
|