@lobehub/lobehub 2.0.0-next.267 → 2.0.0-next.268

package/e2e/src/features/page/editor-content.feature

@@ -0,0 +1,93 @@
+@journey @P0 @page
+Feature: Page 编辑器富文本编辑
+
+  作为用户，我希望能够使用富文本编辑器编写内容，
+  以便创建格式丰富的文档
+
+  Background:
+    Given 用户已登录系统
+
+  # ============================================
+  # 基础文本编辑
+  # ============================================
+
+  @PAGE-CONTENT-001
+  Scenario: 输入基础文本内容
+    Given 用户打开一个文稿编辑器
+    When 用户点击编辑器内容区域
+    And 用户输入文本 "这是一段测试内容"
+    Then 编辑器应该显示输入的文本
+
+  @PAGE-CONTENT-002 @P1
+  Scenario: 编辑已有内容
+    Given 用户打开一个文稿编辑器
+    When 用户在编辑器中输入内容 "原始内容"
+    And 用户选中所有内容
+    And 用户输入文本 "修改后的内容"
+    Then 编辑器应该显示 "修改后的内容"
+
+  # ============================================
+  # 斜杠命令
+  # ============================================
+
+  @PAGE-SLASH-001 @P1
+  Scenario: 使用斜杠命令打开菜单
+    Given 用户打开一个文稿编辑器
+    When 用户点击编辑器内容区域
+    And 用户输入斜杠 "/"
+    Then 应该显示斜杠命令菜单
+
+  @PAGE-SLASH-002 @P1
+  Scenario: 通过斜杠命令插入一级标题
+    Given 用户打开一个文稿编辑器
+    When 用户点击编辑器内容区域
+    And 用户输入斜杠命令 "/h1"
+    And 用户按下 Enter 键
+    And 用户输入文本 "一级标题内容"
+    Then 编辑器应该包含一级标题
+
+  @PAGE-SLASH-003 @P1
+  Scenario: 通过斜杠命令插入无序列表
+    Given 用户打开一个文稿编辑器
+    When 用户点击编辑器内容区域
+    And 用户输入斜杠命令 "/ul"
+    And 用户按下 Enter 键
+    And 用户输入文本 "列表项一"
+    Then 编辑器应该包含无序列表
+
+  @PAGE-SLASH-004 @P2
+  Scenario: 通过斜杠命令插入任务列表
+    Given 用户打开一个文稿编辑器
+    When 用户点击编辑器内容区域
+    And 用户输入斜杠命令 "/tl"
+    And 用户按下 Enter 键
+    And 用户输入文本 "待办事项"
+    Then 编辑器应该包含任务列表
+
+  @PAGE-SLASH-005 @P2 @skip
+  Scenario: 通过斜杠命令插入代码块
+    Given 用户打开一个文稿编辑器
+    When 用户点击编辑器内容区域
+    And 用户输入斜杠命令 "/codeblock"
+    And 用户按下 Enter 键
+    Then 编辑器应该包含代码块
+
+  # ============================================
+  # 文本格式化
+  # ============================================
+
+  @PAGE-FORMAT-001 @P1
+  Scenario: 使用快捷键加粗文本
+    Given 用户打开一个文稿编辑器
+    When 用户在编辑器中输入内容 "加粗文本"
+    And 用户选中所有内容
+    And 用户按下快捷键 "Meta+B"
+    Then 选中的文本应该被加粗
+
+  @PAGE-FORMAT-002 @P2
+  Scenario: 使用快捷键斜体文本
+    Given 用户打开一个文稿编辑器
+    When 用户在编辑器中输入内容 "斜体文本"
+    And 用户选中所有内容
+    And 用户按下快捷键 "Meta+I"
+    Then 选中的文本应该变为斜体

package/e2e/src/features/page/editor-meta.feature

