snapshot of https://github.com/toeverything/AFFiNE.git (canary, 2026-09-16; blobs > 131072B omitted)

tests/blocksuite/e2e/edgeless/group/clipboard.spec.ts

@@ -0,0 +1,143 @@
+import { expect } from '@playwright/test';
+
+import {
+  clickView,
+  copyByKeyboard,
+  createConnectorElement,
+  createNote,
+  createShapeElement,
+  decreaseZoomLevel,
+  edgelessCommonSetup as commonSetup,
+  edgelessCommonSetup,
+  getAllSortedIds,
+  getFirstContainerId,
+  moveView,
+  pasteByKeyboard,
+  pressEscape,
+  selectAllByKeyboard,
+  Shape,
+  triggerComponentToolbarAction,
+} from '../../utils/actions/index.js';
+import {
+  assertContainerChildCount,
+  assertContainerIds,
+} from '../../utils/asserts.js';
+import { test } from '../../utils/playwright.js';
+
+test.describe('clipboard', () => {
+  test('copy and paste group', async ({ page }) => {
+    await edgelessCommonSetup(page);
+    await createShapeElement(page, [0, 0], [100, 100], Shape.Square);
+    await createShapeElement(page, [100, 0], [200, 100], Shape.Square);
+    await selectAllByKeyboard(page);
+    await triggerComponentToolbarAction(page, 'addGroup');
+    const originGroupId = await getFirstContainerId(page);
+
+    await copyByKeyboard(page);
+    await pressEscape(page);
+    await clickView(page, [100, -50]);
+    await pasteByKeyboard(page, false);
+    const copyedGroupId = await getFirstContainerId(page, [originGroupId]);
+
+    await assertContainerIds(page, {
+      [originGroupId]: 2,
+      [copyedGroupId]: 2,
+      null: 2,
+    });
+    await assertContainerChildCount(page, originGroupId, 2);
+    await assertContainerChildCount(page, copyedGroupId, 2);
+  });
+
+  test('copy and paste group with connector', async ({ page }) => {
+    await edgelessCommonSetup(page);
+    await createShapeElement(page, [0, 0], [100, 100], Shape.Square);
+    await createShapeElement(page, [100, 0], [200, 100], Shape.Square);
+    await createConnectorElement(page, [100, 50], [200, 50]);
+    await selectAllByKeyboard(page);
+    await triggerComponentToolbarAction(page, 'addGroup');
+    const originGroupId = await getFirstContainerId(page);
+
+    await copyByKeyboard(page);
+    await pressEscape(page);
+    await clickView(page, [100, -50]);
+    await pasteByKeyboard(page, false);
+    const copyedGroupId = await getFirstContainerId(page, [originGroupId]);
+
+    await assertContainerIds(page, {
+      [originGroupId]: 3,
+      [copyedGroupId]: 3,
+      null: 2,
+    });
+    await assertContainerChildCount(page, originGroupId, 3);
+    await assertContainerChildCount(page, copyedGroupId, 3);
+  });
+});
+
+test.describe('group clipboard', () => {
+  test('copy and paste group with shape and note inside', async ({ page }) => {
+    await commonSetup(page);
+    await createShapeElement(page, [0, 0], [100, 100], Shape.Square);
+    await createNote(page, [100, -100]);
+    await pressEscape(page, 3);
+
+    await selectAllByKeyboard(page);
+    await triggerComponentToolbarAction(page, 'addGroup');
+    const originIds = await getAllSortedIds(page);
+    expect(originIds.length).toBe(3);
+
+    await copyByKeyboard(page);
+    await pressEscape(page);
+    await moveView(page, [250, 250]);
+    await pasteByKeyboard(page, true);
+    const sortedIds = await getAllSortedIds(page);
+    expect(sortedIds.length).toBe(6);
+  });
+
+  test('copy and paste group with group inside', async ({ page }) => {
+    await commonSetup(page);
+    await createShapeElement(page, [0, 0], [100, 100], Shape.Square);
+    await createShapeElement(page, [200, 0], [300, 100], Shape.Square);
+    await selectAllByKeyboard(page);
+    await triggerComponentToolbarAction(page, 'addGroup');
+    await pressEscape(page);
+
+    await createNote(page, [100, -200]);
+    await pressEscape(page, 3);
+    await selectAllByKeyboard(page);
+    await triggerComponentToolbarAction(page, 'createGroupOnMoreOption');
+
+    const originIds = await getAllSortedIds(page);
+    expect(originIds.length).toBe(5);
+
+    await copyByKeyboard(page);
+    await pressEscape(page);
+    await moveView(page, [250, 250]);
+    await pasteByKeyboard(page, true);
+    const sortedIds = await getAllSortedIds(page);
+    expect(sortedIds.length).toBe(10);
+  });
+
+  test('copy and paste group with frame inside', async ({ page }) => {
+    await commonSetup(page);
+    await createShapeElement(page, [0, 0], [100, 100], Shape.Square);
+    await createNote(page, [100, -100]);
+    await pressEscape(page, 3);
+    await selectAllByKeyboard(page);
+    await triggerComponentToolbarAction(page, 'addFrame');
+
+    await decreaseZoomLevel(page);
+    await createShapeElement(page, [700, 0], [800, 100], Shape.Square);
+    await selectAllByKeyboard(page);
+    await triggerComponentToolbarAction(page, 'addGroup');
+
+    const originIds = await getAllSortedIds(page);
+    expect(originIds.length).toBe(5);
+
+    await copyByKeyboard(page);
+    await pressEscape(page);
+    await moveView(page, [250, 250]);
+    await pasteByKeyboard(page, true);
+    const sortedIds = await getAllSortedIds(page);
+    expect(sortedIds.length).toBe(10);
+  });
+});

