fix(editor): should auto close dropdown menus on toolbar (#11522)

Closes: [BS-2524](https://linear.app/affine-design/issue/BS-2524/切换-block-后,刷新-toolbar-时,应该自动关闭已经打开的-dropdown)
This commit is contained in:
fundon
2025-04-09 01:29:44 +00:00
parent 984a6763ae
commit c57f41805f
4 changed files with 51 additions and 1 deletions

View File

@@ -319,3 +319,37 @@ test('should focus on input of popover on toolbar', async ({ page }) => {
const cornersValue = await cornersInput.inputValue();
expect(cornersValue).toBe('36');
});
test('Dropdown menus should be closed automatically when toolbar is displayed', async ({
page,
}) => {
await page.keyboard.press('Enter');
await page.keyboard.type('/frame');
await page.keyboard.press('Enter');
const toolbar = locateToolbar(page);
const surfaceRef = page.locator('affine-surface-ref');
await surfaceRef.hover();
await expect(toolbar).toBeVisible();
const moreMenuContainer = toolbar.getByLabel('More menu');
const moreMenuButton = moreMenuContainer.getByLabel('More');
const moreMenu = moreMenuContainer.getByRole('menu');
await expect(moreMenu).toBeHidden();
await moreMenuButton.click();
await expect(moreMenu).toBeVisible();
await page.mouse.move(0, 0);
await expect(toolbar).toBeHidden();
await surfaceRef.hover();
await expect(toolbar).toBeVisible();
await expect(moreMenu).toBeHidden();
});