一、簡介

作為自動化之新星的Cypress，在某種程度上集合了接口測試（python+request）及UI測試（python+selenium），既適合測試童鞋做自動化測試，也適合開發(fā)童鞋進行代碼自測。

Cypress官網(wǎng)地址：Why Cypress? | Cypress Documentation

二、環(huán)境搭建

環(huán)境搭建將分為兩部分闡述：本地環(huán)境與項目環(huán)境，其中本地環(huán)境搭建適合測試童鞋進行自動化回歸測試；項目環(huán)境適合開發(fā)童鞋自測。

備注：本章節(jié)的安裝步驟基于windows10。

1.本地環(huán)境安裝

1.1 安裝node.js

1.官網(wǎng)下載：Node.js?（如需在項目中使用，需和開發(fā)側(cè)版本保持一致，避免后續(xù)報版本錯誤）

傻瓜式安裝到Custom Setup這步，選擇Add to PATH后再傻瓜式安裝：

?2.查看環(huán)境變量命令：echo %PATH%

3.查看安裝成功：node -v，最新版的默認同時安裝npm，查看安裝命令：npm -v

1.2 通過npm安裝yarn（該步驟在本地環(huán)境可以跳過）

安裝命令：npm install -g yarn

查看安裝成功命令：yarn --version

1.3 創(chuàng)建一個文件夾:Cypress_test

1.4 初始化命令

后續(xù)命令可以通過cmd操作或者在Visual Studio Code（前端開發(fā)工具）操作,本人使用VSC操作。通過VSC打開該文件夾后打開終端，輸入npm初始化命令：npm init -y（參數(shù)-y表示全部步驟強行yes），此時會多一個文件：package.json，表示初始化成功。

同樣也可以執(zhí)行yarn 命令（與npm使用一致）：yarn init -y

注意！！！VSC第一次使用Yarn命令會報權(quán)限禁止運行腳本錯誤，需開啟權(quán)限

1.5 安裝cypress：yarn add cypress -D 或者npm i cypress -S -D

1.6 在packasge.json配置開啟快捷命令后保存文件:

"scripts": {

? ? "cypress: open": "cypress open"

? }

1.7 啟動cypess：yarn cypress open 或者npx cypress open（注意是npx喔，不是npm喔）

?啟動成功后，右邊有cypress自帶的demo，運行即進入自動化的大門啦~

2.?項目搭建

2.1 下載git

官網(wǎng)地址：Git - Downloads

安裝完成后復制文件的絕對路徑，拷貝到環(huán)境變量

F:\tool\git\Git\cmd;F:\tool\git\Git\mingw64\libexec\git-core;（根據(jù)自己實際路徑來拷貝），點擊三個‘確定’按鈕。

驗證配置成功：

然后在開始菜單里找到“Git” ->‘Git Bash’，會彈出一個類似CMD的窗口，表示安裝Git成功咯~

2.2 配置Git

因為Git是分布式版本控制系統(tǒng)，因此呢需要通過使用名字和郵件地址來自報家門

在‘Git-Bash’中輸入以下兩行命令：

$ git config --global user.name "Your Name"
$ git config --global user.email "email@example.com"

由于global是全局參數(shù)，因此本機的所有Git倉庫都會使用這個暗號。

2.3 和本地環(huán)境一樣，需下載node.js，安裝npm和yarn

參考本地環(huán)境章節(jié)，不再贅述，已安裝過的無需再裝

2.4 拉取Git代碼

1.在電腦創(chuàng)建一個文件夾：需確保所有路徑為英文名，避免各種踩坑

2.檢查C:\Users\Administrator 目錄是否有 .ssh 文件夾，如沒有，可通過命令生成，方便遠程訪問

命令：$ ssh-keygen -t rsa -C"輸入你的郵箱"，一直enter

2.5 登錄Git倉庫配置ssh

?用記事本打開C:\Users\Administrator 目錄里的.ssh文件夾里的id_rsa.pub文件，把里面的公共秘鑰復制到SSH KEY

填寫標題后點擊‘添加秘鑰’

?2.6 添加代碼遠程地址

在剛剛創(chuàng)建的文件夾，在文件夾名右鍵選擇‘Git Bash Here’

輸入命令：

git remote add origin "拷貝Git倉庫地址"

2.7 拷貝代碼到本地

git clone git@git.代碼倉庫地址.git 或者git config --global url."代碼倉庫地址".insteadOf git://

2.8 進入拷貝好的項目文件夾

cd 文件夾名稱

2.9 安裝yarn

輸入yarn命令

里面有兩個文件在外網(wǎng)，有時會安裝失敗，多裝幾次直到成功

?安裝成功驗證：

2.10 啟動服務(wù)

yarn serve

?

?若報錯，重新啟動，驗證成功：

瀏覽器會啟動本地服務(wù)，恭喜你成功啦~~

2.11 安裝、啟動、配置Cypress

參考本地環(huán)境的該部分

Node.js?