tests/blocksuite/e2e/edgeless/group/group-and-ungroup.spec.ts

@@ -0,0 +1,121 @@
+import type { Page } from '@playwright/test';
+
+import {
+  captureHistory,
+  clickView,
+  createShapeElement,
+  edgelessCommonSetup,
+  getFirstContainerId,
+  getIds,
+  redoByKeyboard,
+  selectAllByKeyboard,
+  Shape,
+  shiftClickView,
+  toIdCountMap,
+  triggerComponentToolbarAction,
+  undoByKeyboard,
+} from '../../utils/actions/index.js';
+import {
+  assertContainerChildCount,
+  assertContainerChildIds,
+  assertContainerIds,
+  assertSelectedBound,
+} from '../../utils/asserts.js';
+import { test } from '../../utils/playwright.js';
+
+let initShapes: string[] = [];
+async function init(page: Page) {
+  await edgelessCommonSetup(page);
+  await createShapeElement(page, [0, 0], [100, 100], Shape.Square);
+  await createShapeElement(page, [100, 0], [200, 100], Shape.Square);
+  initShapes = await getIds(page);
+}
+
+test.describe('group and ungroup in group', () => {
+  let outterGroupId: string;
+  let newAddedShape: string;
+
+  test.beforeEach(async ({ page }) => {
+    await init(page);
+    await createShapeElement(page, [200, 0], [300, 100], Shape.Square);
+    newAddedShape = (await getIds(page)).find(id => !initShapes.includes(id))!;
+    await selectAllByKeyboard(page);
+    await triggerComponentToolbarAction(page, 'addGroup');
+    outterGroupId = await getFirstContainerId(page);
+  });
+
+  test('group in group', async ({ page }) => {
+    await clickView(page, [50, 50]);
+    await shiftClickView(page, [150, 50]);
+    await captureHistory(page);
+    await triggerComponentToolbarAction(page, 'addGroup');
+    const groupId = await getFirstContainerId(page, [outterGroupId]);
+    await assertSelectedBound(page, [0, 0, 200, 100]);
+    await assertContainerIds(page, {
+      [groupId]: 2,
+      [outterGroupId]: 2,
+      null: 1,
+    });
+    await assertContainerChildCount(page, groupId, 2);
+    await assertContainerChildCount(page, outterGroupId, 2);
+
+    // undo the creation
+    await undoByKeyboard(page);
+    await assertContainerIds(page, {
+      [outterGroupId]: 3,
+      null: 1,
+    });
+    await assertContainerChildCount(page, outterGroupId, 3);
+
+    // redo the creation
+    await redoByKeyboard(page);
+    await assertContainerIds(page, {
+      [groupId]: 2,
+      [outterGroupId]: 2,
+      null: 1,
+    });
+    await assertContainerChildCount(page, groupId, 2);
+    await assertContainerChildCount(page, outterGroupId, 2);
+  });
+
+  test('ungroup in group', async ({ page }) => {
+    await clickView(page, [50, 50]);
+    await shiftClickView(page, [150, 50]);
+    await triggerComponentToolbarAction(page, 'addGroup');
+    await captureHistory(page);
+    const groupId = await getFirstContainerId(page, [outterGroupId]);
+    await triggerComponentToolbarAction(page, 'ungroup');
+    await assertContainerIds(page, { [outterGroupId]: 3, null: 1 });
+    await assertContainerChildIds(
+      page,
+      toIdCountMap(await getIds(page, true)),
+      outterGroupId
+    );
+
+    // undo, group should in group again
+    await undoByKeyboard(page);
+    await assertContainerIds(page, {
+      [outterGroupId]: 2,
+      [groupId]: 2,
+      null: 1,
+    });
+    await assertContainerChildIds(page, toIdCountMap(initShapes), groupId);
+    await assertContainerChildIds(
+      page,
+      {
+        [groupId]: 1,
+        [newAddedShape]: 1,
+      },
+      outterGroupId
+    );
+
+    // redo, group should be ungroup again
+    await redoByKeyboard(page);
+    await assertContainerIds(page, { [outterGroupId]: 3, null: 1 });
+    await assertContainerChildIds(
+      page,
+      toIdCountMap(await getIds(page, true)),
+      outterGroupId
+    );
+  });
+});

