chore: migrate blocksuite test (#9222)

2026-02-17 14:27:02 +08:00 · 2024-12-20 11:08:21 +00:00
parent f788fdd0a4
commit bfcc53dc1f
325 changed files with 55958 additions and 26 deletions
--- a/blocksuite/tests-legacy/image/image.spec.ts
+++ b/blocksuite/tests-legacy/image/image.spec.ts
@@ -0,0 +1,154 @@
+import '../utils/declare-test-window.js';
+
+import type { Page } from '@playwright/test';
+import { expect } from '@playwright/test';
+
+import {
+  activeEmbed,
+  copyByKeyboard,
+  dragEmbedResizeByTopLeft,
+  dragEmbedResizeByTopRight,
+  enterPlaygroundRoom,
+  initImageState,
+  moveToImage,
+  pasteByKeyboard,
+  pressArrowLeft,
+  pressEnter,
+  redoByClick,
+  redoByKeyboard,
+  type,
+  undoByKeyboard,
+  waitNextFrame,
+} from '../utils/actions/index.js';
+import {
+  assertImageOption,
+  assertImageSize,
+  assertRichDragButton,
+  assertRichImage,
+  assertRichTextInlineRange,
+  assertRichTexts,
+} from '../utils/asserts.js';
+import { test } from '../utils/playwright.js';
+
+async function focusCaption(page: Page) {
+  await page.click(
+    '.affine-image-toolbar-container .image-toolbar-button.caption'
+  );
+}
+
+test('can drag resize image by left menu', async ({ page }) => {
+  await enterPlaygroundRoom(page);
+  await initImageState(page);
+  await assertRichImage(page, 1);
+
+  await activeEmbed(page);
+  await assertRichDragButton(page);
+  await assertImageSize(page, { width: 752, height: 564 });
+
+  await dragEmbedResizeByTopLeft(page);
+  await waitNextFrame(page);
+  await assertImageSize(page, { width: 358, height: 268 });
+
+  await undoByKeyboard(page);
+  await waitNextFrame(page);
+  await assertImageSize(page, { width: 752, height: 564 });
+
+  await redoByKeyboard(page);
+  await waitNextFrame(page);
+  await assertImageSize(page, { width: 358, height: 268 });
+});
+
+test('can drag resize image by right menu', async ({ page }) => {
+  await enterPlaygroundRoom(page);
+  await initImageState(page);
+  await assertRichImage(page, 1);
+
+  await activeEmbed(page);
+  await assertRichDragButton(page);
+  await assertImageSize(page, { width: 752, height: 564 });
+
+  await dragEmbedResizeByTopRight(page);
+  await assertImageSize(page, { width: 338, height: 253 });
+
+  await undoByKeyboard(page);
+  await assertImageSize(page, { width: 752, height: 564 });
+
+  await redoByKeyboard(page);
+  await assertImageSize(page, { width: 338, height: 253 });
+});
+
+test('can click and delete image', async ({ page }) => {
+  await enterPlaygroundRoom(page);
+  await initImageState(page);
+  await assertRichImage(page, 1);
+
+  await activeEmbed(page);
+  await page.keyboard.press('Backspace');
+  await assertRichImage(page, 0);
+
+  await undoByKeyboard(page);
+  await assertRichImage(page, 1);
+
+  await redoByClick(page);
+  await assertRichImage(page, 0);
+});
+
+test('can click and copy image', async ({ page }) => {
+  await enterPlaygroundRoom(page);
+  await initImageState(page);
+  await assertRichImage(page, 1);
+
+  await activeEmbed(page);
+  await copyByKeyboard(page);
+  await pressEnter(page);
+  await waitNextFrame(page);
+
+  await pasteByKeyboard(page);
+  await waitNextFrame(page, 200);
+  await assertRichImage(page, 2);
+});
+
+test('enter shortcut on focusing embed block and its caption', async ({
+  page,
+}) => {
+  await enterPlaygroundRoom(page);
+  await initImageState(page);
+  await assertRichImage(page, 1);
+
+  await moveToImage(page);
+  await assertImageOption(page);
+
+  const caption = page.locator('affine-image block-caption-editor textarea');
+  await focusCaption(page);
+  await type(page, '123');
+
+  test.info().annotations.push({
+    type: 'issue',
+    description: 'https://github.com/toeverything/blocksuite/issues/2495',
+  });
+
+  // blur
+  await page.mouse.click(0, 500);
+  await caption.click({ position: { x: 0, y: 0 } });
+  await type(page, 'abc');
+  await expect(caption).toHaveValue('abc123');
+});
+
+test('should support the enter key of image caption', async ({ page }) => {
+  await enterPlaygroundRoom(page);
+  await initImageState(page);
+  await assertRichImage(page, 1);
+
+  await moveToImage(page);
+  await assertImageOption(page);
+
+  const caption = page.locator('affine-image block-caption-editor textarea');
+  await focusCaption(page);
+  await type(page, 'abc123');
+  await pressArrowLeft(page, 3);
+  await pressEnter(page);
+  await expect(caption).toHaveValue('abc');
+
+  await assertRichTexts(page, ['123']);
+  await assertRichTextInlineRange(page, 0, 0, 0);
+});