fix: align Code return and sidebar collapse in the top row
This commit is contained in:
@@ -83,14 +83,32 @@ test.describe('Makelore module navigation without setup flow', () => {
|
||||
await expect(moduleReturn).toContainText('编程 Code');
|
||||
await expect(moduleReturn).toHaveAttribute('aria-label', '返回首页');
|
||||
await expect(sidebar.getByTestId('sidebar-module-return-icon')).toBeVisible();
|
||||
await expect(moduleReturn).toHaveCSS('padding-top', '8px');
|
||||
const brandBox = await sidebar.locator('.classroom-brand').boundingBox();
|
||||
const returnBox = await moduleReturn.boundingBox();
|
||||
const collapseBox = await sidebar.getByRole('button', { name: '折叠侧栏' }).boundingBox();
|
||||
const sidebarBox = await sidebar.boundingBox();
|
||||
expect(brandBox).not.toBeNull();
|
||||
expect(returnBox).not.toBeNull();
|
||||
expect(returnBox!.y).toBeGreaterThanOrEqual(brandBox!.y + brandBox!.height);
|
||||
expect(collapseBox).not.toBeNull();
|
||||
expect(returnBox!.y + returnBox!.height).toBeLessThanOrEqual(brandBox!.y);
|
||||
expect(Math.abs(returnBox!.y + returnBox!.height / 2 - collapseBox!.y - collapseBox!.height / 2)).toBeLessThan(1);
|
||||
expect(returnBox!.x + returnBox!.width).toBeLessThanOrEqual(collapseBox!.x);
|
||||
expect(sidebarBox!.x + sidebarBox!.width - collapseBox!.x - collapseBox!.width).toBeLessThanOrEqual(14);
|
||||
await expect(page.getByTestId('titlebar-sidebar-toggle')).toHaveCount(1);
|
||||
await page.screenshot({ path: test.info().outputPath('chat-code-return-entry.png') });
|
||||
|
||||
const sidebarResizer = sidebar.getByRole('separator', { name: '调整左侧功能栏宽度' });
|
||||
await sidebarResizer.press('Home');
|
||||
await expect(sidebarResizer).toHaveAttribute('aria-valuenow', '128');
|
||||
const narrowReturn = await moduleReturn.boundingBox();
|
||||
const narrowToggle = await sidebar.getByRole('button', { name: '折叠侧栏' }).boundingBox();
|
||||
expect(narrowReturn!.x + narrowReturn!.width).toBeLessThanOrEqual(narrowToggle!.x);
|
||||
await expect(moduleReturn).toBeVisible();
|
||||
await expect(sidebar.getByRole('button', { name: '折叠侧栏' })).toBeVisible();
|
||||
await page.screenshot({ path: test.info().outputPath('chat-narrow-navigation-row.png') });
|
||||
await sidebarResizer.dblclick();
|
||||
await expect(sidebarResizer).toHaveAttribute('aria-valuenow', '171');
|
||||
|
||||
await sidebar.getByRole('button', { name: '项目设置', exact: true }).click();
|
||||
await expect(page).toHaveURL(/\/project-config$/);
|
||||
await expect(page.getByTestId('project-configuration-page')).toBeVisible();
|
||||
|
||||
Reference in New Issue
Block a user