@lobehub/lobehub 2.0.0-next.232 → 2.0.0-next.234

package/e2e/src/features/community/interactions.feature

@@ -1,4 +1,4 @@
-@discover @interactions
+@community @interactions
 Feature: Discover Interactions
   Tests for user interactions within the discover module
 
@@ -9,14 +9,14 @@ Feature: Discover Interactions
   # Assistant Page Interactions
   # ============================================
 
-  @DISCOVER-INTERACT-001 @P1
+  @COMMUNITY-INTERACT-001 @P1
   Scenario: Search for assistants
     Given I navigate to "/community/assistant"
     When I type "developer" in the search bar
     And I wait for the search results to load
     Then I should see filtered assistant cards
 
-  @DISCOVER-INTERACT-002 @P1
+  @COMMUNITY-INTERACT-002 @P1
   Scenario: Filter assistants by category
     Given I navigate to "/community/assistant"
     When I click on a category in the category menu
@@ -24,7 +24,7 @@ Feature: Discover Interactions
     Then I should see assistant cards filtered by the selected category
     And the URL should contain the category parameter
 
-  @DISCOVER-INTERACT-003 @P1
+  @COMMUNITY-INTERACT-003 @P1
   Scenario: Navigate to next page of assistants
     Given I navigate to "/community/assistant"
     When I click the next page button
@@ -32,7 +32,7 @@ Feature: Discover Interactions
     Then I should see different assistant cards
     And the URL should contain the page parameter
 
-  @DISCOVER-INTERACT-004 @P1
+  @COMMUNITY-INTERACT-004 @P1
   Scenario: Navigate to assistant detail page
     Given I navigate to "/community/assistant"
     When I click on the first assistant card
@@ -43,7 +43,7 @@ Feature: Discover Interactions
   # Model Page Interactions
   # ============================================
 
-  @DISCOVER-INTERACT-005 @P1
+  @COMMUNITY-INTERACT-005 @P1
   Scenario: Sort models
     Given I navigate to "/community/model"
     When I click on the sort dropdown
@@ -51,7 +51,7 @@ Feature: Discover Interactions
     And I wait for the sorted results to load
     Then I should see model cards in the sorted order
 
-  @DISCOVER-INTERACT-006 @P1
+  @COMMUNITY-INTERACT-006 @P1
   Scenario: Navigate to model detail page
     Given I navigate to "/community/model"
     When I click on the first model card
@@ -62,7 +62,7 @@ Feature: Discover Interactions
   # Provider Page Interactions
   # ============================================
 
-  @DISCOVER-INTERACT-007 @P1
+  @COMMUNITY-INTERACT-007 @P1
   Scenario: Navigate to provider detail page
     Given I navigate to "/community/provider"
     When I click on the first provider card
@@ -73,14 +73,14 @@ Feature: Discover Interactions
   # MCP Page Interactions
   # ============================================
 
-  @DISCOVER-INTERACT-008 @P1
+  @COMMUNITY-INTERACT-008 @P1
   Scenario: Filter MCP tools by category
     Given I navigate to "/community/mcp"
     When I click on a category in the category filter
     And I wait for the filtered results to load
     Then I should see MCP cards filtered by the selected category
 
-  @DISCOVER-INTERACT-009 @P1
+  @COMMUNITY-INTERACT-009 @P1
   Scenario: Navigate to MCP detail page
     Given I navigate to "/community/mcp"
     When I click on the first MCP card
@@ -91,21 +91,21 @@ Feature: Discover Interactions
   # Home Page Interactions
   # ============================================
 
-  @DISCOVER-INTERACT-010 @P1
+  @COMMUNITY-INTERACT-010 @P1
   Scenario: Navigate from home to assistant list
     Given I navigate to "/community"
     When I click on the "more" link in the featured assistants section
     Then I should be navigated to "/community/assistant"
     And I should see the page body
 
-  @DISCOVER-INTERACT-011 @P1
+  @COMMUNITY-INTERACT-011 @P1
   Scenario: Navigate from home to MCP list
     Given I navigate to "/community"
     When I click on the "more" link in the featured MCP tools section
     Then I should be navigated to "/community/mcp"
     And I should see the page body
 
-  @DISCOVER-INTERACT-012 @P1
+  @COMMUNITY-INTERACT-012 @P1
   Scenario: Click featured assistant from home
     Given I navigate to "/community"
     When I click on the first featured assistant card

package/e2e/src/features/community/smoke.feature

@@ -1,8 +1,8 @@
-@discover @smoke
+@community @smoke
 Feature: Community Smoke Tests
   Critical path tests to ensure the community/discover module is functional
 
