frontend/cypress/e2e/demo-walkthrough.cy.js

@@ -5,82 +5,26 @@ describe('doTERRA 精油配方计算器 - 功能演示', () => {
     cy.getAdminToken().then(token => { adminToken = token })
   })
 
-  it('完整功能演示', { defaultCommandTimeout: 20000 }, () => {
-    // ===== 开场：首页加载 =====
-    cy.visit('/', {
-      onBeforeLoad(win) {
-        win.localStorage.setItem('oil_auth_token', adminToken)
-      }
-    })
-    cy.get('.app-header').should('be.visible')
-    cy.wait(1000)
-
-    // ===== 配方卡片列表 =====
-    cy.get('.recipe-card', { timeout: 15000 }).should('have.length.gte', 1)
-    cy.wait(500)
-
-    // ===== 搜索框输入 =====
-    cy.get('input[placeholder*="搜索"]').should('be.visible').click()
-    cy.get('input[placeholder*="搜索"]').type('薰衣草', { delay: 100 })
-    cy.wait(500)
-    cy.get('input[placeholder*="搜索"]').clear()
-    cy.wait(500)
-
-    // ===== 点击配方卡片 =====
-    cy.get('.recipe-card', { timeout: 10000 }).first().click()
-    cy.wait(1000)
-
-    // ===== 查看详情 =====
-    cy.get('[class*="overlay"], [class*="detail"]', { timeout: 10000 }).should('be.visible')
-    cy.get('.detail-close-btn').first().click({ force: true })
-    cy.wait(500)
-
-    // ===== 切换精油价目 =====
-    cy.get('.nav-tab').contains('精油价目').click()
-    cy.wait(1000)
-
-    // ===== 精油页面 =====
-    cy.get('.oil-chip', { timeout: 10000 }).should('have.length.gte', 1)
-
-    // ===== 管理配方 =====
-    cy.get('.nav-tab').contains('管理配方').click()
-    cy.wait(1000)
-
-    // ===== 个人库存 =====
-    cy.get('.nav-tab').contains('个人库存').click()
-    cy.wait(1000)
-
-    // ===== Admin pages via direct URL =====
-    cy.visit('/audit', {
-      onBeforeLoad(win) {
-        win.localStorage.setItem('oil_auth_token', adminToken)
-      }
-    })
-    cy.contains('操作日志', { timeout: 10000 }).should('be.visible')
-    cy.wait(500)
-
-    cy.visit('/bugs', {
-      onBeforeLoad(win) {
-        win.localStorage.setItem('oil_auth_token', adminToken)
-      }
-    })
-    cy.contains('Bug', { timeout: 10000 }).should('be.visible')
-    cy.wait(500)
-
-    cy.visit('/users', {
-      onBeforeLoad(win) {
-        win.localStorage.setItem('oil_auth_token', adminToken)
-      }
-    })
-    cy.contains('用户管理', { timeout: 10000 }).should('be.visible')
-    cy.wait(500)
-
-    // ===== 回到首页 =====
-    cy.visit('/', {
-      onBeforeLoad(win) {
-        win.localStorage.setItem('oil_auth_token', adminToken)
-      }
-    })
+  it('首页和搜索', { defaultCommandTimeout: 10000 }, () => {
+    cy.visit('/', { onBeforeLoad(win) { win.localStorage.setItem('oil_auth_token', adminToken) } })
     cy.get('.recipe-card', { timeout: 10000 }).should('have.length.gte', 1)
+    cy.get('input[placeholder*="搜索"]').type('薰衣草')
+    cy.get('input[placeholder*="搜索"]').clear()
+    cy.get('.recipe-card').should('have.length.gte', 1)
+  })
+
+  it('页面导航', { defaultCommandTimeout: 10000 }, () => {
+    cy.visit('/', { onBeforeLoad(win) { win.localStorage.setItem('oil_auth_token', adminToken) } })
+    cy.get('.nav-tab').contains('精油价目').click()
+    cy.get('.oil-chip', { timeout: 10000 }).should('have.length.gte', 1)
+    cy.get('.nav-tab').contains('管理配方').click()
+    cy.get('.nav-tab').contains('个人库存').click()
+  })
+
+  it('管理页面可访问', { defaultCommandTimeout: 10000 }, () => {
+    cy.visit('/audit', { onBeforeLoad(win) { win.localStorage.setItem('oil_auth_token', adminToken) } })
+    cy.contains('操作日志', { timeout: 10000 }).should('be.visible')
+    cy.visit('/users', { onBeforeLoad(win) { win.localStorage.setItem('oil_auth_token', adminToken) } })
+    cy.contains('用户管理', { timeout: 10000 }).should('be.visible')
   })
 })