feat(platform): make vehicle action recommendations filterable

2026-07-04 09:10:54 +08:00
parent a68672fe16
commit c4ff0079cf
2 changed files with 99 additions and 6 deletions
--- a/vehicle-data-platform/apps/web/src/test/App.test.tsx
+++ b/vehicle-data-platform/apps/web/src/test/App.test.tsx
@@ -588,6 +588,86 @@ test('shows vehicle service result summary on vehicle list filters', async () =>
  expect(screen.getByText('补齐 YUTONG_MQTT 来源')).toBeInTheDocument();
 });

+test('filters vehicle list from recommended action', async () => {
+  window.history.replaceState(null, '', '/#/vehicles');
+  const fetchMock = vi.spyOn(globalThis, 'fetch').mockImplementation(async (input) => {
+    const path = String(input);
+    if (path.includes('/api/ops/health')) {
+      return {
+        ok: true,
+        json: async () => ({
+          data: { linkHealth: [], kafkaLag: 0, activeConnections: 0, capacityFindings: [], redisOnlineKeys: 0, tdengineWritable: true, mysqlWritable: true, runtime: { requestTimeoutMs: 5000 } },
+          traceId: 'trace-test',
+          timestamp: 1783094400000
+        })
+      } as Response;
+    }
+    if (path.includes('/api/vehicles/coverage/summary')) {
+      return {
+        ok: true,
+        json: async () => ({
+          data: {
+            totalVehicles: 181,
+            onlineVehicles: 73,
+            singleSourceVehicles: 0,
+            multiSourceVehicles: 181,
+            noDataVehicles: 0,
+            unboundVehicles: 0,
+            missingSources: [{ protocol: 'YUTONG_MQTT', count: 181 }]
+          },
+          traceId: 'trace-test',
+          timestamp: 1783094400000
+        })
+      } as Response;
+    }
+    if (path.includes('/api/vehicles/coverage')) {
+      return {
+        ok: true,
+        json: async () => ({
+          data: {
+            items: [{
+              vin: 'VIN-MISSING-MQTT',
+              plate: '粤A服务2',
+              phone: '13307795425',
+              oem: 'G7s',
+              protocols: ['GB32960', 'JT808'],
+              missingProtocols: ['YUTONG_MQTT'],
+              sourceStatus: [],
+              sourceCount: 2,
+              onlineSourceCount: 2,
+              online: true,
+              lastSeen: '2026-07-03 20:12:10',
+              bindingStatus: 'bound'
+            }],
+            total: 181,
+            limit: 20,
+            offset: 0
+          },
+          traceId: 'trace-test',
+          timestamp: 1783094400000
+        })
+      } as Response;
+    }
+    return {
+      ok: true,
+      json: async () => ({
+        data: { items: [], total: 0, limit: 10, offset: 0 },
+        traceId: 'trace-test',
+        timestamp: 1783094400000
+      })
+    } as Response;
+  });
+
+  render(<App />);
+
+  fireEvent.click(await screen.findByRole('button', { name: '补齐 YUTONG_MQTT 来源' }));
+
+  await waitFor(() => {
+    expect(fetchMock).toHaveBeenCalledWith(expect.stringContaining('/api/vehicles/coverage?limit=20&offset=0&missingProtocol=YUTONG_MQTT'), undefined);
+  });
+  expect(window.location.hash).toBe('#/vehicles?missingProtocol=YUTONG_MQTT');
+});
+
 test('shows and clears current vehicle service filters', async () => {
  window.history.replaceState(null, '', '/#/vehicles?keyword=%E7%B2%A4A&protocol=JT808&coverage=multi&missingProtocol=YUTONG_MQTT&serviceStatus=degraded&online=online&bindingStatus=bound');
  const fetchMock = vi.spyOn(globalThis, 'fetch').mockImplementation(async (input) => {