該測(cè)試框架主要思想就是通過(guò)該框架提供的api去操作dom舞萄，模擬人的一些行為來(lái)實(shí)現(xiàn)自動(dòng)化測(cè)試工作
cypress官網(wǎng)? ? ? ??API文檔??
工程目錄和配置文件介紹
? 1饭冬、工程目錄介紹
??
2悼潭、常用方法介紹
3筛严、配置文件介紹
改配置文件可以配置環(huán)境變量和一個(gè)公共的配置
"chromeWebSecurity":?false,? ? ? ? ? ? ? ? ? ? ? ?用來(lái)解決跨域問(wèn)題
"integrationFolder":?"cypress/integration",? ?指定cypress自動(dòng)掃描測(cè)試用例路徑
?"testFiles":?"**/*.js",? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?用來(lái)過(guò)濾測(cè)試用例后綴默認(rèn)是.spec.js
"viewportWidth":?1920,? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 用來(lái)設(shè)置測(cè)試用例gui窗體寬度
"viewportHeight":?1130,? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?用來(lái)設(shè)置測(cè)試用例gui窗體高度
baseUrl：“http:localhose:8080”? ? ? ? ? ? ? ? ? ?是你的服務(wù)部署地址/你本地啟動(dòng)的開(kāi)發(fā)地址杖爽；配置了改命令就可以直接訪(fǎng)問(wèn)路由而不用在寫(xiě)區(qū)路徑了
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?cy.visit('http:localhose:8080/commands/actions')? 簡(jiǎn)寫(xiě)：cy.visit('/commands/actions')
"env":?{? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 可以自定義環(huán)境變量? ? 獲取方式cypress.env(key),比如：cypress.env(‘prod’)
????????"prod":?"http://prod.com",
????????"title":?"賣(mài)手機(jī)的程序員"
????}
第一步先執(zhí)行命令安裝cypress??
npm install cypress --save-dev
在項(xiàng)目根目錄執(zhí)行完改命令
第二步在package.json添加如下命令
"cypress:open": "cypress open",???
"cypress": "cypress run",
第三步執(zhí)行npm run cypress:open可以看到如下圖頁(yè)面
第四步在該操作頁(yè)面點(diǎn)擊要執(zhí)行的測(cè)試用例葫松，會(huì)自動(dòng)執(zhí)行該測(cè)試單元打開(kāi)如下窗口
(￣▽?zhuān)?~*? ?轉(zhuǎn)載請(qǐng)說(shuō)名出處粹排，謝謝使碾，尊重勞動(dòng)成果蜜徽。如果對(duì)你開(kāi)發(fā)過(guò)程有幫助請(qǐng)幫忙點(diǎn)個(gè)小贊? ? (￣▽?zhuān)?~*
