82 lines
2.6 KiB
TypeScript
82 lines
2.6 KiB
TypeScript
/** @vitest-environment jsdom */
|
|
|
|
import { cleanup, render, screen } from '@testing-library/react';
|
|
import type { ReactNode } from 'react';
|
|
import { afterEach, describe, expect, it, vi } from 'vitest';
|
|
|
|
const mockState = vi.hoisted(() => ({
|
|
getPending: vi.fn(),
|
|
readLogs: vi.fn(),
|
|
}));
|
|
|
|
vi.mock('../src/services/errorReporting', () => ({
|
|
ackClientErrorEventsWithRetry: vi.fn(),
|
|
getPendingClientErrorEvents: mockState.getPending,
|
|
getStableErrorReportSubmissionId: vi.fn(),
|
|
readApplicationDiagnosticLogs: mockState.readLogs,
|
|
submitErrorReportBatch: vi.fn(),
|
|
}));
|
|
|
|
vi.mock('../src/components/modal/ThemedModal', () => ({
|
|
ThemedModal: ({ open, children }: { open: boolean; children: ReactNode }) =>
|
|
open ? <div role="dialog">{children}</div> : null,
|
|
}));
|
|
|
|
import { ErrorReportDialog } from '../src/components/error-report/ErrorReportDialog';
|
|
|
|
const event = {
|
|
eventId: 'rust-error-1',
|
|
fingerprint: 'fingerprint-1',
|
|
source: 'test',
|
|
message: '打开面板时读取的错误',
|
|
occurredAt: '1',
|
|
count: 1,
|
|
};
|
|
|
|
describe('ErrorReportDialog', () => {
|
|
afterEach(() => {
|
|
cleanup();
|
|
mockState.getPending.mockReset();
|
|
mockState.readLogs.mockReset();
|
|
});
|
|
|
|
it('只在面板打开时读取最新错误快照', async () => {
|
|
mockState.getPending.mockResolvedValue([event]);
|
|
mockState.readLogs.mockResolvedValue([]);
|
|
|
|
const view = render(<ErrorReportDialog open={false} onClose={vi.fn()} />);
|
|
expect(mockState.getPending).not.toHaveBeenCalled();
|
|
|
|
view.rerender(<ErrorReportDialog open onClose={vi.fn()} />);
|
|
|
|
expect(await screen.findByText(event.message)).toBeTruthy();
|
|
expect(mockState.getPending).toHaveBeenCalledTimes(1);
|
|
});
|
|
|
|
it('读取错误事件失败时显示不可用状态而不是空列表', async () => {
|
|
mockState.getPending.mockRejectedValue(new Error('读取失败'));
|
|
mockState.readLogs.mockResolvedValue([]);
|
|
|
|
render(<ErrorReportDialog open onClose={vi.fn()} />);
|
|
|
|
expect(
|
|
await screen.findByText('错误事件暂不可用，请关闭后重试。'),
|
|
).toBeTruthy();
|
|
expect(screen.queryByText('当前没有待报告的错误。')).toBeNull();
|
|
});
|
|
|
|
it('最新快照读取失败时使用打开通知时的事件快照', async () => {
|
|
mockState.getPending.mockRejectedValue(new Error('瞬时读取失败'));
|
|
mockState.readLogs.mockResolvedValue([]);
|
|
|
|
render(
|
|
<ErrorReportDialog open fallbackEvents={[event]} onClose={vi.fn()} />,
|
|
);
|
|
|
|
expect(await screen.findByText(event.message)).toBeTruthy();
|
|
expect(
|
|
screen.getByText('最新错误读取失败，已使用打开通知时的快照'),
|
|
).toBeTruthy();
|
|
});
|
|
});
|