mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-07-13 16:16:46 +08:00
Peng Xiao
ce951ec316
#### PR Dependency Tree * **PR #12848** 👈 This tree was auto-generated by [Charcoal](https://github.com/danerwilliams/charcoal) <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **New Features** - Introduced a feature flag to enable or disable web container functionality for code block previews. - **Improvements** - Code block HTML previews now support an alternative rendering method based on the new feature flag, enhancing flexibility. - **Chores** - Updated feature flag settings by removing an obsolete flag and adding the new web container flag. - **Tests** - Simplified code block preview tests for faster and more direct validation of HTML preview content. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
78 lines
2.2 KiB
TypeScript
78 lines
2.2 KiB
TypeScript
import { test } from '@affine-test/kit/playwright';
|
|
import { openHomePage } from '@affine-test/kit/utils/load-page';
|
|
import { type, waitForEditorLoad } from '@affine-test/kit/utils/page-logic';
|
|
import { expect } from '@playwright/test';
|
|
|
|
import {
|
|
createNewPage,
|
|
gotoContentFromTitle,
|
|
initCodeBlockByOneStep,
|
|
} from './utils';
|
|
|
|
test.describe('Code Block Autocomplete Operations', () => {
|
|
test('angle brackets are not supported', async ({ page }) => {
|
|
// open the home page and insert the code block
|
|
await initCodeBlockByOneStep(page);
|
|
await page.keyboard.type('<');
|
|
const codeUnit = page.locator('affine-code-unit');
|
|
await expect(codeUnit).toHaveText('<');
|
|
});
|
|
});
|
|
|
|
test.describe('Code Block Preview', () => {
|
|
test('enable html preview', async ({ page }) => {
|
|
const code = page.locator('affine-code');
|
|
|
|
await openHomePage(page);
|
|
await createNewPage(page);
|
|
await waitForEditorLoad(page);
|
|
await gotoContentFromTitle(page);
|
|
await type(page, '```html aaa');
|
|
await code.hover({
|
|
position: {
|
|
x: 155,
|
|
y: 65,
|
|
},
|
|
});
|
|
await page.getByText('Preview').click();
|
|
await expect(
|
|
page
|
|
.locator('iframe[title="HTML Preview"]')
|
|
.contentFrame()
|
|
.getByText('aaa')
|
|
).toBeVisible();
|
|
});
|
|
|
|
test('change lang without preview', async ({ page }) => {
|
|
const code = page.locator('affine-code');
|
|
const preview = page.locator('affine-code .affine-code-block-preview');
|
|
|
|
await openHomePage(page);
|
|
await createNewPage(page);
|
|
await waitForEditorLoad(page);
|
|
await gotoContentFromTitle(page);
|
|
await type(page, '```html aaa');
|
|
|
|
await code.hover({
|
|
position: {
|
|
x: 155,
|
|
y: 65,
|
|
},
|
|
});
|
|
await page.getByText('Preview').click();
|
|
await expect(preview).toBeVisible();
|
|
|
|
// change to lang without preview support
|
|
await page.getByTestId('lang-button').click();
|
|
await page.getByRole('button', { name: 'ABAP' }).click();
|
|
|
|
await expect(preview).toBeHidden();
|
|
|
|
// change back to html
|
|
await page.getByTestId('lang-button').click();
|
|
await page.getByRole('button', { name: 'HTML', exact: true }).click();
|
|
|
|
await expect(preview).toBeVisible();
|
|
});
|
|
});
|