fix(editor): should not show inner toolbar of surface-ref in edgeless (#11453)

Closes: [BS-3015](https://linear.app/affine-design/issue/BS-3015/toolbar-有时会出现空状态且被显示) [BS-3023](https://linear.app/affine-design/issue/BS-3023/surface-ref-inner-toolbar-的标题圆角)
This commit is contained in:
fundon
2025-04-03 11:13:09 +00:00
parent a9ba54a92e
commit 565d7b2b1e
7 changed files with 74 additions and 26 deletions
@@ -196,3 +196,39 @@ test('should not show toolbar when releasing spacebar and elements have been del
await expect(toolbar).toBeHidden();
});
test('should not show inner toolbar of surface-ref in note under edgeless', 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();
await clickEdgelessModeButton(page);
const note = page.locator('affine-edgeless-note');
await note.click();
await note.click();
const edgelessSurfaceRef = note.locator('affine-edgeless-surface-ref');
await edgelessSurfaceRef.hover();
await expect(toolbar).toBeHidden();
const dragHandler = page.locator('.affine-drag-handle-grabber');
await dragHandler.hover();
await dragHandler.click();
await expect(
edgelessSurfaceRef.locator('.affine-edgeless-surface-ref-container')
).toHaveClass(/focused$/);
await expect(toolbar).toBeHidden();
});