1500字范文 > cypress自动化测试工具开发指南

cypress自动化测试工具开发指南

时间：2023-02-07 23:07:19

相关推荐

cypress自动化测试工具开发指南

待到秋来九月八，我花开后百花杀

简介cypress安装教程（MacOS版本）安装前准备安装方式安装后使用cucumber插件安装cypress的基础配置插件支持配置——package.json文件配置cypress.json配置及详解创建一个cypress工程

简介

cypress是基于JavaScript语言为编写语言的自动化测试开发工具，配合使用cucumber测试开发框架，以node.js为服务进程，可以简单的帮助测试人员完成需要人工手点的所有页面人机交互操作，可以模拟键盘和鼠标输入，快捷完成case的测试。

cypress提供了官方API调用文档，可以帮助开发者快速入门：

cypress开发文档：https://docs.cypress.io/api/table-of-contents

cypress安装教程（MacOS版本）

安装前准备

需要node.js 12 or 14 版本

注意：

在安装之前一定要先初始化npm npm init

需要自行设置参数

或者

npm init -y

安装方式

通过npm安装Cypress

cd /your/project/path
npm install cypress --save-dev

这将在本地安装Cypress作为项目的开发依赖项。

注意:确保你已经运行过npm init或者有node_modules文件夹或包package.Json文件，以确保cypress安装在正

确的目录下。

通过yarn安装Cypress

cd /your/project/path
yarn add cypress --dev

直接下载Demo

下载地址:https://download.cypress.io/desktop 可以指定版本:https://download.cypress.io/desktop/6.8.0

安装后使用

直接启动

在代码编写完毕之后，可以通过在项目根目录下，直接启动：

在你的项目根目录下执行以下命令:

./node_modules/.bin/cypress open

或者

$(npm bin)/cypress open

或者

npx cypress open

或者

Or by using yarn

打开后显示

cucumber插件安装

npm安装

npm install --save-dev cypress-cucumber-preprocessor

配置:

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 }

官方Demo直接运行

demo地址:/TheBrainFamily/cypress-cucumber-example

注意:

下载后使用ide打开，若没有npm，安装后即可

打开⻅上章节:打开Cypress

Ide插件安装

安装后重启idea

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())}

这样才可以使cucumber插件生效，cucumber框架将为我们标准化开发cypress自动化测试提供帮助

cypress.json配置及详解

在实际使用cypress过程中，cypress是支持直接对js文件直接运行的，但如果所写的自动化测试代码在不同的文件，当启动测试时需要在不同的文件间切换，每次切换需要重启浏览器，这使得测试过程显得十分臃肿，cucumber建议：可以通过创建.features文件来利用这一点。您可以选择在目录的根目录cypress/integrations或每个目录中创建唯一的一个文件。