企业官网建设流程全解析

佛山专业网站建设,娱乐网站制作,模板创作师,网站做app服务端Cypress 是一个功能强大、易于使用的自动化测试工具#xff0c;适用于现代 Web 应用的端到端测试。它的自动化处理、实时反馈、调试功能和易于集成的特性#xff0c;使得它成为现在测试人员的热门测试框架选择 前言 什么是 Cypress 框架#xff1f; Cypress 是一款开源的 J…Cypress 是一个功能强大、易于使用的自动化测试工具适用于现代 Web 应用的端到端测试。它的自动化处理、实时反馈、调试功能和易于集成的特性使得它成为现在测试人员的热门测试框架选择前言什么是 Cypress 框架Cypress 是一款开源的 JavaScript 自动化测试框架是基于 NodeJS 的现代自动化工具专为端到端测试设计用于简化 Web 应用的测试自动化。支持使用 JavaScript 或 TypeScript 编写测试脚本。虽然推出时间较短但凭借其易用性和高效性Cypress 已成为测试人员实施自动化测试的热门选择。为什么选择 Cypress 进行自动化测试Cypress 因以下特点备受青睐跨浏览器测试支持在多种浏览器上运行测试包括 Chrome、Firefox、Edge 等简单易用安装 Cypress 非常简单无需复杂的依赖配置适用于新老项目无缝集成与 CI 工具如 Jenkins持续集成结合。自动等待自动等待页面元素加载无需显式的等待或sleep语句。强大的调试能力内置调试工具可与浏览器开发者工具集成方便排查问题。如何安装 Cypress环境要求安装 Visual Studio Code。安装 NodeJS。安装步骤创建一个新文件夹如 cypressdemo。在文件夹内打开终端。执行以下命令安装 Cypressnpm install cypress --save-dev安装完成后启动 Cypressnpx cypress open此命令将打开 Cypress 测试运行器可以选择E2E Testing或者Component Testing。5. 配置Cypress这里我们选择E2E Testing选择默认配置继续选择Cypress给我们生成的一些示例测试脚本Cypress 文件夹结构介绍当Cypress工程结构初始化完毕之后我们可以使用VScode打开工程存在以下目录结构:cypresscypress核心目录包含所有与测试相关的子文件夹和文件。默认情况下Cypress 在运行npx cypress open后会自动生成该目录。node_modules存储 Cypress 和其他 NPM 依赖项的文件。cypress.config.js全局配置文件用于设置 Cypress 的运行参数package.json定义 Cypress 相关依赖和运行脚本package-lock.jsonnpm 自动生成的一个文件它用于记录项目中所有已安装的依赖项的精确版本cypress核心目录结构如下e2e存放测试用例的文件夹。fixtures存储测试数据例如 JSON 文件。support包含自定义命令和全局设置的文件夹。编写第一个 Cypress 测试脚本我们在e2e文件夹下创建名为demo.cy.js的测试文件describe(我的第一个 Cypress 测试, () { describe(我的第一个 Cypress 测试, () { it(访问网站并验证标题, () { cy.visit(https://www.baidu.com); cy.title().should(include, 百度一下); }); });如何运行 Cypress 测试Cypress 提供两种测试运行方式1、使用 Cypress 测试运行器UI执行以下命令打开测试运行器npx cypress open选择demo.cy.js文件运行测试。2、使用命令行CLI运行测试命令示例npx cypress run --spec ./cypress/e2e/demo.cy.js以上命令在无头模式下运行测试后台执行无需启动浏览器。Cypress 工作机制Cypress 的测试执行流程如下用户与应用交互后测试脚本向 Cypress Runner 发送指令。Runner 与代理服务器通信向应用服务器发送请求。应用服务器处理请求并返回响应。Cypress Runner 记录快照和视频。测试人员根据结果验证应用的功能。最后感谢每一个认真阅读我文章的人礼尚往来总是要有的虽然不是什么很值钱的东西如果你用得到的话可以直接拿走