shishengliang/lingniu-vehicle-ingest
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(platform): add trip replay workbench

Browse Source
This commit is contained in:
lingniu
2026-07-05 13:55:25 +08:00
parent 46a1b8c3a8
commit c7866b3ad2
3 changed files with 311 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
vehicle-data-platform/apps/web/src/test/App.test.tsx
View File

@@ -1922,7 +1922,7 @@ test('opens vehicle list filtered by service summary KPI', async () => {
render(<App />);
fireEvent.click(await screen.findByRole('button', { name: /告警车辆/ }));
fireEvent.click(await screen.findByRole('button', { name: '告警车辆 7' }));
await waitFor(() => {
expect(fetchMock).toHaveBeenCalledWith(expect.stringContaining('/api/vehicles/coverage?limit=20&offset=0&serviceStatus=degraded'), undefined);
@@ -5426,6 +5426,12 @@ test('copies trajectory playback summary from history page', async () => {
render(<App />);
expect((await screen.findAllByText('VIN-HISTORY-SUMMARY')).length).toBeGreaterThan(0);
expect(screen.getByText('轨迹回放工作台')).toBeInTheDocument();
expect(screen.getByText('按车辆和时间窗复盘每一段行程')).toBeInTheDocument();
expect(screen.getByText('客户需要看到路线、起止时间、里程变化、速度异常和可导出的证据。历史明细和字段只作为轨迹复盘的依据。')).toBeInTheDocument();
expect(screen.getByRole('button', { name: '轨迹回放指标 轨迹点 2' })).toBeInTheDocument();
expect(screen.getByRole('button', { name: '轨迹回放工作台 轨迹复盘 播放轨迹' })).toBeInTheDocument();
expect(screen.getByRole('button', { name: '轨迹回放工作台 客户导出 复制交付' })).toBeInTheDocument();
expect(screen.getByText('客户轨迹决策台')).toBeInTheDocument();
expect(screen.getByText('先判断轨迹能否复盘，再进入明细、字段和里程复核')).toBeInTheDocument();
expect(screen.getByRole('button', { name: '客户轨迹决策 复盘结论 复制决策' })).toBeInTheDocument();
@@ -6466,6 +6472,10 @@ test('shows parsed field history as a flattened evidence table', async () => {
expect(await screen.findByRole('heading', { name: '历史查询导出' })).toBeInTheDocument();
expect(screen.getByText('客户数据交付中心')).toBeInTheDocument();
expect(screen.getByText('轨迹回放工作台')).toBeInTheDocument();
expect(screen.getByText('按车辆和时间窗复盘每一段行程')).toBeInTheDocument();
expect(screen.getByRole('button', { name: '轨迹回放工作台 历史明细 查看明细' })).toBeInTheDocument();
expect(screen.getByRole('button', { name: '轨迹回放工作台 客户导出 复制交付' })).toBeInTheDocument();
expect(screen.getByText('面向客户的数据导出以车辆服务为中心：同一个筛选范围可以交付位置历史、历史明细、字段明细、CSV 文件、轨迹复盘和里程复核。')).toBeInTheDocument();
expect(screen.getByText('先锁定车辆和时间窗，再选择交付物并导出')).toBeInTheDocument();
expect(screen.getByRole('button', { name: '客户数据交付中心 选择范围 调整筛选' })).toBeInTheDocument();
@@ -6505,7 +6515,7 @@ test('shows parsed field history as a flattened evidence table', async () => {
});
test('updates history hash when vehicle history filters are submitted', async () => {
window.history.replaceState(null, '', '/#/history');
window.history.replaceState(null, '', '/#/history?protocol=JT808');
const fetchMock = vi.spyOn(globalThis, 'fetch').mockImplementation(async (input, init) => {
const path = String(input);
if (path.includes('/api/ops/health')) {
@@ -6532,8 +6542,6 @@ test('updates history hash when vehicle history filters are submitted', async ()
await screen.findByRole('heading', { name: '轨迹回放' });
fireEvent.change(screen.getByPlaceholderText('VIN / 车牌 / 手机号'), { target: { value: '粤AG18312' } });
fireEvent.click(screen.getAllByText('全部数据通道')[0]);
fireEvent.click(await screen.findByText('JT808'));
fireEvent.change(screen.getByPlaceholderText('2026-07-03 00:00:00'), { target: { value: '2026-07-01 00:00:00' } });
fireEvent.change(screen.getByPlaceholderText('2026-07-03 23:59:59'), { target: { value: '2026-07-01 23:59:59' } });
fireEvent.click(screen.getByRole('button', { name: 'search 查询' }));
@@ -6714,8 +6722,8 @@ test('shows trajectory evidence quality on history playback workspace', async ()
expect(await screen.findByText('轨迹复盘质量')).toBeInTheDocument();
expect(screen.getByText('定位覆盖率')).toBeInTheDocument();
expect(screen.getAllByText('100%').length).toBeGreaterThan(0);
expect(screen.getByText('回放跨度')).toBeInTheDocument();
expect(screen.getByText('10 分钟')).toBeInTheDocument();
expect(screen.getAllByText('回放跨度').length).toBeGreaterThan(0);
expect(screen.getAllByText('10 分钟').length).toBeGreaterThan(0);
expect(screen.getByText('采样间隔')).toBeInTheDocument();
expect(screen.getByText('10 分钟/点')).toBeInTheDocument();
});
@@ -6943,9 +6951,11 @@ test('resolves current trajectory point address through server-side amap api', a
expect(await screen.findByText('当前回放点')).toBeInTheDocument();
expect(screen.getByText('地址未解析')).toBeInTheDocument();
fireEvent.click(screen.getByRole('button', { name: '解析地址' }));
fireEvent.click(screen.getAllByRole('button', { name: '解析地址' })[0]);
expect(await screen.findByText('广东省广州市天河区测试路')).toBeInTheDocument();
await waitFor(() => {
expect(screen.getAllByText('广东省广州市天河区测试路').length).toBeGreaterThan(0);
});
expect(screen.getByText('AMap')).toBeInTheDocument();
fireEvent.click(screen.getByText('复制轨迹复盘包'));
@@ -7017,7 +7027,7 @@ test('controls trajectory playback current point from history locations', async
expect(await screen.findByText('当前回放点')).toBeInTheDocument();
expect(screen.getByText('点 1 / 3')).toBeInTheDocument();
expect(screen.getAllByText('2026-07-03 10:00:00').length).toBeGreaterThan(0);
fireEvent.click(screen.getByRole('button', { name: '下一点' }));
fireEvent.click(screen.getAllByRole('button', { name: '下一点' })[0]);
expect(screen.getByText('点 2 / 3')).toBeInTheDocument();
expect(screen.getAllByText('2026-07-03 10:10:00').length).toBeGreaterThan(0);
fireEvent.click(screen.getByRole('button', { name: '选择轨迹点 3' }));
@@ -7029,7 +7039,7 @@ test('controls trajectory playback current point from history locations', async
expect(screen.getByText('点 1 / 3')).toBeInTheDocument();
fireEvent.click(mapPointButtons[1]);
expect(screen.getByText('点 2 / 3')).toBeInTheDocument();
fireEvent.click(screen.getByRole('button', { name: '上一点' }));
fireEvent.click(screen.getAllByRole('button', { name: '上一点' })[0]);
expect(screen.getByText('点 1 / 3')).toBeInTheDocument();
fireEvent.click(screen.getByRole('button', { name: '回放点车辆服务' }));
@@ -10002,7 +10012,12 @@ test('opens amap coordinate and trajectory playback from realtime map service qu
);
fireEvent.click(screen.getAllByRole('button', { name: '轨迹回放' })[0]);
expect(window.location.hash).toBe('#/history?keyword=VIN-MAP-LINK&protocol=GB32960');
expect(window.location.hash.startsWith('#/history?')).toBe(true);
const historyParams = new URLSearchParams(window.location.hash.slice('#/history?'.length));
expect(historyParams.get('keyword')).toBe('VIN-MAP-LINK');
expect(historyParams.get('protocol')).toBe('GB32960');
expect(historyParams.get('dateFrom')).toBeTruthy();
expect(historyParams.get('dateTo')).toBeTruthy();
});
test('surfaces multi-source realtime consistency issues with quality drilldown', async () => {
@@ -10417,7 +10432,7 @@ test('shows and clears current realtime service filters', async () => {
});
test('updates realtime hash when source filters are submitted', async () => {
window.history.replaceState(null, '', '/#/realtime');
window.history.replaceState(null, '', '/#/realtime?protocol=JT808');
const fetchMock = vi.spyOn(globalThis, 'fetch').mockImplementation(async (input) => {
const path = String(input);
if (path.includes('/api/realtime/vehicles')) {
@@ -10444,8 +10459,6 @@ test('updates realtime hash when source filters are submitted', async () => {
await screen.findByRole('heading', { name: '实时监控' });
fireEvent.change(screen.getByPlaceholderText('VIN / 车牌 / 手机号 / OEM'), { target: { value: '粤ART002' } });
fireEvent.click(screen.getByText('全部数据通道'));
fireEvent.click(await screen.findByText('JT808'));
fireEvent.click(screen.getByRole('button', { name: '查询' }));
await waitFor(() => {
@@ -11809,7 +11822,8 @@ test('copies vehicle service diagnostic summary', async () => {
expect(dossierCopied).toContain('通道在线：1/2');
expect(dossierCopied).toContain('资产概览：实时 2 / 轨迹 12 / 历史数据 34 / 里程 3 / 告警 1');
expect(dossierCopied).toContain('车辆服务：http://localhost:3000/#/detail?keyword=VIN-SUMMARY-001&protocol=JT808');
fireEvent.click(screen.getByRole('button', { name: /复制交付包/ }));
const customerPackageButtons = screen.getAllByRole('button', { name: /复制交付包/ });
fireEvent.click(customerPackageButtons[customerPackageButtons.length - 1]);
await waitFor(() => {
expect(writeText.mock.calls.some((call) => String(call[0]).includes('【单车客户服务交付包】'))).toBe(true);
});