vue-cli e2e测试_运行 npm run e2e报错解决

更新日期: 2018-04-20阅读量: 3315标签: cli

E2E(end to end)测试是一个边界比较模糊的概念,e2e最主要的几个特征为:

把整个系统当作一个黑盒
测试人员模拟真实用户在浏览器中操作UI
测试出的问题可能是前端也可能是后端导致的


vue-cli中使用e2e测试时,在vue init webpack 项目名字创建项目时,就可以选择单元测试:

setup e2e tests with Nightwatch?Yes(单元测试需要)

创建项目成功后,npm install安装所有依赖包后,我们就可以运行npm run e2e进行e2e单元测试了,结果发现出现很多错误,下面就总结下如何解决这些问题?


1、driver版本问题

浏览器driver的版本如果低于2.24,会出现“Error retrieving a new session from the selenium server”的错误,之前误以为是selenium server没有运行起来。后来发现需要更新driver的版本到最新。

解决方案:将chromedrive重新安装更新到最新版本即可解决  

 

2、selenium server无法启动

错误提示:“An error occurren while trying to start Selenium. check if java is installed on your machine.”,注意:必须要先启动selenium server 才能start。

解决方案:需要安装jdk并配置环境变量然后重启cmd终端命令即可解决 



站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: https://www.fly63.com/article/detial/687

vue-cli3项目常用项配置

配置全局cdn,包含js、css,开启Gzip压缩,包含文件js、css,去掉注释、去掉console.log,压缩图片,本地代理,设置别名,vscode也能识别,配置环境变量开发模式、测试模式、生产模式

在vue-lic脚手架中安装mockjs,实现前后端分离开发

在项目开发前期,前端开发中,页面布局基本开发完毕,但是后台还接口还没有开发完,等待后台开发完接口,在进行接口联调,浪费了等待时间,也压缩的测试的时间

改造vue-cli,使用mockjs搭建mock server

最近准备开发一款web应用,考虑到可能会有前后端并行开发的场景,所以决定使用mockjs做mock server。浏览官网文档时发现没有跑在webpack上的例子,索性自己找方法解决。当前端工程师需要独立于后端并行开发时,后端接口还没有完成,那么前端怎么获取数据?

解决vue cli2和cli3打包后不能运行问题 Failed to load resource: net::ERR_FILE_NOT_FOUND

打包后的文件要在服务器中运行 解决方法:放在服务器中打开,依次在终端执行下面命令;vue cli3 在项目根目录内vue.congfig.js文件(如没有,自行创建)加上如下代码

解决Angular CLI找不到模块angular-devkit/build-angular的问题

Angular CLI 是 Angular 客户端命令行工具,提供非常多的命令来简化 Angular 的开发。今天执行“ng serve”命令时,竟然报找不到模块@angular-devkit/build-angular的错误。

vue-cli3.0脚手架的使用_vue-cli3.0搭建与配置(vue.config.js)

vue-cli致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接,这样你可以专注在撰写应用上,而不必花好几天去纠结配置的问题。与此同时,它也为每个工具提供了调整配置的灵活性,无需 eject

使用nodejs编写命令行工具_编写自己的cli工具

编写自己的cli工具,一行命令,3秒钟进入coding状态!看完本文,你将学会如何从零开发一个cli项目,如何上传到github库,以及如何使用npm发布自己的包。

扔掉 cli,webpack工程轻量化配置实战

本文从实战出发,提供了一个相对普适的轻量化webpack工程配置方案。受篇幅所限,没有对一些配置项做过多解释,如果需要了解某个配置细节,可以查询相关文档或文章。有兴趣的同学也可以阅读webpack源码作深入了解

vue-cli中使用jquery

在webpack.base.conf.js里加入(新版的可能找不到这个文件,你可以npm install webpack --save-dev进行手动安装),在module.exports的最后加入,在main.js 引入,新版直接在main.js 引入

vue-cli3 DllPlugin 提取公用库

vue 开发过程中,保存一次就会编译一次,如果能够减少编译的时间,哪怕是一丁点,也能节省不少时间。开发过程中个人编写的源文件才会频繁变动,而一些库文件我们一般是不会去改动的。如果能把这些库文件提取出来,就能减少打包体积,加快编译速度。本文主要讲述在 vue-cli3 中利用 DllPlugin 来进行预编译。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!