mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-02-25 02:13:00 +08:00
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:
@@ -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();
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user