E2E测试神器nightwatch.js使用

由于测试资源紧张,以及人工测试覆盖率有限。为了规避因改动代码而产生新的bug,最近项目要加自动化测试。经过组内有经验的大哥介绍。推荐了今天的主角nightwatch.js

官网是这么介绍的:

  Nightwatch.js is an automated testing framework for web applications and websites, written in Node.js and using the W3C WebDriver API (formerly Selenium WebDriver).

It is a complete End-to-End testing solution which aims to simplify writing automated tests and setting up Continuous Integration. Nightwatch can also be used for writing Node.js unit and integration tests.

大概意思是:Nightwatch.js是一个用于Web应用程序和网站的自动化测试框架,使用Node.js编写并使用W3C WebDriver API(以前称为Selenium WebDriver)。

它是一个完整的浏览器(端到端)测试解决方案,旨在简化设置持续集成和编写自动化测试的过程。 Nightwatch也可用于编写Node.js单元测试。

首先要安装相关依赖

npm install nightwatch -D

npm install chromedriver -D

npm install selenium-server -D  (目前我没有用到)
项目目录如下

 

新建nightwatch.conf.js 配置设置信息
自己按照官网通过nightwatch.json设置时,在windows上总是提示找不到server_path文件路径,故改写。
相关配置根据自己需求对照官网配置信息配置即可。这里chromeOptions.args若设置--headless是不会打开浏览器的。(我这里多了ss是可以打开的)
const chromedriverPath = require('chromedriver').path
module.exports = {
  "src_folders" : ["test/e2e/specs"],

  "webdriver" : {
    "start_process": true,
    "server_path": chromedriverPath,
    "port": 9515,
    "log_path" : "test/e2e/reports"
  },

  "test_settings" : {
    "default" : {
      "desiredCapabilities": {
        "browserName": "chrome",
        "chromeOptions": {
          "args": [
            "--headlessss"
          ]
        }
      }
    }
  }
}

测试代码test/e2e/specs目录下的***_specs.js。可支持多种的断言风格。从 Nightwatch0.7 版本开始, 引入了新的 BDD风格的断言库,大大提升了灵活性和代码的可读性。 
expect 断言是 chai 框架 expect api 的子集,在此对元素类型也能使用。我仅仅用百度首页做个测试例子。

const testUrl = 'https://www.baidu.com/'
module.exports = {
  'test for baidu' : function (browser) {
    browser
      .url(testUrl)
      .waitForElementVisible('body', 3000)
      .setValue('input[id=kw]', 'nightwatch')
      .waitForElementVisible('input[type=submit]', 1000)
      .click('input[type=submit]')
      .pause(1000)
      .waitForElementVisible('div[class=s_tab_inner]', 3000)
      .assert.containsText('.s_tab_inner', '网页')
      .end();
  }
};

启动测试 packae.json

 "scripts": {
    "test": "nightwatch -c  test/e2e/nightwatch.conf.js",
    "build": "node build/build.js"
  },

 在项目根目录下执行npm test即可。它会模拟界面操作,打开浏览器执行。控制台信息如下。

 源码git地址:https://github.com/shichangchun404/nightWatchTest

 

 

转载于:https://www.cnblogs.com/shichangchun/p/10553275.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值