test(core): a simple e2e case for linked doc preview

toeverything · Nov 28, 2024 · b5ce9ea · b5ce9ea
1 parent 64ed27f
commit b5ce9ea
Show file tree

Hide file tree

Showing 5 changed files with 39 additions and 7 deletions.
diff --git a/...ontend/core/src/components/blocksuite/block-suite-editor/bi-directional-link-panel.css.ts b/...ontend/core/src/components/blocksuite/block-suite-editor/bi-directional-link-panel.css.ts
@@ -50,7 +50,6 @@ export const title = style({
 });
 
 export const showButton = style({
-  width: '56px',
   height: '28px',
   borderRadius: '8px',
   border: '1px solid ' + cssVar('--affine-border-color'),

diff --git a/.../frontend/core/src/components/blocksuite/block-suite-editor/bi-directional-link-panel.tsx b/.../frontend/core/src/components/blocksuite/block-suite-editor/bi-directional-link-panel.tsx
@@ -1,4 +1,4 @@
-import { createReactComponentFromLit } from '@affine/component';
+import { Button, createReactComponentFromLit } from '@affine/component';
 import { TextRenderer } from '@affine/core/blocksuite/presets';
 import {
   type Backlink,
@@ -132,9 +132,11 @@ export const BiDirectionalLinkPanel = () => {
 
       <div className={styles.titleLine}>
         <div className={styles.title}>Bi-Directional Links</div>
-        <div className={styles.showButton} onClick={handleClickShow}>
-          {show ? 'Hide' : 'Show'}
-        </div>
+        <Button className={styles.showButton} onClick={handleClickShow}>
+          {show
+            ? t['com.affine.editor.bi-directional-link-panel.hide']()
+            : t['com.affine.editor.bi-directional-link-panel.show']()}
+        </Button>
       </div>
 
       {show && (

diff --git a/packages/frontend/core/src/modules/docs-search/worker/in-worker.ts b/packages/frontend/core/src/modules/docs-search/worker/in-worker.ts
@@ -724,7 +724,7 @@ async function crawlingDocData({
           content: block.get('prop:latex')?.toString() ?? '',
           yblock: block,
         });
-      } else if (bookmarkFlavours.includes(flavour)) {
+      } else if (bookmarkFlavours.has(flavour)) {
         blockDocuments.push({
           docId,
           flavour,

diff --git a/packages/frontend/i18n/src/resources/en.json b/packages/frontend/i18n/src/resources/en.json
@@ -1486,5 +1486,7 @@
   "com.affine.editor.at-menu.import": "Import",
   "com.affine.editor.at-menu.more-docs-hint": "{{count}} more docs",
   "com.affine.editor.at-menu.journal": "Journal",
-  "com.affine.editor.at-menu.date-picker": "Select a specific date"
+  "com.affine.editor.at-menu.date-picker": "Select a specific date",
+  "com.affine.editor.bi-directional-link-panel.show": "Show",
+  "com.affine.editor.bi-directional-link-panel.hide": "Hide"
 }
diff --git a/tests/affine-local/e2e/links.spec.ts b/tests/affine-local/e2e/links.spec.ts
@@ -7,6 +7,7 @@ import { coreUrl, openHomePage } from '@affine-test/kit/utils/load-page';
 import {
   clickNewPageButton,
   createLinkedPage,
+  getBlockSuiteEditorTitle,
   waitForEmptyEditor,
 } from '@affine-test/kit/utils/page-logic';
 import { expect, type Locator } from '@playwright/test';
@@ -418,3 +419,31 @@ test('@ popover with click "select a specific date" should show a date picker',
     page.locator('affine-reference:has-text("' + date + '")')
   ).toBeVisible();
 });
+
+test('linked doc should show markdown preview in the backlink section', async ({
+  page,
+}) => {
+  await waitForEmptyEditor(page);
+  await page.keyboard.type('source page');
+  await page.keyboard.press('Enter');
+
+  await page.keyboard.type('some inline content');
+  await page.keyboard.press('Enter');
+
+  await createLinkedPage(page, 'Test Page');
+  await page.locator('affine-reference:has-text("Test Page")').click();
+
+  await expect(getBlockSuiteEditorTitle(page)).toHaveText('Test Page');
+  await page
+    .getByRole('button', {
+      name: 'Show',
+    })
+    .click();
+
+  await page.getByRole('button', { name: 'source page' }).click();
+
+  await expect(page.locator('text-renderer')).toContainText(
+    'some inline content'
+  );
+  await expect(page.locator('text-renderer')).toContainText('Test Page');
+});