-  @DISCOVER-SMOKE-001 @P0
+  @COMMUNITY-SMOKE-001 @P0
   Scenario: Load Community Home Page
     Given I navigate to "/community"
     Then the page should load without errors
@@ -10,7 +10,7 @@ Feature: Community Smoke Tests
     And I should see the featured assistants section
     And I should see the featured MCP tools section
 
-  @DISCOVER-SMOKE-002 @P0
+  @COMMUNITY-SMOKE-002 @P0
   Scenario: Load Assistant List Page
     Given I navigate to "/community/assistant"
     Then the page should load without errors
@@ -20,7 +20,7 @@ Feature: Community Smoke Tests
     And I should see assistant cards
     And I should see pagination controls
 
-  @DISCOVER-SMOKE-003 @P0
+  @COMMUNITY-SMOKE-003 @P0
   Scenario: Load Model List Page
     Given I navigate to "/community/model"
     Then the page should load without errors
@@ -28,14 +28,14 @@ Feature: Community Smoke Tests
     And I should see model cards
     And I should see the sort dropdown
 
-  @DISCOVER-SMOKE-004 @P0
+  @COMMUNITY-SMOKE-004 @P0
   Scenario: Load Provider List Page
     Given I navigate to "/community/provider"
     Then the page should load without errors
     And I should see the page body
     And I should see provider cards
 
-  @DISCOVER-SMOKE-005 @P0
+  @COMMUNITY-SMOKE-005 @P0
   Scenario: Load MCP List Page
     Given I navigate to "/community/mcp"
     Then the page should load without errors

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

