1、為什么需要前端測(cè)試框架
.編寫測(cè)試用例毕匀,可以避免測(cè)試點(diǎn)的遺漏
.也是為了更好的進(jìn)行測(cè)試,可以提高測(cè)試效率
.是根據(jù)需求來的癌别,開發(fā)也是根據(jù)需求做的皂岔,測(cè)試用例完成后,要進(jìn)行用例評(píng)審展姐,還可以減少開發(fā)和測(cè)試對(duì)需求的不同理解造成的缺陷
.有時(shí)候需求是一點(diǎn)點(diǎn)來的躁垛,不是很系統(tǒng),測(cè)試用例及時(shí)更新圾笨,可以作為系統(tǒng)的需求
2教馆、了解專業(yè)名詞selenium-server、nightwatch
selenium-server:能夠控制瀏覽器行為擂达,它是web測(cè)試服務(wù)器
nightwatch:是一個(gè)易于使用的土铺,基于Node.js平臺(tái)的瀏覽器自動(dòng)化測(cè)試解決方案,它使用強(qiáng)大的Selenium WebDriver API來在DOM元素上執(zhí)行命令和斷言板鬓。只需要使用JavaScript和Css選擇器悲敷,不需要初始化其他對(duì)象和類,您只需要編寫測(cè)試規(guī)范俭令。內(nèi)置命令行測(cè)試運(yùn)行器镀迂,使您能夠運(yùn)行測(cè)試。
3唤蔗、搭建環(huán)境所需要的包(npm安裝)
"nightwatch": "^0.9.8",
"selenium-server": "2.53.1",
"semver": "^5.3.0",
"chromedriver": "^2.21.2",
"koa": "2.0.0",
"koa-static": "2.0.0"
ChromeDriver:Selenium操作chrome瀏覽器需要有ChromeDriver驅(qū)動(dòng)來協(xié)助探遵。
semver:語義化版本控制作用窟赏,在這里需要對(duì)node、npm版本進(jìn)行檢測(cè)箱季,node>= 4.0.0涯穷,npm>= 3.0.0
koa、koa-static:啟動(dòng)一個(gè)服務(wù)器藏雏,可以訪問靜態(tài)資源拷况。
4、大綱列表
. 檢查node掘殴、npm版本
. koa訪問靜態(tài)資源建立服務(wù)器
. 執(zhí)行nightwatch配置文件nightwatch.conf.js進(jìn)行自動(dòng)化測(cè)試
4.1 檢查node赚瘦、npm版本,如果版本不滿足奏寨,終端控制臺(tái)會(huì)輸出警告起意,代碼如下圖:
4.2 koa訪問靜態(tài)資源建立服務(wù)器,如下圖:
4.3 執(zhí)行nightwatch配置文件nightwatch.conf.js進(jìn)行自動(dòng)化測(cè)試
4.4 終端控制臺(tái)運(yùn)行:npm run e2e (==node test/e2e/runner.js)