@@ -0,0 +1,60 @@
+@journey @P0 @page
+Feature: Page 编辑器元数据编辑
+
+  作为用户，我希望能够编辑文稿的标题和图标，
+  以便更好地组织和识别我的文档
+
+  Background:
+    Given 用户已登录系统
+
+  # ============================================
+  # 标题编辑
+  # ============================================
+
+  @PAGE-TITLE-001
+  Scenario: 编辑文稿标题
+    Given 用户打开一个文稿编辑器
+    When 用户点击标题输入框
+    And 用户输入标题 "我的测试文稿"
+    And 用户按下 Enter 键
+    Then 文稿标题应该更新为 "我的测试文稿"
+
+  @PAGE-TITLE-002 @P1
+  Scenario: 编辑标题后点击其他区域保存
+    Given 用户打开一个文稿编辑器
+    When 用户点击标题输入框
+    And 用户输入标题 "Click Away Title"
+    And 用户点击编辑器内容区域
+    Then 文稿标题应该更新为 "Click Away Title"
+
+  @PAGE-TITLE-003 @P1
+  Scenario: 清空标题后显示占位符
+    Given 用户打开一个文稿编辑器
+    When 用户点击标题输入框
+    And 用户清空标题内容
+    Then 应该显示标题占位符
+
+  # ============================================
+  # Emoji 图标
+  # ============================================
+
+  @PAGE-EMOJI-001 @P1
+  Scenario: 为文稿添加 Emoji 图标
+    Given 用户打开一个文稿编辑器
+    When 用户点击选择图标按钮
+    And 用户选择一个 Emoji
+    Then 文稿应该显示所选的 Emoji 图标
+
+  @PAGE-EMOJI-002 @P1
+  Scenario: 更换文稿的 Emoji 图标
+    Given 用户打开一个带有 Emoji 的文稿
+    When 用户点击已有的 Emoji 图标
+    And 用户选择另一个 Emoji
+    Then 文稿图标应该更新为新的 Emoji
+
+  @PAGE-EMOJI-003 @P2
+  Scenario: 删除文稿的 Emoji 图标
+    Given 用户打开一个带有 Emoji 的文稿
+    When 用户点击已有的 Emoji 图标
+    And 用户点击删除图标按钮
+    Then 文稿不应该显示 Emoji 图标

package/e2e/src/steps/agent/conversation.steps.ts

@@ -7,7 +7,7 @@ import { Given, Then, When } from '@cucumber/cucumber';
 import { expect } from '@playwright/test';
 
 import { llmMockManager, presetResponses } from '../../mocks/llm';
-import { CustomWorld } from '../../support/world';
+import { CustomWorld, WAIT_TIMEOUT } from '../../support/world';
 
 // ============================================
 // Given Steps