@@ -200,56 +200,191 @@ When('用户右键点击一个对话', async function (this: CustomWorld) {
 When('用户选择重命名选项', async function (this: CustomWorld) {
   console.log('   📍 Step: 选择重命名选项...');
 
-  // The context menu should be visible with "rename" option
-  // Use exact match to avoid matching "智能重命名"
-  const renameOption = this.page.getByRole('menuitem', { exact: true, name: '重命名' });
+  // First, close any open context menu by clicking elsewhere
+  await this.page.click('body', { position: { x: 500, y: 300 } });
+  await this.page.waitForTimeout(300);
+
+  // Instead of using right-click context menu, use the "..." dropdown menu
+  // which appears when hovering over a topic item
+  const topicItems = this.page.locator('svg.lucide-star').locator('..').locator('..');
+  const topicCount = await topicItems.count();
+  console.log(`   📍 Found ${topicCount} topic items`);
+
+  if (topicCount > 0) {
+    // Hover on the first topic to reveal the "..." action button
+    const firstTopic = topicItems.first();
+    await firstTopic.hover();
+    console.log('   📍 Hovering on topic item...');
+    await this.page.waitForTimeout(500);
+
+    // The "..." button should now be visible INSIDE the topic item
+    // Important: we must find the icon WITHIN the hovered topic, not the global one
+    // The topic item has a specific structure with nav-item-actions
+    const moreButtonInTopic = firstTopic.locator('svg.lucide-ellipsis, svg.lucide-more-horizontal');
+    let moreButtonCount = await moreButtonInTopic.count();
+    console.log(`   📍 Found ${moreButtonCount} more buttons inside topic`);
+
+    if (moreButtonCount > 0) {
+      // Click the "..." button to open dropdown menu
+      await moreButtonInTopic.first().click();
+      console.log('   📍 Clicked ... button inside topic');
+      await this.page.waitForTimeout(500);
+    } else {
+      // Fallback: try to find it by looking at the actions container
+      console.log('   📍 Trying alternative: looking for actions container...');
+
+      // Debug: print the topic item HTML structure
+      const topicHTML = await firstTopic.evaluate((el) => el.outerHTML.slice(0, 500));
+      console.log(`   📍 Topic HTML: ${topicHTML}`);
+
+      // The actions might be in a sibling or parent element
+      // Try finding any ellipsis icon that's near the topic
+      const allEllipsis = this.page.locator('svg.lucide-ellipsis');
+      const ellipsisCount = await allEllipsis.count();
+      console.log(`   📍 Total ellipsis icons on page: ${ellipsisCount}`);
+
+      // Skip the first one (which is the global topic list menu)
+      // and click the second one (which should be in the topic item)
+      if (ellipsisCount > 1) {
+        await allEllipsis.nth(1).click();
+        console.log('   📍 Clicked second ellipsis icon');
+        await this.page.waitForTimeout(500);
+      }
+    }
+  }
+
+  // Now find the rename option in the dropdown menu
+  const renameOption = this.page.getByRole('menuitem', { exact: true, name: /^(Rename|重命名)$/ });
 
   await expect(renameOption).toBeVisible({ timeout: 5000 });
+  console.log('   📍 Found rename menu item');
+
+  // Click the rename option
   await renameOption.click();
+  console.log('   📍 Clicked rename menu item');
+
+  // Wait for the popover/input to appear
+  await this.page.waitForTimeout(500);
+
+  // Check if input appeared
+  const inputCount = await this.page.locator('input').count();
+  console.log(`   📍 After click: ${inputCount} inputs on page`);
 
   console.log('   ✅ 已选择重命名选项');
-  await this.page.waitForTimeout(300);
 });
 
 When('用户输入新的对话名称 {string}', async function (this: CustomWorld, newName: string) {
   console.log(`   📍 Step: 输入新名称 "${newName}"...`);
 
-  // The topic should now be in editing mode with an input field
-  this.page.locator('input[type="text"]').filter({
-    has: this.page.locator(':focus'),
+  // Debug: check what's on the page
+  const debugInfo = await this.page.evaluate(() => {
+    const allInputs = document.querySelectorAll('input');
+    const allPopovers = document.querySelectorAll('[class*="popover"], .ant-popover');
+    const focusedElement = document.activeElement;
+    return {
+      focusedClass: focusedElement?.className,
+      focusedTag: focusedElement?.tagName,
+      inputCount: allInputs.length,
+      inputTags: Array.from(allInputs).map((i) => ({
+        className: i.className,
+        placeholder: i.placeholder,
+        type: i.type,
+        visible: i.offsetParent !== null,
+      })),
+      popoverCount: allPopovers.length,
+    };
   });
+  console.log('   📍 Debug info:', JSON.stringify(debugInfo, null, 2));
 
-  // Wait for input to appear
-  await this.page.waitForTimeout(500);
+  // Wait a short moment for the popover to render
+  await this.page.waitForTimeout(300);
+
+  // Try to find the popover input using various selectors
+  // @lobehub/ui Popover uses antd's Popover internally
+  const popoverInputSelectors = [
+    // antd popover structure
+    '.ant-popover-inner input',
+    '.ant-popover-content input',
+    '.ant-popover input',
+    // Generic input that's visible and not the chat input
+    'input:not([data-testid="chat-input"] input)',
+  ];
+
+  let renameInput = null;
+
+  // Wait for any popover input to appear
+  for (const selector of popoverInputSelectors) {
+    try {
+      const locator = this.page.locator(selector).first();
+      await locator.waitFor({ state: 'visible', timeout: 2000 });
+      renameInput = locator;
+      console.log(`   📍 Found input with selector: ${selector}`);
+      break;
+    } catch {
+      // Try next selector
+    }
+  }
 
-  // Find the visible input in the sidebar area
-  const sidebarInput = this.page.locator('[class*="NavItem"] input, .ant-input');
-  const inputCount = await sidebarInput.count();
-  console.log(`   📍 Found ${inputCount} input fields`);
+  if (!renameInput) {
+    // Fallback: find any visible input that's not the search or chat input
+    console.log('   📍 Trying fallback: finding any visible input...');
+    const allInputs = this.page.locator('input:visible');
+    const count = await allInputs.count();
+    console.log(`   📍 Found ${count} visible inputs`);
+
+    for (let i = 0; i < count; i++) {
+      const input = allInputs.nth(i);
+      const placeholder = await input.getAttribute('placeholder').catch(() => '');
+      const testId = await input.dataset.testid.catch(() => '');
+
+      // Skip search inputs and chat inputs
+      if (placeholder?.includes('Search') || placeholder?.includes('搜索')) continue;
+      if (testId === 'chat-input') continue;
+
+      // Check if it's inside a popover-like container
+      const isInPopover = await input.evaluate((el) => {
+        return el.closest('.ant-popover') !== null || el.closest('[class*="popover"]') !== null;
+      });
+
+      if (isInPopover || count === 1) {
+        renameInput = input;
+        console.log(`   📍 Found candidate input at index ${i}`);
+        break;
+      }
+    }
+  }
 
-  if (inputCount > 0) {
-    const input = sidebarInput.first();
-    await input.clear();
-    await input.fill(newName);
-    await this.page.keyboard.press('Enter');
+  if (renameInput) {
+    // Clear and fill the input
+    await renameInput.click();
+    await renameInput.clear();
+    await renameInput.fill(newName);
+    console.log(`   📍 Filled input with "${newName}"`);
+
+    // Press Enter to confirm
+    await renameInput.press('Enter');
     console.log(`   ✅ 已输入新名称 "${newName}"`);
   } else {
-    // Try finding by focused element
-    await this.page.keyboard.type(newName, { delay: 30 });
+    // Last resort: the input should have autoFocus, so keyboard should work
+    console.log('   ⚠️ Could not find rename input element, using keyboard fallback...');
+    // Select all and replace
+    await this.page.keyboard.press('Meta+A');
+    await this.page.waitForTimeout(50);
+    await this.page.keyboard.type(newName, { delay: 20 });
     await this.page.keyboard.press('Enter');
     console.log(`   ✅ 已通过键盘输入新名称 "${newName}"`);
   }
 
-  await this.page.waitForTimeout(500);
+  // Wait for the rename to be saved
+  await this.page.waitForTimeout(1000);
 });
 
 When('用户选择删除选项', async function (this: CustomWorld) {
   console.log('   📍 Step: 选择删除选项...');
 
   // The context menu should be visible with "delete" option
-  const deleteOption = this.page.locator(
-    '.ant-dropdown-menu-item:has-text("删除"), .ant-dropdown-menu-item-danger',
-  );
+  // Support both English and Chinese
+  const deleteOption = this.page.getByRole('menuitem', { exact: true, name: /^(Delete|删除)$/ });
 
   await expect(deleteOption).toBeVisible({ timeout: 5000 });
   await deleteOption.click();
@@ -276,7 +411,10 @@ When('用户在搜索框中输入 {string}', async function (this: CustomWorld,
   console.log(`   📍 Step: 在搜索框中输入 "${searchText}"...`);
 
   // Find the search input in the sidebar
-  const searchInput = this.page.locator('input[placeholder*="搜索"], [data-testid="search-input"]');
+  // Support both English and Chinese placeholders
+  const searchInput = this.page.locator(
+    'input[placeholder*="Search"], input[placeholder*="搜索"], [data-testid="search-input"]',
+  );
 
   if ((await searchInput.count()) > 0) {
     await searchInput.first().click();
@@ -321,6 +459,39 @@ Then('应该创建一个新的空白对话', async function (this: CustomWorld)
   console.log('   ✅ 新对话已创建');
 });
 
+Then('页面应该显示欢迎界面', async function (this: CustomWorld) {
+  console.log('   📍 Step: 验证页面显示欢迎界面...');
+
+  // Wait for the page to update
+  await this.page.waitForTimeout(500);
+
+  // New conversation typically shows a welcome/empty state
+  // Check for visible chat input (there may be 2 - desktop and mobile, find the visible one)
+  const chatInputs = this.page.locator('[data-testid="chat-input"]');
+  const count = await chatInputs.count();
+
+  let foundVisible = false;
+  for (let i = 0; i < count; i++) {
+    const elem = chatInputs.nth(i);
+    const box = await elem.boundingBox();
+    if (box && box.width > 0 && box.height > 0) {
+      foundVisible = true;
+      console.log(`   📍 Found visible chat-input at index ${i}`);
+      break;
+    }
+  }
+
+  // Just verify the page is loaded properly by checking URL or any content
+  if (!foundVisible) {
+    // Fallback: just verify we're still on the chat page
+    const currentUrl = this.page.url();
+    expect(currentUrl).toContain('/chat');
+    console.log('   📍 Fallback: verified we are on chat page');
+  }
+
+  console.log('   ✅ 欢迎界面已显示');
+});
+
 Then('应该切换到该对话', async function (this: CustomWorld) {
   console.log('   📍 Step: 验证已切换对话...');
 

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

@@ -81,6 +81,64 @@ Given('用户进入 Lobe AI 对话页面', async function (this: CustomWorld) {
 // When Steps
 // ============================================
 
+/**
+ * Given step for when user has already sent a message
+ * This sends a message and waits for the AI response
+ */
+Given('用户已发送消息 {string}', async function (this: CustomWorld, message: string) {
+  console.log(`   📍 Step: 发送消息 "${message}" 并等待回复...`);
+
+  // Find visible chat input container first
+  const chatInputs = this.page.locator('[data-testid="chat-input"]');
+  const count = await chatInputs.count();
+
+  let chatInputContainer = chatInputs.first();
+  for (let i = 0; i < count; i++) {
+    const elem = chatInputs.nth(i);
+    const box = await elem.boundingBox();
+    if (box && box.width > 0 && box.height > 0) {
+      chatInputContainer = elem;
+      break;
+    }
+  }
+
+  // Click the container to ensure focus is on the input area
+  await chatInputContainer.click();
+  await this.page.waitForTimeout(500);
+
+  // Type the message
+  await this.page.keyboard.type(message, { delay: 30 });
+  await this.page.waitForTimeout(300);
+
+  // Send the message
+  await this.page.keyboard.press('Enter');
+
+  // Wait for the message to be sent
+  await this.page.waitForTimeout(1000);
+
+  // Wait for the assistant response to appear
+  // Assistant messages are left-aligned .message-wrapper elements that contain "Lobe AI" title
+  console.log('   📍 Step: 等待助手回复...');
+
+  // Wait for any new message wrapper to appear (there should be at least 2 - user + assistant)
+  const messageWrappers = this.page.locator('.message-wrapper');
+  await expect(messageWrappers)
+    .toHaveCount(2, { timeout: 15_000 })
+    .catch(() => {
+      // Fallback: just wait for at least one message wrapper
+      console.log('   📍 Fallback: checking for any message wrapper');
+    });
+
+  // Verify the assistant message contains expected content
+  const assistantMessage = this.page.locator('.message-wrapper').filter({
+    has: this.page.locator('text=Lobe AI'),
+  });
+  await expect(assistantMessage).toBeVisible({ timeout: 5000 });
+
+  this.testContext.lastMessage = message;
+  console.log(`   ✅ 消息已发送并收到回复`);
+});
+
 When('用户发送消息 {string}', async function (this: CustomWorld, message: string) {
   console.log(`   📍 Step: 查找输入框...`);
 

package/e2e/src/steps/agent/message-ops.steps.ts

@@ -259,15 +259,19 @@ When('用户点击消息的更多操作按钮', async function (this: CustomWorl
     for (let i = 0; i < svgButtonCount; i++) {
       const btn = allSvgButtons.nth(i);
       const box = await btn.boundingBox();
-      if (box && box.width > 0 && box.height > 0 && box.width < 50 && // Only consider small buttons (action icons are small)
-        
-          box.x > 320 &&
-          box.y >= messageBox.y &&
-          box.y <= messageBox.y + messageBox.height + 50
-         && box.x > maxX) {
-            maxX = box.x;
-            rightmostBtn = btn;
-          }
+      if (
+        box &&
+        box.width > 0 &&
+        box.height > 0 &&
+        box.width < 50 && // Only consider small buttons (action icons are small)
+        box.x > 320 &&
+        box.y >= messageBox.y &&
+        box.y <= messageBox.y + messageBox.height + 50 &&
+        box.x > maxX
+      ) {
+        maxX = box.x;
+        rightmostBtn = btn;
+      }
     }
 
     if (rightmostBtn) {
@@ -284,8 +288,9 @@ When('用户点击消息的更多操作按钮', async function (this: CustomWorl
 When('用户选择删除消息选项', async function (this: CustomWorld) {
   console.log('   📍 Step: 选择删除消息选项...');
 
-  // Find and click delete option (exact match to avoid "删除并重新生成")
-  const deleteOption = this.page.getByRole('menuitem', { exact: true, name: '删除' });
+  // Find and click delete option (exact match to avoid "Delete and Regenerate")
+  // Support both English and Chinese
+  const deleteOption = this.page.getByRole('menuitem', { exact: true, name: /^(Delete|删除)$/ });
   await expect(deleteOption).toBeVisible({ timeout: 5000 });
   await deleteOption.click();
 
@@ -313,8 +318,8 @@ When('用户确认删除消息', async function (this: CustomWorld) {
 When('用户选择折叠消息选项', async function (this: CustomWorld) {
   console.log('   📍 Step: 选择折叠消息选项...');
 
-  // The collapse option is "收起消息" in the menu
-  const collapseOption = this.page.getByRole('menuitem', { name: /收起消息/ });
+  // The collapse option is "Collapse Message" or "收起消息" in the menu
+  const collapseOption = this.page.getByRole('menuitem', { name: /Collapse Message|收起消息/ });
   await expect(collapseOption).toBeVisible({ timeout: 5000 });
   await collapseOption.click();
 
@@ -325,8 +330,8 @@ When('用户选择折叠消息选项', async function (this: CustomWorld) {
 When('用户选择展开消息选项', async function (this: CustomWorld) {
   console.log('   📍 Step: 选择展开消息选项...');
 
-  // The expand option is "展开消息" in the menu
-  const expandOption = this.page.getByRole('menuitem', { name: /展开消息/ });
+  // The expand option is "Expand Message" or "展开消息" in the menu
+  const expandOption = this.page.getByRole('menuitem', { name: /Expand Message|展开消息/ });
   await expect(expandOption).toBeVisible({ timeout: 5000 });
   await expandOption.click();