前言
CodeceptJS是一款UI測驗自動框架，它結合了很多市面常見的UI測驗自動化框架，
封裝了大量的API，使得我們撰寫自動化腳本非常方便，而且相關檔案也非常齊全，
Codecept.js官網
https://codecept.io/
需要node環境支持，可以前往官網根據自己環境下載安裝node
https://nodejs.org/en/download/
1. 新建一個檔案夾 node用來存放自動化腳本
2. 初始化npm
npm init -y
3. 安裝環境
#先切換鏡像為淘寶鏡像
npm config set registry https://registry.npm.taobao.org
#然后安裝Codecept.js
npm install codeceptjs puppeteer --save-dev
4.在當前目錄中初始化Codecept.js
npx codeceptjs init
#執行初始化Codecept.js命令后，會出現如下圖一個提示，這個提示是設定名稱是以
#_test.js結尾的都會被當成測驗用例執行，也可以自己定義成其他的，(操作完成直接
#回車)
#設定好測驗用例后，選擇如下圖的一種腳本選擇作為自動化腳本的工具，這里選擇
#Pupeteer、可以使用上下按鈕切換，(操作完成直接回車)
#緊接著會提示讓選擇日志、螢屏截圖和報告存放的目錄，這里選擇默認，也可以根
#據需要自定義(操作完成直接回車)
#然后出現選擇執行程序日志的語言型別、這里選擇zh-CN(中文簡體)
#接下來輸入需要測驗網址、輸入我們需要測驗的網址https://***.com
#選擇是否打開瀏覽器、這個是設定我們的瀏覽器是正常模式還是無頭模式
#然后設定瀏覽器大小、這個根據自己需要設定
#這個主要是用來說明我們要測驗的功能，也就是測驗用例的標題，可以隨便起個
#名字，我寫的logintest
#最后新建測驗用例,這里就是測驗用例的檔案名，默認是Feature的名字加上之前
#設定的_test.js，然后新建就成功了
5. 撰寫自動化腳本
Feature('logintest');
// 定義變數
const SELECTORS = {
gotourl: 'https://gitee.com/login',
account: '',
pwds: '',
// 開源軟體的selector
kyrj: '#git-header-nav > div > div > a:nth-child(4)',
};
Scenario('test something', ({ I }) => {
//在瀏覽器打開頁面
//對應網址在Windows下可以不與codecept.conf.js中Puppeteer設定的url一致，mac下相反
I.amOnPage(SELECTORS.gotourl);
//打開瀏覽器等到可以看到對應文字再進行登錄
I.see('登錄');
//輸入碼云賬號
I.fillField('手機／郵箱／個人空間地址', SELECTORS.account);
//輸入碼云密碼
I.fillField('請輸入密碼', SELECTORS.pwds)
//點擊登錄按鈕
I.click({css:'button, [type="submit"]'})
//跳轉碼云開源軟體頁
I.click(SELECTORS.kyrj);
//能夠暫停執行進入互動模式 也就是執行完成會停留當前頁面
pause();
});
6. 執行腳本
#使用cmd命令提示符，進入當前目錄(即node檔案夾下)輸入命令
npx codeceptjs run --steps
7. 在自動彈出的瀏覽器中查看自動化效果
本次的學習到這里就結束了，會根據實際使用更新文章，
如果對您有幫助 請點個關注，萬分感謝
(QQ招聘群 710566091
微信招聘群 請加圖圖微信)
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/270802.html
標籤：其他
下一篇：WebGPU[2] 顏色與快取