From d55befa222a20fb2d045ec34eaf0da344920ffbb Mon Sep 17 00:00:00 2001 From: dengqichen Date: Mon, 3 Mar 2025 17:55:00 +0800 Subject: [PATCH] aaaaaaaaaa --- cypress/e2e/需求计划页面是否可用1.cy.js | 315 ++++++++++++++++++------ 1 file changed, 244 insertions(+), 71 deletions(-) diff --git a/cypress/e2e/需求计划页面是否可用1.cy.js b/cypress/e2e/需求计划页面是否可用1.cy.js index c5df876..3475b3b 100644 --- a/cypress/e2e/需求计划页面是否可用1.cy.js +++ b/cypress/e2e/需求计划页面是否可用1.cy.js @@ -2,27 +2,24 @@ describe('隆基系统页面验证', () => { // 环境配置 const ENV_CONFIG = { DEV: { - url: 'https://ibp-dev.longi.com/main/#/login', - needCredentials: false - }, - UAT: { - url: 'https://ibp-test.longi.com/main/#/login?debug=ly', - needCredentials: true, - username: 'qichenadmin', - password: '123456' + url: 'https://ibp-dev.longi.com/main/#/login', needCredentials: false + }, UAT: { + url: 'https://ibp-test.longi.com/main/#/login?debug=ly', needCredentials: true, username: 'qichenadmin', password: '123456' } }; + let SELECT_ENV; + // 登录处理函数 - const handleLogin = (environment) => { - const envConfig = ENV_CONFIG[environment]; + const handleLogin = () => { + const envConfig = ENV_CONFIG[SELECT_ENV]; if (!envConfig) { - throw new Error(`未知的环境: ${environment}`); + throw new Error(`未知的环境: ${SELECT_ENV}`); } - cy.log(`正在登录 ${environment} 环境: ${envConfig.url}`); + cy.log(`正在登录 ${SELECT_ENV} 环境: ${envConfig.url}`); cy.visit(envConfig.url); - + // 忽略未捕获的异常 Cypress.on('uncaught:exception', (err, runnable) => false); @@ -48,49 +45,46 @@ describe('隆基系统页面验证', () => { const cleanupMemory = () => { cy.task('clearMemory'); }; - + // 创建常用元素别名 const createAliases = () => { cy.log('创建常用元素别名'); - + // 页面主体 cy.get('body').as('pageBody'); - + // 侧边栏导航 cy.get('.ly-side-nav').as('sideNav'); - + // 主菜单 cy.get('.el-scrollbar__view > .el-menu').as('mainMenu'); - + // 菜单项 cy.get('.el-menu-item').as('menuItems'); - + // 子菜单标题 cy.get('.el-sub-menu__title').as('subMenuTitles'); - + // 内容区域 cy.get('.vab-content').as('contentArea'); - + // 标签页 cy.get('.vab-tabs').as('tabs'); - - // 加载遮罩 - cy.get('.el-loading-mask').as('loadingMask'); - + // 菜单切换按钮 cy.get('.vab-content .toggle-icon').as('menuToggle'); - + cy.log('别名创建完成'); }; - + // 确保菜单展开 const ensureMenuExpanded = () => { cy.log('确保菜单处于展开状态'); - + cy.get('@sideNav').then(($el) => { cy.log(`菜单现在的偏移量是：${$el.css('left')}`); const leftValue = $el.css('left'); - + if (leftValue !== '0px') { cy.log('菜单未展开，点击展开'); cy.get('@menuToggle').click(); @@ -101,77 +95,256 @@ describe('隆基系统页面验证', () => { } }); }; - + // 获取菜单数据 const getMenuItems = () => { cy.log('开始获取菜单结构'); - + return cy.get('@mainMenu').then(($elMenu) => { const menuItems = []; - // 获取所有菜单项 const allMenuItems = $elMenu.find('.el-sub-menu__title, .el-menu-item'); - // 过滤并整理菜单项 allMenuItems.each((index, el) => { - const $item = Cypress.$(el); - const menuText = $item.find('.titleSpan').text().trim() || $item.text().trim(); - const isFirstLevel = $item.find('.menuIcon').length > 0; - + const $el = Cypress.$(el); + const menuText = $el.find('.titleSpan').text().trim() || $el.text().trim(); + const isFirstLevel = $el.find('.menuIcon').length > 0; // 只添加二级菜单项 - if (!isFirstLevel) { - menuItems.push({ - index, - text: menuText, - element: el, - hasThirdMenu: false // 默认设置为没有三级菜单 - }); + if (isFirstLevel) { + return; } + const hasThirdMenu = $el.find('i.el-icon').length > 0; + // 将菜单项添加到数组 + menuItems.push({ + index: index, text: menuText, hasThirdMenu: hasThirdMenu + }); }); - - cy.log(`🔍 找到 ${menuItems.length} 个可测试的菜单项`); - // 使用cy.wrap()将同步值转换为Cypress命令 return cy.wrap(menuItems); }); }; - // 测试入口 - it('验证系统页面是否可用', () => { + // 将菜单数据序列化到文件 + const saveMenuItemsToFile = () => { + cy.log('开始保存菜单数据到文件'); + + // 获取命令行传入的测试标识，如果没有则使用数字时间戳 + const testId = Cypress.env('testId') || 'testId'; + cy.log(`🔖 使用测试标识: ${testId}`); + + return getMenuItems().then(menuItems => { + // 创建可序列化的菜单数据（移除DOM元素） + const serializableMenuItems = menuItems.map(item => ({ + index: item.index, + text: item.text, + hasThirdMenu: item.hasThirdMenu, + tested: false + })); + + // 生成文件名（包含测试标识） + const filename = `cypress/fixtures/${SELECT_ENV}-needs-clicked-data-${testId}.json`; + + // 将数据写入文件 + cy.writeFile(filename, { + testId: testId, + environment: SELECT_ENV, + timestamp: Date.now(), + totalMenuItems: menuItems.length, + menuItems: serializableMenuItems + }).then(() => { + cy.log(`✅ 菜单数据已保存到文件: ${filename}`); + }); + + // 返回菜单项和测试标识，以便链式调用 + return cy.wrap({ + menuItems, testId: testId + }); + }); + }; + + // 处理二级菜单的方法 + const handleSecondLevelMenu = (menuItem) => { + cy.log(`📎 处理二级菜单: ${menuItem.text}`); + // TODO: 添加二级菜单的具体处理逻辑 + // 1. 点击菜单 + // 2. 验证页面加载 + // 3. 检查页面内容 + }; + + // 处理三级菜单的方法 + const handleThirdLevelMenu = (menuItem) => { + cy.log(`📑 处理三级菜单: ${menuItem.text}`); + + // 根据菜单索引找到对应的菜单元素 + cy.get('.el-sub-menu__title, .el-menu-item').eq(menuItem.index).then($element => { + const processThirdMenuItems = ($thirdMenuItems, currentIndex = 0) => { + if (currentIndex >= $thirdMenuItems.length) { + cy.log(`✅ 完成所有三级菜单处理: ${menuItem.text}`); + return; + } + + // 确保二级菜单展开并等待三级菜单出现 + cy.wrap($element).click(); + + // 等待三级菜单弹出框出现 + cy.get('.el-popper.is-light.el-popover', {timeout: 5000}) + .should('be.visible') + .then(() => { + // 重新获取三级菜单项 + cy.get('.el-popper.is-light.el-popover .menuTitle.canClick') + .should('be.visible') + .then($updatedThirdMenus => { + const $currentThirdMenu = $updatedThirdMenus.eq(currentIndex); + const thirdMenuText = $currentThirdMenu.text().trim(); + + cy.log(`处理第 ${currentIndex + 1}/${$thirdMenuItems.length} 个三级菜单: ${thirdMenuText}`); + + // 点击三级菜单项 + cy.wrap($currentThirdMenu).click(); + + // 等待页面加载 + waitForPageLoad(); + + // 处理下一个三级菜单项 + cy.wait(1000).then(() => { + processThirdMenuItems($thirdMenuItems, currentIndex + 1); + }); + }); + }); + }; + + // 开始处理三级菜单 + cy.wrap($element).click(); + + // 等待三级菜单弹出框出现 + cy.get('.el-popper.is-light.el-popover', {timeout: 5000}) + .should('be.visible') + .then(() => { + cy.get('.el-popper.is-light.el-popover .menuTitle.canClick') + .should('be.visible') + .then($thirdMenuItems => { + if ($thirdMenuItems.length > 0) { + cy.log(`发现 ${$thirdMenuItems.length} 个三级菜单项`); + processThirdMenuItems($thirdMenuItems); + } else { + cy.log('没有找到三级菜单项'); + } + }); + }); + }); + }; + const waitForPageLoad = () => { + cy.log('等待页面数据加载...'); + let retryCount = 0; + const maxRetries = 30; + + function check() { + if (retryCount >= maxRetries) { + cy.log('页面加载超时，记录失败并继续执行...'); + return; + } + + cy.get('@pageBody').then($body => { + const hasLoadingMask = $body.find('.el-loading-mask').length > 0; + const hasError = $body.find('.el-message-box__message').length > 0 || + $body.find('.el-message--error').length > 0; + + if (hasError) { + cy.log('页面加载出现错误'); + return; + } + + if (hasLoadingMask) { + retryCount++; + cy.wait(500).then(check); + } else { + cy.log('页面数据加载完成'); + } + }); + } + + check(); + }; + + // 验证环境参数 + const validateEnvironment = () => { // 从环境变量获取环境参数，默认为DEV const environment = Cypress.env('environment') || 'DEV'; - // 验证环境参数 if (!ENV_CONFIG[environment]) { cy.log(`❌ 无效的环境参数: ${environment}`); cy.log('有效的环境参数: DEV, UAT'); throw new Error(`无效的环境参数: ${environment}`); + } else { + cy.log(`🚀 开始在 ${environment} 环境测试页面`); + SELECT_ENV = environment; } - - cy.log(`🚀 开始在 ${environment} 环境测试页面`); - + }; + + // 获取最新的测试数据文件 + const getLatestDataFileContent = () => { + cy.log('🔍 正在查找最新的测试数据文件'); + return cy.task('getLatestDataFile').then(result => { + if (!result) { + cy.log('❌ 没有找到可测试的数据文件，将初始化数据'); + // throw new Error('没有可测试的数据，请先运行初始化测试生成数据'); + initializeSystem(); + return; + } + cy.log(`✅ 找到最新的数据文件: ${result.filename}`); + return cy.wrap(result); + }); + }; + + const initializeSystem = () => { + cy.log('🚀 开始系统初始化'); + + // 获取菜单数据并保存到文件 + saveMenuItemsToFile(); + }; + + // 测试入口 + it('验证系统页面是否可用', () => { + // 验证环境参数 + validateEnvironment(); // 登录系统 - handleLogin(environment); - + handleLogin(); + // 创建常用元素别名 createAliases(); - + // 确保菜单展开 ensureMenuExpanded(); - - // 获取菜单数据 - getMenuItems().then(menuItems => { - cy.log(`获取到 ${menuItems.length} 个菜单项`); - - // 这里可以添加更多的测试逻辑，使用menuItems - menuItems.forEach((item, index) => { - cy.log(`菜单项 ${index + 1}: ${item.text}`); - }); - }); - - // 使用别名测试菜单是否加载成功 - cy.get('@menuItems', { timeout: 10000 }).should('be.visible'); + + getLatestDataFileContent().then(result => { + if (result && result.content && result.content.menuItems) { + const totalMenus = result.content.menuItems.length; + const untestedMenus = result.content.menuItems.filter(item => !item.tested); + + cy.log(`菜单项统计：总数 ${totalMenus}，待测试 ${untestedMenus.length}，已完成 ${totalMenus - untestedMenus.length}`); + + // 遍历每个菜单项 + result.content.menuItems.forEach((menuItem, index) => { + // 如果菜单项已测试，则跳过 + if (menuItem.tested) { + cy.log(`⏭️ 跳过已测试的菜单项：${menuItem.text}`); + return; + } + + cy.log(`🔄 正在处理第 ${index + 1} 个菜单项：${menuItem.text}`); + // 根据菜单层级调用不同的处理方法 + if (menuItem.hasThirdMenu) { + handleThirdLevelMenu(menuItem); + } else { + handleSecondLevelMenu(menuItem); + } + + }); + } else { + cy.log('❌ 没有找到有效的菜单数据'); + } + }) + cy.log('✅ 系统菜单加载成功'); - - cy.log(`🏁 测试完成，环境: ${environment}`); + cy.log(`🏁 测试完成，环境: ${SELECT_ENV}`); }); }); \ No newline at end of file