tests/blocksuite/e2e/edgeless/group/group.spec.ts

@@ -0,0 +1,262 @@
+import { expect, type Page } from '@playwright/test';
+
+import { clickView } from '../../utils/actions/click.js';
+import {
+  createShapeElement,
+  dragBetweenViewCoords,
+  edgelessCommonSetup,
+  getFirstContainerId,
+  locatorComponentToolbar,
+  Shape,
+  shiftClickView,
+  triggerComponentToolbarAction,
+} from '../../utils/actions/edgeless.js';
+import {
+  pressBackspace,
+  redoByKeyboard,
+  selectAllByKeyboard,
+  SHORT_KEY,
+  undoByKeyboard,
+} from '../../utils/actions/keyboard.js';
+import { captureHistory } from '../../utils/actions/misc.js';
+import {
+  assertCanvasElementsCount,
+  assertContainerChildCount,
+  assertContainerIds,
+  assertEdgelessNonSelectedRect,
+  assertSelectedBound,
+} from '../../utils/asserts.js';
+import { test } from '../../utils/playwright.js';
+
+export const GROUP_ROOT_ID = 'GROUP_ROOT';
+
+test.describe('group', () => {
+  async function init(page: Page) {
+    await edgelessCommonSetup(page);
+    await createShapeElement(page, [0, 0], [100, 100], Shape.Square);
+    await createShapeElement(page, [100, 0], [200, 100], Shape.Square);
+  }
+
+  test.describe('group create', () => {
+    test.beforeEach(async ({ page }) => {
+      await init(page);
+    });
+
+    test('create group button not show when single select', async ({
+      page,
+    }) => {
+      await clickView(page, [50, 50]);
+      const toolbar = locatorComponentToolbar(page);
+      await expect(toolbar).toBeVisible();
+      await expect(toolbar.getByLabel(/^Group$/)).not.toBeVisible();
+    });
+
+    test('create button show up when multi select', async ({ page }) => {
+      await selectAllByKeyboard(page);
+      const toolbar = locatorComponentToolbar(page);
+      await expect(toolbar).toBeVisible();
+      await expect(toolbar.getByLabel(/^Group$/)).toBeVisible();
+    });
+
+    test('create group by component toolbar', async ({ page }) => {
+      await selectAllByKeyboard(page);
+      await triggerComponentToolbarAction(page, 'addGroup');
+      await assertSelectedBound(page, [0, 0, 200, 100]);
+    });
+
+    test('create group by shortcut mod + G', async ({ page }) => {
+      await selectAllByKeyboard(page);
+      await page.keyboard.press(`${SHORT_KEY}+g`);
+      await assertSelectedBound(page, [0, 0, 200, 100]);
+    });
+
+    test('create group and undo, redo', async ({ page }) => {
+      await selectAllByKeyboard(page);
+      await captureHistory(page);
+      await page.keyboard.press(`${SHORT_KEY}+g`);
+      await assertSelectedBound(page, [0, 0, 200, 100]);
+      await undoByKeyboard(page);
+      await assertSelectedBound(page, [0, 0, 100, 100]);
+      await redoByKeyboard(page);
+      await assertSelectedBound(page, [0, 0, 200, 100]);
+    });
+  });
+
+  test.describe('ungroup', () => {
+    test.beforeEach(async ({ page }) => {
+      await init(page);
+    });
+
+    test('ungroup by component toolbar', async ({ page }) => {
+      await selectAllByKeyboard(page);
+      await triggerComponentToolbarAction(page, 'addGroup');
+      await assertSelectedBound(page, [0, 0, 200, 100]);
+      await triggerComponentToolbarAction(page, 'ungroup');
+      await assertEdgelessNonSelectedRect(page);
+    });
+
+    test('ungroup by shortcut mod + shift + G', async ({ page }) => {
+      await selectAllByKeyboard(page);
+      await triggerComponentToolbarAction(page, 'addGroup');
+      await assertSelectedBound(page, [0, 0, 200, 100]);
+      await page.keyboard.press(`${SHORT_KEY}+Shift+g`);
+      await assertEdgelessNonSelectedRect(page);
+    });
+
+    test('ungroup and undo, redo', async ({ page }) => {
+      await selectAllByKeyboard(page);
+      await triggerComponentToolbarAction(page, 'addGroup');
+      await assertSelectedBound(page, [0, 0, 200, 100]);
+      await captureHistory(page);
+      await page.keyboard.press(`${SHORT_KEY}+Shift+g`);
+      await assertEdgelessNonSelectedRect(page);
+      await undoByKeyboard(page);
+      await assertSelectedBound(page, [0, 0, 200, 100]);
+      await redoByKeyboard(page);
+      await assertEdgelessNonSelectedRect(page);
+    });
+  });
+
+  test.describe('drag group', () => {
+    test.beforeEach(async ({ page }) => {
+      await init(page);
+    });
+
+    test('drag group to move', async ({ page }) => {
+      await selectAllByKeyboard(page);
+      await triggerComponentToolbarAction(page, 'addGroup');
+      await dragBetweenViewCoords(page, [100, 50], [110, 50]);
+      await assertSelectedBound(page, [10, 0, 200, 100]);
+    });
+  });
+
+  test.describe('select', () => {
+    test.beforeEach(async ({ page }) => {
+      await init(page);
+      await selectAllByKeyboard(page);
+      await triggerComponentToolbarAction(page, 'addGroup');
+    });
+
+    test('select group by click', async ({ page }) => {
+      await clickView(page, [300, -100]);
+      await assertEdgelessNonSelectedRect(page);
+      await clickView(page, [50, 50]);
+      await assertSelectedBound(page, [0, 0, 200, 100]);
+    });
+
+    test('select sub-element by first select group', async ({ page }) => {
+      await clickView(page, [50, 50]);
+      await assertSelectedBound(page, [0, 0, 100, 100]);
+    });
+
+    test('select element when enter gorup', async ({ page }) => {
+      await clickView(page, [50, 50]);
+      await assertSelectedBound(page, [0, 0, 100, 100]);
+      await clickView(page, [150, 50]);
+      await assertSelectedBound(page, [100, 0, 100, 100]);
+    });
+  });
+
+  test.describe('delete', () => {
+    test.beforeEach(async ({ page }) => {
+      await init(page);
+    });
+
+    test('delete root group', async ({ page }) => {
+      await selectAllByKeyboard(page);
+      await triggerComponentToolbarAction(page, 'addGroup');
+      const groupId = await getFirstContainerId(page);
+      await captureHistory(page);
+      await pressBackspace(page);
+      await assertCanvasElementsCount(page, 0);
+
+      // undo the delete
+      await undoByKeyboard(page);
+      await assertCanvasElementsCount(page, 3);
+      await assertContainerIds(page, {
+        [groupId]: 2,
+        null: 1,
+      });
+      await assertContainerChildCount(page, groupId, 2);
+
+      // redo the delete
+      await redoByKeyboard(page);
+      await assertCanvasElementsCount(page, 0);
+    });
+
+    test('delete sub-element in group', async ({ page }) => {
+      await selectAllByKeyboard(page);
+      await triggerComponentToolbarAction(page, 'addGroup');
+      const groupId = await getFirstContainerId(page);
+      await captureHistory(page);
+      await clickView(page, [50, 50]);
+      await pressBackspace(page);
+
+      await assertCanvasElementsCount(page, 2);
+      await assertContainerIds(page, {
+        [groupId]: 1,
+        null: 1,
+      });
+      await assertContainerChildCount(page, groupId, 1);
+
+      // undo the delete
+      await undoByKeyboard(page);
+      await assertCanvasElementsCount(page, 3);
+      await assertContainerIds(page, {
+        [groupId]: 2,
+        null: 1,
+      });
+      await assertContainerChildCount(page, groupId, 2);
+
+      // redo the delete
+      await redoByKeyboard(page);
+      await assertCanvasElementsCount(page, 2);
+      await assertContainerIds(page, {
+        [groupId]: 1,
+        null: 1,
+      });
+      await assertContainerChildCount(page, groupId, 1);
+    });
+
+    test('delete group in group', async ({ page }) => {
+      await createShapeElement(page, [200, 0], [300, 100], Shape.Square);
+      await selectAllByKeyboard(page);
+      await triggerComponentToolbarAction(page, 'addGroup');
+      const firstGroup = await getFirstContainerId(page);
+      await clickView(page, [50, 50]);
+      await shiftClickView(page, [150, 50]);
+      await triggerComponentToolbarAction(page, 'addGroup');
+      const secondGroup = await getFirstContainerId(page, [firstGroup]);
+      await captureHistory(page);
+
+      // delete group in group
+      await pressBackspace(page);
+      await assertCanvasElementsCount(page, 2);
+      await assertContainerIds(page, {
+        [firstGroup]: 1,
+        null: 1,
+      });
+      await assertContainerChildCount(page, firstGroup, 1);
+
+      // undo the delete
+      await undoByKeyboard(page);
+      await assertCanvasElementsCount(page, 5);
+      await assertContainerIds(page, {
+        [firstGroup]: 2,
+        [secondGroup]: 2,
+        null: 1,
+      });
+      await assertContainerChildCount(page, firstGroup, 2);
+      await assertContainerChildCount(page, secondGroup, 2);
+
+      // redo the delete
+      await redoByKeyboard(page);
+      await assertCanvasElementsCount(page, 2);
+      await assertContainerIds(page, {
+        [firstGroup]: 1,
+        null: 1,
+      });
+      await assertContainerChildCount(page, firstGroup, 1);
+    });
+  });
+});

