Nightwatch的配置--基于vue前端的自动化测试（一）

2024-04-09 11:15:25

一、Nightwatch

Nightwatch是一个使用selenium或者webdriver或者phantomjs的nodejs编写的E2E自动测试框架，可以很方便的写出测试用例来模仿用户的操作来自动验证功能的实现。

二、selenium

Selenium是一个强大的浏览器测试平台，支持Firefox、Chrome、edge等浏览器的模拟测试，其原理是打开浏览器，把自己的JavaScript文件嵌入网页中。然后selenium的网页通过frame嵌入目标网页。这样就可以使用selenium的JavaScript对象来控制目标网页。

三、Nightwatch安装

通过npm安装nightwatch。

$ npm install [-g] nightwatch
根据需要安装Selenium-server或者其他Webdriver。安装哪些Webdriver取决于你想要测试哪些浏览器，如果只测试Chrome甚至可以不装Selenium-server。
$ npm install selenium-server
$ npm install chromedriver

四、Nightwatch配置

nightwatch的使用很方便，一个nightwatch.json或者nightwatch.config.js（后者优先级高）配置文件，使用runner会自动找同级的这两个文件来获取配置信息。也可以手动使用–config来制定配置文件的相对路径。json配置文件，分为基本配置、selenium配置和测试配置三个部分。基本配置依次为测试用例源文件路径、输出路径、基础指令路径、全局配置路径等。selenium设置包括是否开启、路径、端口等，cli_args指定将要运行的webdriver。test_settings制定测试时各个环境的设置，默认是default，通过–env加环境名可以指定配置的任意环境。只要把测试用例放在对应的文件夹使用module.exports暴露一个对象，其中key是测试名，value是一个接受browser实例的函数，在函数中进行断言，nightwatch会自动依次调用文件夹中的测试用例。

一个简易的Chrome headless模式的nightwatch.conf.js配置如下:

Nightwatch的配置--基于vue前端的自动化测试（一）相关推荐

Nightwatch 写测试用例--基于vue前端的自动化测试（三）
使用首选的CSS选择器模型在页面上定位元素,Nightwatch使编写自动端到端测试变得非常容易. 为项目中的测试创建一个单独的文件夹,例如:tests.其中的每个文件都将由Nightwatch测试运 ...
基于vue前端聊天插件_基于Vue聊天的实现
基于vue前端聊天插件基本视频聊天 (basic-vue-chat) Easy to use VueJS chat. 易于使用的VueJS聊天. 安装 (Installation) You can ...
基于vue前端ui_基于Vue的hydrusrv前端
基于vue前端ui 水合 (hydrusrvue) hydrusrvue is a Vue-based frontend for hydrusrv that makes use of its enti ...
基于vue前端框架_基于前端访问控制框架的Vue
基于vue前端框架权限访问控制 (vue-access-control) Vue-Access-Control is a solution of front-end user rights cont ...
开发基于vue前端框架下的系统的UI自动化，记录总结踩的坑
在使用了pytest完成了一个系统的UI自动化后,因为系统的前端框架,是基于VUE写的,这就让我编写脚本的时候踩了些坑. 无法用JS 修改标签属性,从而进行的操作比如上传图片,我们的上传是这样子的 ...
vue项目通过命令行传参实现多环境配置(基于@vue/cli)
大多数项目都有生产环境和开发环境,一般情况下应该够了,但是有时候还需要sit,uat,本地等环境,这时候假如要通过注释的方式切换环境就相当麻烦了. 如果可以像下面这样切换环境就方便了 npm run ...
基于Vue前端UI框架比较
Vue3相对于vue2的优缺点优点: 性能提升,主要体现在打包体积(减少了40%左右),渲染速度(快了55%),更新速度(100%)及内存使用(减少了50%)几方面. 由于增加了compositio ...
vue 雷达扫描_GitHub - suneildve/vueDataV: 基于Vue + Echarts 构建的数据可视化平台，酷炫大屏展示模板和组件库，持续更新各行各业实用模板和炫酷小组件。...
前言一个基于Vue前端框架和第三方图表库echarts构建的可视化大数据平台,通过vue项目构建.指令的灵活运用.组件封装.组件之间通信,使内部图表组件库可实现自由替换和组合. 项目中部分前端库采用 ...
vue-element-admin台前端解决方案: 基于 vue 和 element-ui实现
介绍 vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现.它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型 ...

最新文章

热门文章