diff --git a/frontend/cypress/e2e/demo-walkthrough.cy.js b/frontend/cypress/e2e/demo-walkthrough.cy.js index ad9c2c2..8bc3a2d 100644 --- a/frontend/cypress/e2e/demo-walkthrough.cy.js +++ b/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') }) })