tests/blocksuite/e2e/edgeless/group/release.spec.ts

@@ -0,0 +1,116 @@
+import type { Page } from '@playwright/test';
+
+import {
+  captureHistory,
+  clickView,
+  createShapeElement,
+  edgelessCommonSetup,
+  getFirstContainerId,
+  redoByKeyboard,
+  selectAllByKeyboard,
+  Shape,
+  shiftClickView,
+  triggerComponentToolbarAction,
+  undoByKeyboard,
+} from '../../utils/actions/index.js';
+import {
+  assertContainerChildCount,
+  assertContainerIds,
+  assertSelectedBound,
+} from '../../utils/asserts.js';
+import { test } from '../../utils/playwright.js';
+
+async function init(page: Page) {
+  await edgelessCommonSetup(page);
+  await createShapeElement(page, [0, 0], [100, 100], Shape.Square);
+  await createShapeElement(page, [100, 0], [200, 100], Shape.Square);
+}
+
+test.describe('release from group', () => {
+  let outterGroupId: string;
+
+  test.beforeEach(async ({ page }) => {
+    await init(page);
+    await createShapeElement(page, [200, 0], [300, 100], Shape.Square);
+    await selectAllByKeyboard(page);
+    await triggerComponentToolbarAction(page, 'addGroup');
+
+    outterGroupId = await getFirstContainerId(page);
+  });
+
+  test('release element from group', async ({ page }) => {
+    await clickView(page, [50, 50]);
+    await captureHistory(page);
+    await triggerComponentToolbarAction(page, 'releaseFromGroup');
+    await assertContainerIds(page, {
+      [outterGroupId]: 2,
+      null: 2,
+    });
+    await assertContainerChildCount(page, outterGroupId, 2);
+    await assertSelectedBound(page, [0, 0, 100, 100]);
+
+    // undo the release
+    await undoByKeyboard(page);
+    await assertContainerIds(page, {
+      [outterGroupId]: 3,
+      null: 1,
+    });
+    await assertContainerChildCount(page, outterGroupId, 3);
+    await assertSelectedBound(page, [0, 0, 100, 100]);
+
+    // redo the release
+    await redoByKeyboard(page);
+    await assertContainerIds(page, {
+      [outterGroupId]: 2,
+      null: 2,
+    });
+    await assertContainerChildCount(page, outterGroupId, 2);
+    await assertSelectedBound(page, [0, 0, 100, 100]);
+  });
+
+  test('release group from group', async ({ page }) => {
+    await clickView(page, [50, 50]);
+    await shiftClickView(page, [150, 50]);
+    await triggerComponentToolbarAction(page, 'addGroup');
+    await captureHistory(page);
+    const groupId = await getFirstContainerId(page, [outterGroupId]);
+
+    await assertContainerIds(page, {
+      [groupId]: 2,
+      [outterGroupId]: 2,
+      null: 1,
+    });
+    await assertContainerChildCount(page, groupId, 2);
+    await assertContainerChildCount(page, outterGroupId, 2);
+
+    // release group from group
+    await triggerComponentToolbarAction(page, 'releaseFromGroup');
+    await assertContainerIds(page, {
+      [groupId]: 2,
+      [outterGroupId]: 1,
+      null: 2,
+    });
+    await assertContainerChildCount(page, outterGroupId, 1);
+    await assertContainerChildCount(page, groupId, 2);
+
+    // undo the release
+    await undoByKeyboard(page);
+    await assertContainerIds(page, {
+      [groupId]: 2,
+      [outterGroupId]: 2,
+      null: 1,
+    });
+    await assertContainerChildCount(page, groupId, 2);
+    await assertContainerChildCount(page, outterGroupId, 2);
+
+    // redo the release
+    await redoByKeyboard(page);
+    await assertContainerIds(page, {
+      [groupId]: 2,
+      [outterGroupId]: 1,
+      null: 2,
+    });
+    await assertContainerChildCount(page, outterGroupId, 1);
+    await assertContainerChildCount(page, groupId, 2);
+  });
+});

