自动化实战之Cypress

一、简介

作为自动化之新星的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

1. 安装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