refine Semi UI mobile monitor

This commit is contained in:
lingniu
2026-07-18 14:59:55 +08:00
parent fe056019eb
commit 50b5107bc2
3 changed files with 129 additions and 32 deletions

View File

@@ -396,10 +396,23 @@ test('mounts only the mobile list representation and removes its viewport listen
const queryClient = new QueryClient({ defaultOptions: { queries: { retry: false } } });
const view = render(<QueryClientProvider client={queryClient}><MemoryRouter future={ROUTER_FUTURE}><MonitorPage /></MemoryRouter></QueryClientProvider>);
const filterFields = view.container.querySelector('#monitor-filter-fields');
expect(filterFields).toHaveClass('is-mobile-collapsed');
const expandFilters = screen.getByRole('button', { name: '展开车辆筛选,当前 0 个条件' });
expect(expandFilters).toHaveAttribute('aria-expanded', 'false');
fireEvent.click(expandFilters);
expect(filterFields).not.toHaveClass('is-mobile-collapsed');
const collapseFilters = screen.getByRole('button', { name: '收起车辆筛选,当前 0 个条件' });
expect(collapseFilters).toHaveAttribute('aria-expanded', 'true');
fireEvent.click(collapseFilters);
expect(filterFields).toHaveClass('is-mobile-collapsed');
fireEvent.click(screen.getByRole('tab', { name: /列表/ }));
expect(await screen.findByText('车辆实时列表')).toBeInTheDocument();
await waitFor(() => expect(view.container.querySelectorAll('.v2-monitor-mobile-cards .v2-monitor-mobile-card.semi-card')).toHaveLength(1));
expect(view.container.querySelector('.v2-monitor-table-scroll')).not.toBeInTheDocument();
expect(screen.getByRole('button', { name: '在地图中定位粤A12345' })).toHaveTextContent('地图');
expect(view.container.querySelector('.v2-monitor-mobile-card footer')).not.toBeInTheDocument();
expect(addEventListener).toHaveBeenCalledWith('change', expect.any(Function));
view.unmount();