@@ -29,19 +29,19 @@ Given('用户进入 Lobe AI 对话页面', async function (this: CustomWorld) {
   console.log('   📍 Step: 导航到首页...');
   // Navigate to home page first
   await this.page.goto('/');
-  await this.page.waitForLoadState('networkidle', { timeout: 10_000 });
+  await this.page.waitForLoadState('networkidle', { timeout: WAIT_TIMEOUT });
 
   console.log('   📍 Step: 查找 Lobe AI...');
   // Find and click on "Lobe AI" agent in the sidebar/home
   const lobeAIAgent = this.page.locator('text=Lobe AI').first();
-  await expect(lobeAIAgent).toBeVisible({ timeout: 10_000 });
+  await expect(lobeAIAgent).toBeVisible({ timeout: WAIT_TIMEOUT });
 
   console.log('   📍 Step: 点击 Lobe AI...');
   await lobeAIAgent.click();
 
   console.log('   📍 Step: 等待聊天界面加载...');
   // Wait for the chat interface to be ready
-  await this.page.waitForLoadState('networkidle', { timeout: 10_000 });
+  await this.page.waitForLoadState('networkidle', { timeout: WAIT_TIMEOUT });
 
   console.log('   📍 Step: 查找输入框...');
   // The input is a rich text editor with contenteditable

package/e2e/src/steps/home/sidebarAgent.steps.ts

@@ -10,7 +10,86 @@ import { Given, Then, When } from '@cucumber/cucumber';
 import { expect } from '@playwright/test';
 
 import { TEST_USER } from '../../support/seedTestUser';
-import { CustomWorld } from '../../support/world';
+import { CustomWorld, WAIT_TIMEOUT } from '../../support/world';
+
+// ============================================
+// Helper Functions
+// ============================================
+
+async function inputNewName(
+  this: CustomWorld,
+  newName: string,
+  pressEnter: boolean,
+): Promise<void> {
+  await this.page.waitForTimeout(300);
+
+  // Try to find the popover input
+  const popoverInputSelectors = [
+    '.ant-popover-inner input',
+    '.ant-popover-content input',
+    '.ant-popover input',
+  ];
+
+  let renameInput = null;
+
+  for (const selector of popoverInputSelectors) {
+    try {
+      const locator = this.page.locator(selector).first();
+      await locator.waitFor({ state: 'visible', timeout: 2000 });
+      renameInput = locator;
+      break;
+    } catch {
+      // Try next selector
+    }
+  }
+
+  if (!renameInput) {
+    // Fallback: find any visible input
+    const allInputs = this.page.locator('input:visible');
+    const count = await allInputs.count();
+
+    for (let i = 0; i < count; i++) {
+      const input = allInputs.nth(i);
+      const placeholder = (await input.getAttribute('placeholder').catch(() => '')) || '';
+      if (placeholder.includes('Search') || placeholder.includes('搜索')) continue;
+
+      const isInPopover = await input.evaluate((el) => {
+        return el.closest('.ant-popover') !== null || el.closest('[class*="popover"]') !== null;
+      });
+
+      if (isInPopover || count <= 2) {
+        renameInput = input;
+        break;
+      }
+    }
+  }
+
+  if (renameInput) {
+    await renameInput.click();
+    await renameInput.clear();
+    await renameInput.fill(newName);
+
+    if (pressEnter) {
+      await renameInput.press('Enter');
+    } else {
+      await this.page.click('body', { position: { x: 10, y: 10 } });
+    }
+  } else {
+    // Keyboard fallback
+    await this.page.keyboard.press('Meta+A');
+    await this.page.waitForTimeout(50);
+    await this.page.keyboard.type(newName, { delay: 20 });
+
+    if (pressEnter) {
+      await this.page.keyboard.press('Enter');
+    } else {
+      await this.page.click('body', { position: { x: 10, y: 10 } });
+    }
+  }
+
+  await this.page.waitForTimeout(1000);
+  console.log(`   ✅ 已输入新名称 "${newName}"`);
+}
 
 /**
  * Create a test agent directly in database
@@ -60,7 +139,7 @@ Given('用户在 Home 页面有一个 Agent', async function (this: CustomWorld)
   console.log('   📍 Step: 查找新创建的 Agent...');
   // Look for the newly created agent in the sidebar by its specific ID
   const agentItem = this.page.locator(`a[href="/agent/${agentId}"]`).first();
-  await expect(agentItem).toBeVisible({ timeout: 10_000 });
+  await expect(agentItem).toBeVisible({ timeout: WAIT_TIMEOUT });
 
   // Store agent reference for later use
   const agentLabel = await agentItem.getAttribute('aria-label');
@@ -81,7 +160,7 @@ Given('该 Agent 未被置顶', async function (this: CustomWorld) {
     // Unpin it first
     await targetItem.click({ button: 'right' });
     await this.page.waitForTimeout(300);
-    const unpinOption = this.page.getByRole('menuitem', { name: /取消置顶|Unpin/i });
+    const unpinOption = this.page.getByRole('menuitem', { name: /取消置顶|unpin/i });
     if ((await unpinOption.count()) > 0) {
       await unpinOption.click();
       await this.page.waitForTimeout(500);
@@ -103,7 +182,7 @@ Given('该 Agent 已被置顶', async function (this: CustomWorld) {
     // Pin it first
     await targetItem.click({ button: 'right' });
     await this.page.waitForTimeout(300);
-    const pinOption = this.page.getByRole('menuitem', { name: /置顶|Pin/i });
+    const pinOption = this.page.getByRole('menuitem', { name: /置顶|pin/i });
     if ((await pinOption.count()) > 0) {
       await pinOption.click();
       await this.page.waitForTimeout(500);
@@ -179,7 +258,7 @@ When('用户点击更多操作按钮', async function (this: CustomWorld) {
 When('用户在菜单中选择重命名', async function (this: CustomWorld) {
   console.log('   📍 Step: 选择重命名选项...');
 
-  const renameOption = this.page.getByRole('menuitem', { name: /^(Rename|重命名)$/i });
+  const renameOption = this.page.getByRole('menuitem', { name: /^(rename|重命名)$/i });
   await expect(renameOption).toBeVisible({ timeout: 5000 });
   await renameOption.click();
   await this.page.waitForTimeout(500);
@@ -190,7 +269,7 @@ When('用户在菜单中选择重命名', async function (this: CustomWorld) {
 When('用户在菜单中选择置顶', async function (this: CustomWorld) {
   console.log('   📍 Step: 选择置顶选项...');
 
-  const pinOption = this.page.getByRole('menuitem', { name: /^(Pin|置顶)$/i });
+  const pinOption = this.page.getByRole('menuitem', { name: /^(pin|置顶)$/i });
   await expect(pinOption).toBeVisible({ timeout: 5000 });
   await pinOption.click();
   await this.page.waitForTimeout(500);
@@ -201,7 +280,7 @@ When('用户在菜单中选择置顶', async function (this: CustomWorld) {
 When('用户在菜单中选择取消置顶', async function (this: CustomWorld) {
   console.log('   📍 Step: 选择取消置顶选项...');
 
-  const unpinOption = this.page.getByRole('menuitem', { name: /^(Unpin|取消置顶)$/i });
+  const unpinOption = this.page.getByRole('menuitem', { name: /^(unpin|取消置顶)$/i });
   await expect(unpinOption).toBeVisible({ timeout: 5000 });
   await unpinOption.click();
   await this.page.waitForTimeout(500);
@@ -212,7 +291,7 @@ When('用户在菜单中选择取消置顶', async function (this: CustomWorld)
 When('用户在菜单中选择删除', async function (this: CustomWorld) {
   console.log('   📍 Step: 选择删除选项...');
 
-  const deleteOption = this.page.getByRole('menuitem', { name: /^(Delete|删除)$/i });
+  const deleteOption = this.page.getByRole('menuitem', { name: /^(delete|删除)$/i });
   await expect(deleteOption).toBeVisible({ timeout: 5000 });
   await deleteOption.click();
   await this.page.waitForTimeout(300);
@@ -236,13 +315,10 @@ When('用户输入新的名称 {string}', async function (this: CustomWorld, new
   await inputNewName.call(this, newName, false);
 });
 
-When(
-  '用户输入新的名称 {string} 并按 Enter',
-  async function (this: CustomWorld, newName: string) {
-    console.log(`   📍 Step: 输入新名称 "${newName}" 并按 Enter...`);
-    await inputNewName.call(this, newName, true);
-  },
-);
+When('用户输入新的名称 {string} 并按 Enter', async function (this: CustomWorld, newName: string) {
+  console.log(`   📍 Step: 输入新名称 "${newName}" 并按 Enter...`);
+  await inputNewName.call(this, newName, true);
+});
 
 // ============================================
 // Then Steps
@@ -292,82 +368,3 @@ Then('Agent 应该从列表中移除', async function (this: CustomWorld) {
 
   console.log('   ✅ Agent 已从列表中移除');
 });
-
-// ============================================
-// Helper Functions
-// ============================================
-
-async function inputNewName(
-  this: CustomWorld,
-  newName: string,
-  pressEnter: boolean,
-): Promise<void> {
-  await this.page.waitForTimeout(300);
-
-  // Try to find the popover input
-  const popoverInputSelectors = [
-    '.ant-popover-inner input',
-    '.ant-popover-content input',
-    '.ant-popover input',
-  ];
-
-  let renameInput = null;
-
-  for (const selector of popoverInputSelectors) {
-    try {
-      const locator = this.page.locator(selector).first();
-      await locator.waitFor({ state: 'visible', timeout: 2000 });
-      renameInput = locator;
-      break;
-    } catch {
-      // Try next selector
-    }
-  }
-
-  if (!renameInput) {
-    // Fallback: find any visible input
-    const allInputs = this.page.locator('input:visible');
-    const count = await allInputs.count();
-
-    for (let i = 0; i < count; i++) {
-      const input = allInputs.nth(i);
-      const placeholder = (await input.getAttribute('placeholder').catch(() => '')) || '';
-      if (placeholder.includes('Search') || placeholder.includes('搜索')) continue;
-
-      const isInPopover = await input.evaluate((el) => {
-        return el.closest('.ant-popover') !== null || el.closest('[class*="popover"]') !== null;
-      });
-
-      if (isInPopover || count <= 2) {
-        renameInput = input;
-        break;
-      }
-    }
-  }
-
-  if (renameInput) {
-    await renameInput.click();
-    await renameInput.clear();
-    await renameInput.fill(newName);
-
-    if (pressEnter) {
-      await renameInput.press('Enter');
-    } else {
-      await this.page.click('body', { position: { x: 10, y: 10 } });
-    }
-  } else {
-    // Keyboard fallback
-    await this.page.keyboard.press('Meta+A');
-    await this.page.waitForTimeout(50);
-    await this.page.keyboard.type(newName, { delay: 20 });
-
-    if (pressEnter) {
-      await this.page.keyboard.press('Enter');
-    } else {
-      await this.page.click('body', { position: { x: 10, y: 10 } });
-    }
-  }
-
-  await this.page.waitForTimeout(1000);
-  console.log(`   ✅ 已输入新名称 "${newName}"`);
-}

package/e2e/src/steps/home/sidebarGroup.steps.ts

@@ -10,7 +10,7 @@ import { Given, Then, When } from '@cucumber/cucumber';
 import { expect } from '@playwright/test';
 
 import { TEST_USER } from '../../support/seedTestUser';
-import { CustomWorld } from '../../support/world';
+import { CustomWorld, WAIT_TIMEOUT } from '../../support/world';
 
 /**
  * Create a test chat group directly in database
@@ -58,7 +58,7 @@ Given('用户在 Home 页面有一个 Agent Group', async function (this: Custom
 
   console.log('   📍 Step: 查找新创建的 Agent Group...');
   const groupItem = this.page.locator(`a[href="/group/${groupId}"]`).first();
-  await expect(groupItem).toBeVisible({ timeout: 10_000 });
+  await expect(groupItem).toBeVisible({ timeout: WAIT_TIMEOUT });
 
   const groupLabel = await groupItem.getAttribute('aria-label');
   this.testContext.targetItemId = groupLabel || groupId;
@@ -76,7 +76,7 @@ Given('该 Agent Group 未被置顶', async function (this: CustomWorld) {
   if ((await pinIcon.count()) > 0) {
     await targetItem.click({ button: 'right' });
     await this.page.waitForTimeout(300);
-    const unpinOption = this.page.getByRole('menuitem', { name: /取消置顶|Unpin/i });
+    const unpinOption = this.page.getByRole('menuitem', { name: /取消置顶|unpin/i });
     if ((await unpinOption.count()) > 0) {
       await unpinOption.click();
       await this.page.waitForTimeout(500);
@@ -95,7 +95,7 @@ Given('该 Agent Group 已被置顶', async function (this: CustomWorld) {
   if ((await pinIcon.count()) === 0) {
     await targetItem.click({ button: 'right' });
     await this.page.waitForTimeout(300);
-    const pinOption = this.page.getByRole('menuitem', { name: /置顶|Pin/i });
+    const pinOption = this.page.getByRole('menuitem', { name: /置顶|pin/i });
     if ((await pinOption.count()) > 0) {
       await pinOption.click();
       await this.page.waitForTimeout(500);

package/e2e/src/steps/hooks.ts

@@ -85,6 +85,7 @@ Before(async function (this: CustomWorld, { pickle }) {
       tag.name.startsWith('@COMMUNITY-') ||
       tag.name.startsWith('@AGENT-') ||
       tag.name.startsWith('@HOME-') ||
+      tag.name.startsWith('@PAGE-') ||
       tag.name.startsWith('@ROUTES-'),
   );
   console.log(`\n📝 Running: ${pickle.name}${testId ? ` (${testId.name.replace('@', '')})` : ''}`);
@@ -106,6 +107,7 @@ After(async function (this: CustomWorld, { pickle, result }) {
         tag.name.startsWith('@COMMUNITY-') ||
         tag.name.startsWith('@AGENT-') ||
         tag.name.startsWith('@HOME-') ||
+        tag.name.startsWith('@PAGE-') ||
         tag.name.startsWith('@ROUTES-'),
     )
     ?.name.replace('@', '');