mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-02-15 05:37:32 +00:00
11dfc1d1df
Close [BS-3404](https://linear.app/affine-design/issue/BS-3404/通过embed-doc时，插入的doc还是card-view，应该要默认embed-view) <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **New Features** - Added the ability to insert and display embedded synced documents, supporting different link types based on editor mode and user preferences. - Introduced new UI interactions and view options for embedded synced documents in edgeless mode. - **Bug Fixes** - Updated UI selectors and preference keys to ensure consistent behavior and correct application of user settings. - **Tests** - Added and updated end-to-end tests for embedding synced documents, including header interactions and viewport fitting. - Improved test coverage for quick search insertion and edgeless embed synced doc features. - **Chores** - Renamed settings and updated exports to align with new embedding functionality. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
60 lines
2.0 KiB
TypeScript
60 lines
2.0 KiB
TypeScript
import { test } from '@affine-test/kit/playwright';
|
|
import {
|
|
clickEdgelessModeButton,
|
|
locateEditorContainer,
|
|
locateToolbar,
|
|
} from '@affine-test/kit/utils/editor';
|
|
import { pressEnter } from '@affine-test/kit/utils/keyboard';
|
|
import { openHomePage } from '@affine-test/kit/utils/load-page';
|
|
import {
|
|
clickNewPageButton,
|
|
type,
|
|
waitForEditorLoad,
|
|
} from '@affine-test/kit/utils/page-logic';
|
|
import { isContainedInBoundingBox } from '@affine-test/kit/utils/utils';
|
|
import { expect } from '@playwright/test';
|
|
|
|
test.beforeEach(async ({ page }) => {
|
|
await openHomePage(page);
|
|
await waitForEditorLoad(page);
|
|
await clickNewPageButton(page);
|
|
await clickEdgelessModeButton(page);
|
|
const container = locateEditorContainer(page);
|
|
await container.click();
|
|
});
|
|
|
|
test('should close embed editing modal when editor switching to page mode by short cut', async ({
|
|
page,
|
|
}) => {
|
|
await page.keyboard.press('@');
|
|
await page.getByTestId('cmdk-label').getByText('Getting Started').click();
|
|
const toolbar = locateToolbar(page);
|
|
await toolbar.getByLabel('Switch view').click();
|
|
await toolbar.getByLabel('Card view').click();
|
|
await toolbar.getByLabel('Edit').click();
|
|
|
|
const editingModal = page.locator('embed-card-edit-modal');
|
|
await expect(editingModal).toBeVisible();
|
|
|
|
await page.keyboard.press('Alt+s');
|
|
await waitForEditorLoad(page);
|
|
await expect(editingModal).toBeHidden();
|
|
});
|
|
|
|
test('embed card should not overflow the edgeless note', async ({ page }) => {
|
|
const note = page.locator('affine-edgeless-note');
|
|
await note.dblclick();
|
|
await type(page, '/github');
|
|
await pressEnter(page);
|
|
await page
|
|
.locator('.embed-card-modal-input')
|
|
.fill('https://github.com/toeverything/AFFiNE/pull/10442');
|
|
await pressEnter(page);
|
|
|
|
const embedCard = page.locator('affine-embed-github-block');
|
|
await embedCard
|
|
.locator('.affine-embed-github-block:not(.loading)')
|
|
.waitFor({ state: 'visible' });
|
|
expect(await isContainedInBoundingBox(note, embedCard, true)).toBe(true);
|
|
});
|