Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-16 13:57:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(editor): image toolbar config extension (#11329)

Browse Source 
Closes: [BS-2378](https://linear.app/affine-design/issue/BS-2378/image-toolbar-迁移)
This commit is contained in:
fundon
2025-04-01 10:04:28 +00:00
parent 032244ae61
commit 7af5e53838
26 changed files with 267 additions and 785 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
tests/blocksuite/e2e/utils/actions/drag.ts
View File

@@ -1,6 +1,5 @@
import type { Page } from '@playwright/test';
import { assertImageOption } from '../asserts.js';
import { getIndexCoordinate, waitNextFrame } from './misc.js';
export async function dragBetweenCoords(
@@ -201,42 +200,22 @@ export async function dragBlockToPoint(
}
export async function moveToImage(page: Page) {
const { x, y } = await page.evaluate(() => {
const bottomRightButton = document.querySelector(
'affine-image img'
) as HTMLElement;
const imageClient = bottomRightButton.getBoundingClientRect();
const y = imageClient.top;
return {
x: imageClient.left + 30,
y: y + 30,
};
});
await page.mouse.move(x, y);
await page.locator('affine-image').hover({ timeout: 500 });
}
export async function popImageMoreMenu(page: Page) {
await moveToImage(page);
await assertImageOption(page);
const moreButton = page.locator('.image-toolbar-button.more');
await moreButton.click();
const menu = page.locator('.image-more-popup-menu');
const toolbar = page.locator('affine-toolbar-widget editor-toolbar');
const menu = toolbar.getByLabel('More menu');
await menu.click();
const turnIntoCardButton = page.locator('editor-menu-action', {
hasText: 'Turn into card view',
});
const turnIntoCardButton = menu.getByLabel('Turn into card view');
const copyButton = page.locator('editor-menu-action', {
hasText: 'Copy',
});
const copyButton = menu.getByLabel('Copy');
const duplicateButton = page.locator('editor-menu-action', {
hasText: 'Duplicate',
});
const duplicateButton = page.getByLabel('Duplicate');
const deleteButton = page.locator('editor-menu-action', {
hasText: 'Delete',
});
const deleteButton = page.getByLabel('Delete');
return {
menu,

7
tests/blocksuite/e2e/utils/asserts.ts
View File

@@ -217,13 +217,6 @@ export async function assertImageSize(
});
}
export async function assertImageOption(page: Page) {
// const actual = await page.locator('.embed-editing-state').count();
// expect(actual).toEqual(1);
const locator = page.locator('.affine-image-toolbar-container');
await expect(locator).toBeVisible();
}
export async function assertDocTitleFocus(page: Page) {
const locator = page.locator('doc-title .inline-editor').nth(0);
await expect(locator).toBeFocused();