tests/blocksuite/e2e/edgeless/group/title.spec.ts

@@ -0,0 +1,72 @@
+import { expect, type Page } from '@playwright/test';
+
+import {
+  createShapeElement,
+  dblclickView,
+  edgelessCommonSetup,
+  getSelectedBound,
+  pressEnter,
+  selectAllByKeyboard,
+  Shape,
+  triggerComponentToolbarAction,
+  type,
+} from '../../utils/actions/index.js';
+import { assertEdgelessCanvasText } from '../../utils/asserts.js';
+import { test } from '../../utils/playwright.js';
+
+async function init(page: Page) {
+  await edgelessCommonSetup(page);
+  await createShapeElement(page, [0, 0], [100, 100], Shape.Square);
+  await createShapeElement(page, [100, 0], [200, 100], Shape.Square);
+}
+
+test.describe('group title', () => {
+  test.beforeEach(async ({ page }) => {
+    await init(page);
+    await selectAllByKeyboard(page);
+    await triggerComponentToolbarAction(page, 'addGroup');
+  });
+
+  test('edit group title by component toolbar', async ({ page }) => {
+    expect(await page.locator('edgeless-group-title-editor').count()).toBe(0);
+
+    await triggerComponentToolbarAction(page, 'renameGroup');
+    await page.locator('edgeless-group-title-editor').waitFor({
+      state: 'attached',
+    });
+  });
+
+  test('edit group title by dbclick', async ({ page }) => {
+    expect(await page.locator('edgeless-group-title-editor').count()).toBe(0);
+
+    const bound = await getSelectedBound(page);
+    await dblclickView(page, [bound[0] + 10, bound[1] - 10]);
+    await page.locator('edgeless-group-title-editor').waitFor({
+      state: 'attached',
+    });
+    await type(page, 'ABC');
+    await assertEdgelessCanvasText(page, 'ABC');
+  });
+
+  test('blur unmount group editor', async ({ page }) => {
+    const bound = await getSelectedBound(page);
+    await dblclickView(page, [bound[0] + 10, bound[1] - 10]);
+
+    await page.locator('edgeless-group-title-editor').waitFor({
+      state: 'attached',
+    });
+    await page.mouse.click(10, 10);
+    expect(await page.locator('edgeless-group-title-editor').count()).toBe(0);
+  });
+
+  test('enter unmount group editor', async ({ page }) => {
+    const bound = await getSelectedBound(page);
+    await dblclickView(page, [bound[0] + 10, bound[1] - 10]);
+
+    await page.locator('edgeless-group-title-editor').waitFor({
+      state: 'attached',
+    });
+    await pressEnter(page);
+    expect(await page.locator('edgeless-group-title-editor').count()).toBe(0);
+  });
+});