feat(web): refine Semi UI access workspace
This commit is contained in:
@@ -50,7 +50,7 @@ test('removes old access rows immediately when the vehicle filter scope changes'
|
||||
const view = render(<QueryClientProvider client={client}><MemoryRouter future={ROUTER_FUTURE} initialEntries={['/access?keyword=OLDVIN']}><AccessPage /></MemoryRouter></QueryClientProvider>);
|
||||
|
||||
expect(await screen.findByText('旧接入车牌')).toBeInTheDocument();
|
||||
expect(screen.getByRole('heading', { name: '真实来源与接入健康', level: 5 })).toBeInTheDocument();
|
||||
expect(screen.getByRole('heading', { name: '接入健康工作台', level: 5 })).toBeInTheDocument();
|
||||
expect(screen.getByLabelText('接入管理操作')).toHaveClass('v2-workspace-command-bar', 'v2-access-command-bar');
|
||||
expect(view.container.querySelector('.v2-access-discovery-shell')).toBeInTheDocument();
|
||||
for (const className of ['v2-access-filter-card-v3', 'v2-access-table-v3']) {
|
||||
@@ -67,7 +67,10 @@ test('removes old access rows immediately when the vehicle filter scope changes'
|
||||
expect(protocolCoverage).toHaveTextContent('32960');
|
||||
expect(protocolCoverage).toHaveTextContent('808');
|
||||
expect(protocolCoverage).toHaveTextContent('宇通');
|
||||
expect(screen.getByRole('columnheader', { name: '差异摘要' })).toBeInTheDocument();
|
||||
expect(screen.getByRole('heading', { name: '接入差异清单', level: 5 })).toBeInTheDocument();
|
||||
expect(screen.getByText('当前范围:全部主车辆 · 缺席协议仅表示当前未发现')).toBeInTheDocument();
|
||||
const differenceHeader = screen.getByRole('columnheader', { name: '差异结论' });
|
||||
expect(differenceHeader).toHaveClass('semi-table-cell-fixed-left', 'v2-access-difference-column');
|
||||
expect(screen.queryByRole('columnheader', { name: '真实来源' })).not.toBeInTheDocument();
|
||||
expect(screen.getByText('已接来源状态正常')).toBeInTheDocument();
|
||||
const filterActions = view.container.querySelector<HTMLElement>('.v2-access-filter-actions');
|
||||
@@ -90,7 +93,8 @@ test('removes old access rows immediately when the vehicle filter scope changes'
|
||||
fireEvent.keyDown(desktopAccessScroll!, { key: 'ArrowLeft' });
|
||||
expect(scrollBy).toHaveBeenCalledWith({ left: -260, behavior: 'smooth' });
|
||||
expect(screen.getByRole('columnheader', { name: '车辆' })).toHaveClass('semi-table-cell-fixed-left', 'v2-access-vehicle-column');
|
||||
expect(screen.getByRole('columnheader', { name: '品牌 / 车型' })).toHaveClass('semi-table-cell-fixed-left', 'v2-access-model-column');
|
||||
expect(screen.getByRole('columnheader', { name: '品牌 / 车型' })).toHaveClass('v2-access-model-column');
|
||||
expect(screen.getByRole('columnheader', { name: '品牌 / 车型' })).not.toHaveClass('semi-table-cell-fixed-left');
|
||||
const protocolHeaders = [
|
||||
{ label: 'GB/T 32960', description: '国标远程服务' },
|
||||
{ label: 'JT/T 808', description: '道路运输终端' },
|
||||
@@ -102,6 +106,7 @@ test('removes old access rows immediately when the vehicle filter scope changes'
|
||||
expect(within(header).getByText(protocol.description)).toBeInTheDocument();
|
||||
}
|
||||
const desktopRow = screen.getByTestId('access-row-OLDVIN');
|
||||
expect(desktopRow).toHaveClass('is-state-healthy');
|
||||
expect(desktopRow).toHaveAttribute('role', 'button');
|
||||
expect(desktopRow).toHaveAttribute('aria-expanded', 'false');
|
||||
fireEvent.keyDown(desktopRow, { key: 'Enter' });
|
||||
|
||||
Reference in New Issue
Block a user