企业官网建设流程全解析

网站信息内容建设 宣传部门,现在中国空间站有几个人,百度2022最新版本,wordpress导航模版cypress是基于JavaScript语言为编写语言的自动化测试开发工具#xff0c;配合使用cucumber测试开发框架#xff0c;以node.js为服务进程#xff0c;可以简单的帮助测试人员完成需要人工手点的所有页面人机交互操作#xff0c;可以模拟键盘和鼠标输入#xff0c;快捷完成ca…cypress是基于JavaScript语言为编写语言的自动化测试开发工具配合使用cucumber测试开发框架以node.js为服务进程可以简单的帮助测试人员完成需要人工手点的所有页面人机交互操作可以模拟键盘和鼠标输入快捷完成case的测试。cypress提供了官方API调用文档可以帮助开发者快速入门cypress开发文档 https://docs.cypress.io/api/table-of-contents01 cypress安装教程 MacOS版本安装前准备需要node.js 12 or 14 版本注意在安装之前一定要先初始化npm npm init需要自行设置参数或者npm init -y安装方式通过npm安装Cypresscd /your/project/pathnpm install cypress --save-devAI写代码这将在本地安装Cypress作为项目的开发依赖项。注意:确保你已经运行过npm init或者有node_modules文件夹或包package.Json文件以确保cypress安装在正确的目录下。通过yarn安装Cypresscd /your/project/pathyarn add cypress --devAI写代码直接下载Demo下载地址:https://download.cypress.io/desktop 可以指定版本:https://download.cypress.io/desktop/6.8.0AI写代码安装后使用1、直接启动在代码编写完毕之后可以通过在项目根目录下直接启动在你的项目根目录下执行以下命令./node_modules/.bin/cypress openAI写代码或者$(npm bin)/cypress openAI写代码或者npx cypress openAI写代码或者Or by using yarnAI写代码打开后显示cucumber插件安装npm安装npm install --save-dev cypress-cucumber-preprocessorAI写代码配置:1. 添加到cypree插件vim cypress/plugins/index.js const cucumber require(‘cypress-cucumber-preprocessor’).default module.exports (on,config) { on(‘file:preprocessor’, cucumber()) }2. 在Cypress配置中添加对功能文件的支持vim cypress.json{“testFiles”: “**/*.feature”}3. 请使用cosmiconfig为插件创建一个配置例如通过添加这个部分到你package.json:vim package.json#追加到package.json “cypress-cucumber-preprocessor”: { “nonGlobalStepDefinitions”: true }2、官方Demo直接运行demo地址:https://github.com/TheBrainFamily/cypress-cucumber-exampleAI写代码注意:下载后使用ide打开若没有npm安装后即可3、Ide插件安装安装后重启idea02 cypress的基础配置插件支持配置——package.json文件配置package.json中将会指明当前文件版本、使用的cucumber框架版本、cypress测试工具版本、所需要的支持插件名称以及版本号以及测试时的主文件这很重要决定你写的cypress代码能否运行并且需要你在cypress/plugins/index.js写入const cucumber require(cypress-cucumber-preprocessor).defaultmodule.exports (on, config) {on(file:preprocessor, cucumber())}AI写代码python运行这样才可以使cucumber插件生效cucumber框架将为我们标准化开发cypress自动化测试提供帮助cypress.json配置及详解在实际使用cypress过程中cypress是支持直接对js文件直接运行的但如果所写的自动化测试代码在不同的文件当启动测试时需要在不同的文件间切换每次切换需要重启浏览器这使得测试过程显得十分臃肿cucumber建议可以通过创建.features文件来利用这一点。您可以选择在目录的根目录cypress/integrations或每个目录中创建唯一的一个文件。创建一个cypress工程首先创建一个node项目对package.json文件进行配置除了必要的cypress、以及cypress生成错误报告要使用的mochawesome自定义报告生成器其他依赖可以根据个人需求在package.json中编辑再运行npm installnpm将会自动生成cypress的工程结构和所需依赖。当然使用上述安装方式也可也直接实现cypress的创建但建议使用npm统一创建统一管理。随后就可以我们的标准化开发了以下是一个简单的cypress自动化测试示例用于测试一个简单的网页登录功能describe(登录功能测试, () {it(访问登录页面, () {cy.visit(https://example.com/login)})it(输入用户名和密码, () {cy.get(input[nameusername]).type(testuser)cy.get(input[namepassword]).type(password123)})it(点击登录按钮, () {cy.get(button[typesubmit]).click()})it(验证登录成功, () {cy.url().should(include, /dashboard)cy.get(.welcome-message).should(contain, 欢迎回来testuser)})})在这个示例中我们使用cypress编写了一个测试套件包括访问登录页面、输入用户名和密码、点击登录按钮以及验证登录成功这四个测试步骤。通过这个示例可以看到cypress的简洁语法和强大功能使得编写自动化测试变得非常容易和高效。感谢每一个认真阅读我文章的人作为一位过来人也是希望大家少走一些弯路如果你不想再体验一次学习时找不到资料没人解答问题坚持几天便放弃的感受的话在这里我给大家分享一些自动化测试的学习资源希望能给你前进的路上带来帮助。软件测试面试文档我们学习必然是为了找到高薪的工作下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料并且有字节大佬给出了权威的解答刷完这一套面试资料相信大家都能找到满意的工作。视频文档获取方式这份文档和视频资料对于想从事【软件测试】的朋友来说应该是最全面最完整的备战仓库这个仓库也陪伴我走过了最艰难的路程希望也能帮助到你以上均可以分享点下方小卡片即可自行领取。