cypress自動(dòng)化測試框架是款專業(yè)的編程測試軟件，專為開發(fā)人員以及程序員所提供，使用起來相當(dāng)?shù)目焖?，用戶們能夠完整的體驗(yàn)端到端的體驗(yàn)，還有多種優(yōu)質(zhì)的體驗(yàn)等你來使用。

cypress安裝教程

一、安裝

1)通過npm來安裝Cypress：

①那么首先安裝node.js（npm是一個(gè)node包管理和分發(fā)工具），本站下載：nodejs

②打開CMD命令行，利用 mkdir 新建目錄，利用 cd 命令切換到指定目錄（也可以手動(dòng)先新建好）

③使用 npm install cypress --save-dev 安裝Cypress（如果有WARN可忽略，不影響）

④使用 node_modules\.bin\cypress open 啟動(dòng)Cypress

2)直接下載Cypress壓縮包

①本站下載Cypress

②解壓到指定目錄，然后進(jìn)入目錄，執(zhí)行Cypress.exe

③選擇你的項(xiàng)目路徑

二、使用

1）默認(rèn)已經(jīng)為我們準(zhǔn)備了一些豐富的例子 ，可以直接點(diǎn)擊運(yùn)行。

2）我們也可以自己新建一個(gè)測試文件：

①首先切換至目錄 ~\Cypress\cypress\integration（任意編輯器都可以，我使用的時(shí)pycharm）

②然后新建一個(gè)測試文件 sample_spec.js，代碼如下：

③最后打開Cypress運(yùn)行此文件即可，你會(huì)發(fā)現(xiàn)運(yùn)行速度很快，這就是Cypress的優(yōu)勢所在。

三、設(shè)置

1）運(yùn)行情況：從左向右分別顯示成功數(shù)、失敗數(shù)、未運(yùn)行、耗時(shí)，以及自動(dòng)滾屏和重新運(yùn)行按鈕

2）控件定位：1.點(diǎn)擊選擇器->2.點(diǎn)擊定位元素->3.復(fù)制生成代碼

3）窗口設(shè)置：

①默認(rèn)情況下，除非由cy.viewport命令指定，否則視口將為1000*660px

②我們可以通過在cypress.json中指定這些值來覆蓋默認(rèn)視口維度