每次開始學習vue的新知識時,總在環境這一塊出現不少坑。此次我來記錄一下,我在搭建vue e2e測試框架是踏過的坑吧。vue
咱們都只知道,使用vue init webpack 項目名字<項目名字不能用中文>建立項目時,就能夠選擇單元測試:webpack
setup unit tests with karma + mocha?Yes(單元測試須要)
setup e2e tests with Nightwatch?Yes(單元測試須要)web
建立項目成功並npm install 因此依賴包後,咱們就能夠運行chrome
npm run unit 進行karma+mocha單元測試,沒有問題!npm
npm run e2e進行e2e單元測試時,什麼鬼?一堆錯誤?瀏覽器
一、谷歌瀏覽器形成的坑框架
(1)第一次 npm run e2e 單元測試
把提示關閉掉,果然不能順利測試學習
網上找了不少答案,都不是我這個問題所在。那仍是回到第一個圖出現的問題。測試
公司是要41這個版本的谷歌瀏覽器,因此安裝了一個
,可是版本過低了,用在難受,因此卸載安裝了一個高一點得版本。
可是因爲由於以前安裝的程序是Windows Installer(簡稱MSI)的安裝格式的,儘管卸載了,註冊列表沒有權利乾淨。因此出現了第一張圖的問題。(這就涉及到軟件installer和setup的區別啦)
把高版本的谷歌瀏覽器卸載掉,
(2)再次運行npm run e2e
what?再次報錯。可是此次錯誤仍是很好發現問題的。
此次報錯是說:chrome瀏覽器版本必須>=59。這是怎麼回事呢?
我打開任務管理器,發現有一個chrome的進行,選中右鍵,打開文件位置。發現這個瀏覽器是以前安裝的installer 41版本的。沒有卸載乾淨的東西。我把這個文件下的因此關於chrome的東西都刪掉了。
(3)再次運行 npm run e2e
哈哈哈,報錯。
由於沒有安裝谷歌瀏覽器啊。安裝最新版本的chrome瀏覽器後。
(4)第四次運行 npm run e2e
終於成功了。第一個坑填完了。接下來就是踏第二個坑了。