拨开荷叶行,寻梦已然成。仙女莲花里,翩翩白鹭情。
IMG-LOGO
主页 文章列表 自动化实战之Cypress

自动化实战之Cypress

白鹭 - 2022-01-23 2036 0 0

一、简介

作为自动化之新星的Cypress,在某种程度上集合了界面测验(python+request)及UI测验(python+selenium),既适合测验童鞋做自动化测验,也适合开发童鞋进行代码自测,

Cypress官网地址:Why Cypress? | Cypress Documentation

二、环境搭建

环境搭建将分为两部分阐述:本地环境与项目环境,其中本地环境搭建适合测验童鞋进行自动化回归测验;项目环境适合开发童鞋自测,

备注:本章节的安装步骤基于windows10,

1.本地环境安装

1.1 安装node.js

1.官网下载:Node.js (如需在项目中使用,需和开发侧版本保持一致,避免后续报版本错误)

傻瓜式安装到Custom Setup这步,选择Add to PATH后再傻瓜式安装:

2.查看环境变量命令:echo %PATH%

3.查看安装成功:node -v,最新版的默认同时安装npm,查看安装命令:npm -v

4.通过npm安装yarn(该步骤在本地环境可以跳过)

安装命令:npm install -g yarn

查看安装成功命令:yarn --version

5.创建一个档案夹:Cypress_test

6.后续命令可以通过cmd操作或者在Visual Studio Code(前端开发工具)操作,本人使用VSC操作,通过VSC打开该档案夹后打开终端,输入npm初始化命令:npm init -y(自变量-y表示全部步骤强行yes),此时会多一个档案:package.json,表示初始化成功,

同样也可以执行yarn 命令(与npm使用一致):yarn init -y

7. 安装cypress:yarn add cypress -D 或者npm i cypress -S -D

8.在packasge.json配置开启快捷命令后保存档案:

"scripts": {

"cypress: open": "cypress open"

}

9.启动cypess:yarn cypress open 或者npx cypress open(注意是npx喔,不是npm喔)

启动成功后,右边有cypress自带的demo,运行即进入自动化的大门啦~

Node.js

标签:

0 评论

发表评论

您的电子邮件地址不会被公开。 必填的字段已做标记 *