refine Semi UI mobile monitor
This commit is contained in:
@@ -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();
|
||||
|
||||
Reference in New Issue
Block a user