单元测试 e2e+vue-cli，运行npm run test报错（mac安装nightwatch、chromedriver）

单元测试 e2e+vue-cli，运行npm run test报错（mac安装nightwatch、chromedriver）

目录

单元测试 e2e+vue-cli，运行npm run test报错（mac安装nightwatch、chromedriver）

1、新建项目

2、项目中安装nightwatch

3、手动下载chromedriver，要与本地安装的浏览器的版本一致，否则不能打开运行。

4、运行测试

---

1、新建项目

（1）vue-cli新建项目

vue init webpack unit-test

（2）单元测试选择e2e

安装好后，查看nightwatch的版本是0.9xxx。

 

2、项目中安装nightwatch

npm install nightwatch

重新安装的理由：

vue-cli默认使用的nightwatch的0.9+的版本，其适用的chrome的版本很低，我们自己的浏览器早都80+了，他还适用70多，所以没有采用默认的，同时我们的项目是开始没有采用脚手架的配置，所以是单独安装配置的

 

3、手动下载chromedriver，要与本地安装的浏览器的版本一致，否则不能打开运行。

（1）查看谷歌浏览器版本

打开：chrome://version/

（2）下载chromedriver

打开：http://chromedriver.storage.googleapis.com/index.html

（3）解压zip文件，将解压的文件放到指定目录：

/usr/local/bin/

（4）验证安装成功

打开终端，输入：

chromedriver

输出以下截图表示成功~

（5）项目中安装chromedriver

npm install chromedriver —save-dev

4、运行测试

（1）输入命令：

npm run test 或者 npm run e2e

以上测试时，都会打开chorme浏览器，测试完成后会自动关闭：