1、為什么需要前端測試框架
.編寫測試用例,可以避免測試點的遺漏
.也是為了更好的進行測試,可以提高測試效率
.是根據需求來的,開發也是根據需求做的,測試用例完成后,要進行用例評審,還可以減少開發和測試對需求的不同理解造成的缺陷
.有時候需求是一點點來的,不是很系統,測試用例及時更新,可以作為系統的需求
2、了解專業名詞selenium-server、nightwatch
selenium-server:能夠控制瀏覽器行為,它是web測試服務器
nightwatch:是一個易于使用的,基于Node.js平臺的瀏覽器自動化測試解決方案,它使用強大的Selenium WebDriver API來在DOM元素上執行命令和斷言。只需要使用JavaScript和Css選擇器,不需要初始化其他對象和類,您只需要編寫測試規范。內置命令行測試運行器,使您能夠運行測試。
3、搭建環境所需要的包(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驅動來協助。
semver:語義化版本控制作用,在這里需要對node、npm版本進行檢測,node>= 4.0.0,npm>= 3.0.0
koa、koa-static:啟動一個服務器,可以訪問靜態資源。
4、大綱列表
. 檢查node、npm版本
. koa訪問靜態資源建立服務器
. 執行nightwatch配置文件nightwatch.conf.js進行自動化測試
4.1 檢查node、npm版本,如果版本不滿足,終端控制臺會輸出警告,代碼如下圖:
4.2 koa訪問靜態資源建立服務器,如下圖:
4.3 執行nightwatch配置文件nightwatch.conf.js進行自動化測試
4.4 終端控制臺運行:npm run e2e (==node test/e2e/runner.js)