test(editor): move blocksuite test to tests folder (#10917)

2025-03-17 06:40:25 +00:00
parent 0f83566504
commit d5a5df5e49
352 changed files with 47 additions and 44 deletions
--- a/tests/blocksuite/e2e/edgeless/element-toolbar.spec.ts
+++ b/tests/blocksuite/e2e/edgeless/element-toolbar.spec.ts
@@ -0,0 +1,88 @@
+import { expect } from '@playwright/test';
+
+import {
+  addBasicRectShapeElement,
+  locatorComponentToolbar,
+  resizeElementByHandle,
+  selectNoteInEdgeless,
+  switchEditorMode,
+  zoomResetByKeyboard,
+} from '../utils/actions/edgeless.js';
+import {
+  enterPlaygroundRoom,
+  initEmptyEdgelessState,
+} from '../utils/actions/misc.js';
+import { test } from '../utils/playwright.js';
+
+test('toolbar should appear when select note', async ({ page }) => {
+  await enterPlaygroundRoom(page);
+  const { noteId } = await initEmptyEdgelessState(page);
+  await switchEditorMode(page);
+
+  await selectNoteInEdgeless(page, noteId);
+
+  const toolbar = locatorComponentToolbar(page);
+  await expect(toolbar).toBeVisible();
+});
+
+test('tooltip should be hidden after clicking on button', async ({ page }) => {
+  await enterPlaygroundRoom(page);
+  const { noteId } = await initEmptyEdgelessState(page);
+  await switchEditorMode(page);
+
+  await selectNoteInEdgeless(page, noteId);
+
+  const toolbar = locatorComponentToolbar(page);
+  const modeBtn = toolbar.getByRole('button', { name: 'Mode' });
+
+  await modeBtn.hover();
+  await expect(page.locator('.blocksuite-portal')).toBeVisible();
+
+  await modeBtn.click();
+  await expect(page.locator('.blocksuite-portal')).toBeHidden();
+  await expect(page.locator('note-display-mode-panel')).toBeVisible();
+
+  await modeBtn.click();
+  await expect(page.locator('.blocksuite-portal')).toBeVisible();
+  await expect(page.locator('note-display-mode-panel')).toBeHidden();
+
+  await modeBtn.click();
+  await expect(page.locator('.blocksuite-portal')).toBeHidden();
+  await expect(page.locator('note-display-mode-panel')).toBeVisible();
+
+  const colorBtn = toolbar.getByRole('button', {
+    name: 'Background',
+  });
+
+  await colorBtn.hover();
+  await expect(page.locator('.blocksuite-portal')).toBeVisible();
+
+  await colorBtn.click();
+  await expect(page.locator('.blocksuite-portal')).toBeHidden();
+  await expect(page.locator('note-display-mode-panel')).toBeHidden();
+  await expect(page.locator('edgeless-color-panel')).toBeVisible();
+});
+
+test('should be hidden when resizing element', async ({ page }) => {
+  await enterPlaygroundRoom(page);
+  await initEmptyEdgelessState(page);
+  await switchEditorMode(page);
+  await zoomResetByKeyboard(page);
+
+  await addBasicRectShapeElement(page, { x: 210, y: 110 }, { x: 310, y: 210 });
+  await page.mouse.click(220, 120);
+
+  const toolbar = locatorComponentToolbar(page);
+  await expect(toolbar).toBeVisible();
+
+  await resizeElementByHandle(page, { x: 400, y: 300 }, 'top-left', 30);
+
+  await page.mouse.move(450, 300);
+  await expect(toolbar).toBeEmpty();
+
+  await page.mouse.move(320, 220);
+  await expect(toolbar).toBeEmpty();
+
+  await page.mouse.up();
+  await expect(toolbar).toBeVisible();
+});