每次开始学习vue的新知识时,总在环境这一块出现很多坑。这次我来记录一下,我在搭建vue e2e测试框架是踏过的坑吧。

我们都只知道,使用vue init webpack 项目名字<项目名字不能用中文>创建项目时,就可以选择单元测试:

setup unit tests with karma + mocha?Yes(单元测试需要)
setup e2e tests with Nightwatch?Yes(单元测试需要)

创建项目成功并npm install 所以依赖包后,我们就可以运行

npm run unit 进行karma+mocha单元测试,没有问题!

npm run e2e进行e2e单元测试时,什么鬼?一堆错误?

1、谷歌浏览器造成的坑

(1)第一次  npm run e2e

e2e 测试 出现的错误-LMLPHP

把提示关闭掉,果真不能顺利测试

e2e 测试 出现的错误-LMLPHP

网上找了很多答案,都不是我这个问题所在。那还是回到第一个图出现的问题。

公司是要41这个版本的谷歌浏览器,所以安装了一个

e2e 测试 出现的错误-LMLPHP

,但是版本太低了,用在难受,所以卸载安装了一个高一点得版本。e2e 测试 出现的错误-LMLPHP

但是由于因为之前安装的程序是Windows Installer(简称MSI)的安装格式的,尽管卸载了,注册列表没有权利干净。所以出现了第一张图的问题。(这就涉及到软件installer和setup的区别啦)

把高版本的谷歌浏览器卸载掉,

(2)再次运行npm run e2e

what?再次报错。但是这次错误还是很好发现问题的。

e2e 测试 出现的错误-LMLPHP

这次报错是说:chrome浏览器版本必须>=59。这是怎么回事呢?

我打开任务管理器,发现有一个chrome的进行,选中右键,打开文件位置。发现这个浏览器是之前安装的installer 41版本的。没有卸载干净的东西。我把这个文件下的所以关于chrome的东西都删掉了。

(3)再次运行 npm run e2e

哈哈哈,报错。

e2e 测试 出现的错误-LMLPHP

因为没有安装谷歌浏览器啊。安装最新版本的chrome浏览器后。

(4)第四次运行 npm run e2e

e2e 测试 出现的错误-LMLPHP

终于成功了。第一个坑填完了。接下来就是踏第二个坑了。

05-08 08:37