掌握聚合最新动态了解行业最新趋势
API接口,开发服务,免费咨询服务

用Nightwatch.js做Node.js平台端到端测试

本文由chaussen在众成翻译平台翻译。

什么是Node.js平台的端到端测试?

先不要急着看码例。首先我们有必要探讨一下端到端测试到底是什么,然后才能学习如何为Node.js平台项目进行测试。

第一,端到端测试是黑箱测试的工具之一。这就意味着写测试的人只审查软件功能,不知道软件内部如何实现,即不看源代码。

第二,端到端测试也可以用作用户验收测试(UAT)。 用户验收测试是验证这个解决方案对用户来说确实可用的过程,关注的不是拼写之类的小错误,而是那些会使系统瘫痪、或使系统功能无法满足用户需求的问题。

“端到端测试也可以用作用户验收测试(UAT)”,见RisingStack

点击发推

进入Nightwatch.js

Nightwatch.js让大家能“在Node.js平台上省时省力地编写运行于Selenium/WebDriver服务器上的端到端测试”。

Nightwatch带有以下功能:

  • 内置测试运行程序,

  • 能控制selenium服务器,

  • 支持由供应商提供并运行的selenium主机,比如BrowserStack或SauceLabs上的主机,

  • 用CSS和Xpath选择元素。

安装Nightwatch

想在本地运行Nightwatch,要稍微多做点事。在本地环境里需要有一个独立Selenium服务器,以及webdriver程序,这样才能使用Chrome/Firefox浏览器对程序进行本地测试。

有了以上三个工具,我们就要实施下图所示的工作流程了。

感谢:nightwatchjs.org提供的图片

第一步:添加Nightwatch

只要运行npm install nightwatch --save-dev命令就可以将Nightwatch添加到项目里去。

_这个命令把Nightwatch的可执行文件放到了./node_modules/.bin文件夹里,这样就不用全局安装了。_

第二步:下载Selenium程序

Selenium是多平台上网站浏览器自动化的工具套件。

先决条件:确保JDK安装好了,版本至少是7。如果还没装,可以到这里下载。

Selenium服务器是一个Java程序。Nightwatch用了这个程序就可以连接到各种各样的浏览器上去。在这里可以下载二进制执行文件。

下载了JAR文件后,在项目里创建一个bin文件夹,把文件放进去。我们要设置好让Nightwatch使用这个文件,这样就不必手动启动Selenium服务器程序了。

第三步:下载Chromedriver程序

ChromeDriver是一个独立的服务器,为Chromium浏览器实现了W3C的WebDriver有线协议。

下载页面获取可执行文件,同样把文件放到bin文件夹里去。

第四步:配置Nightwatch.js

基本Nightwatch配置可以通过一个json配置文件来完成。

我们创建一个nightwatch.json文件,填上以下内容:

{
  "src_folders" : ["tests"],
  "output_folder" : "reports",

  "selenium" : {
    "start_process" : true,
    "server_path" : "./bin/selenium-server-standalone-3.3.1.jar",
    "log_path" : "",
    "port" : 4444,
    "cli_args" : {
      "webdriver.chrome.driver" : "./bin/chromedriver"
    }
  },

  "test_settings" : {
    "default" : {
      "launch_url" : "http://localhost",
      "selenium_port"  : 4444,
      "selenium_host"  : "localhost",
      "desiredCapabilities": {
        "browserName": "chrome",
        "javascriptEnabled": true,
        "acceptSslCerts": true
      }
    }
  }
}

有了这个配置文件,我们就告诉了Nightwatch去哪里找Selenium服务器和Chromedriver的二进制执行文件,以及想运行的测试在哪里。

点击了解更多

译注:下面是广告

在做品控时,大家不应该依赖端到端测试。要用追踪方法找出所有的问题,不要留给用户发现。

RisingStack专家关于Node.js监控与调试的建议

想了解更多,看

即时小结

目前为止,我们安装好了Nightwatch,下载好了独立的Selenium服务器,以及Chromedriver程序。做好了这几步,必备工具就都齐了,可以用Node.js平台和Selenium软件创建端到端测试了。

编写第一个Nightwatch测试

让我们在tests文件夹里添加一个新文件,叫作homepage.js。

我们这个例子是从Nightwatch初学指南里来的。我们的测试脚本会去Google网站,搜索Rembrandt这个词,然后查看维基页面:

module.exports = {
  'Demo test Google' : function (client) {
    client
      .url('http://www.google.com')
      .waitForElementVisible('body', 1000)
      .assert.title('Google')
      .assert.visible('input[type=text]')
      .setValue('input[type=text]', 'rembrandt van rijn')
      .waitForElementVisible('button[name=btnG]', 1000)
      .click('button[name=btnG]')
      .pause(1000)
      .assert.containsText('ol#rso li:first-child',
        'Rembrandt - Wikipedia')
      .end()
  }
}

接下来只要运行Nightwatch程序本身就行了!关于这一步,我建议在package.json的脚本部分加一段新脚本:

"scripts": {
  "test-e2e": "nightwatch"
}

最后一步要做的就是用这个命令运行测试:

`npm run test-e2e`

如果一切顺利,测试就会打开Chrome浏览器,然后访问Google和维基。

项目中的Nightwatch.js

既然已经明白了端到端测试是什么,也懂得如何设置Nightwatch了,那就该开始把它加到项目里去了。

为了做到这一点,还有一些问题要考虑,但请记住,没有万能的方法。根据企业需求不同,以下问题的答案可能也会不同:

  • 在哪里运行测试?是在产品发布前?还是在产品发布后?什么时候生成测试用的容器?

  • 要测试什么情景?

  • 什么时候由谁来写端到端测试?

总结与预告

在这一章的Node.js at Scale里我们学习了:

  • 如何设置Nightwatch;

  • 如何设置Nightwatch来使用独立Selenium服务器;

  • 如何编写基本端到端测试。

在下一章里,我们要探究如何监控用于产品发布的Node.js平台基础结构。

原文来自:众成翻译

声明:所有来源为“聚合数据”的内容信息,未经本网许可,不得转载!如对内容有异议或投诉,请与我们联系。邮箱:marketing@think-land.com

掌握聚合最新动态了解行业最新趋势
API接口,开发服务,免费咨询服务
用Nightwatch.js做Node.js平台端到端测试
发布:2018-01-04 14:31:46

本文由chaussen在众成翻译平台翻译。

什么是Node.js平台的端到端测试?

先不要急着看码例。首先我们有必要探讨一下端到端测试到底是什么,然后才能学习如何为Node.js平台项目进行测试。

第一,端到端测试是黑箱测试的工具之一。这就意味着写测试的人只审查软件功能,不知道软件内部如何实现,即不看源代码。

第二,端到端测试也可以用作用户验收测试(UAT)。 用户验收测试是验证这个解决方案对用户来说确实可用的过程,关注的不是拼写之类的小错误,而是那些会使系统瘫痪、或使系统功能无法满足用户需求的问题。

“端到端测试也可以用作用户验收测试(UAT)”,见RisingStack

点击发推

进入Nightwatch.js

Nightwatch.js让大家能“在Node.js平台上省时省力地编写运行于Selenium/WebDriver服务器上的端到端测试”。

Nightwatch带有以下功能:

  • 内置测试运行程序,

  • 能控制selenium服务器,

  • 支持由供应商提供并运行的selenium主机,比如BrowserStack或SauceLabs上的主机,

  • 用CSS和Xpath选择元素。

安装Nightwatch

想在本地运行Nightwatch,要稍微多做点事。在本地环境里需要有一个独立Selenium服务器,以及webdriver程序,这样才能使用Chrome/Firefox浏览器对程序进行本地测试。

有了以上三个工具,我们就要实施下图所示的工作流程了。

感谢:nightwatchjs.org提供的图片

第一步:添加Nightwatch

只要运行npm install nightwatch --save-dev命令就可以将Nightwatch添加到项目里去。

_这个命令把Nightwatch的可执行文件放到了./node_modules/.bin文件夹里,这样就不用全局安装了。_

第二步:下载Selenium程序

Selenium是多平台上网站浏览器自动化的工具套件。

先决条件:确保JDK安装好了,版本至少是7。如果还没装,可以到这里下载。

Selenium服务器是一个Java程序。Nightwatch用了这个程序就可以连接到各种各样的浏览器上去。在这里可以下载二进制执行文件。

下载了JAR文件后,在项目里创建一个bin文件夹,把文件放进去。我们要设置好让Nightwatch使用这个文件,这样就不必手动启动Selenium服务器程序了。

第三步:下载Chromedriver程序

ChromeDriver是一个独立的服务器,为Chromium浏览器实现了W3C的WebDriver有线协议。

下载页面获取可执行文件,同样把文件放到bin文件夹里去。

第四步:配置Nightwatch.js

基本Nightwatch配置可以通过一个json配置文件来完成。

我们创建一个nightwatch.json文件,填上以下内容:

{
  "src_folders" : ["tests"],
  "output_folder" : "reports",

  "selenium" : {
    "start_process" : true,
    "server_path" : "./bin/selenium-server-standalone-3.3.1.jar",
    "log_path" : "",
    "port" : 4444,
    "cli_args" : {
      "webdriver.chrome.driver" : "./bin/chromedriver"
    }
  },

  "test_settings" : {
    "default" : {
      "launch_url" : "http://localhost",
      "selenium_port"  : 4444,
      "selenium_host"  : "localhost",
      "desiredCapabilities": {
        "browserName": "chrome",
        "javascriptEnabled": true,
        "acceptSslCerts": true
      }
    }
  }
}

有了这个配置文件,我们就告诉了Nightwatch去哪里找Selenium服务器和Chromedriver的二进制执行文件,以及想运行的测试在哪里。

点击了解更多

译注:下面是广告

在做品控时,大家不应该依赖端到端测试。要用追踪方法找出所有的问题,不要留给用户发现。

RisingStack专家关于Node.js监控与调试的建议

想了解更多,看

即时小结

目前为止,我们安装好了Nightwatch,下载好了独立的Selenium服务器,以及Chromedriver程序。做好了这几步,必备工具就都齐了,可以用Node.js平台和Selenium软件创建端到端测试了。

编写第一个Nightwatch测试

让我们在tests文件夹里添加一个新文件,叫作homepage.js。

我们这个例子是从Nightwatch初学指南里来的。我们的测试脚本会去Google网站,搜索Rembrandt这个词,然后查看维基页面:

module.exports = {
  'Demo test Google' : function (client) {
    client
      .url('http://www.google.com')
      .waitForElementVisible('body', 1000)
      .assert.title('Google')
      .assert.visible('input[type=text]')
      .setValue('input[type=text]', 'rembrandt van rijn')
      .waitForElementVisible('button[name=btnG]', 1000)
      .click('button[name=btnG]')
      .pause(1000)
      .assert.containsText('ol#rso li:first-child',
        'Rembrandt - Wikipedia')
      .end()
  }
}

接下来只要运行Nightwatch程序本身就行了!关于这一步,我建议在package.json的脚本部分加一段新脚本:

"scripts": {
  "test-e2e": "nightwatch"
}

最后一步要做的就是用这个命令运行测试:

`npm run test-e2e`

如果一切顺利,测试就会打开Chrome浏览器,然后访问Google和维基。

项目中的Nightwatch.js

既然已经明白了端到端测试是什么,也懂得如何设置Nightwatch了,那就该开始把它加到项目里去了。

为了做到这一点,还有一些问题要考虑,但请记住,没有万能的方法。根据企业需求不同,以下问题的答案可能也会不同:

  • 在哪里运行测试?是在产品发布前?还是在产品发布后?什么时候生成测试用的容器?

  • 要测试什么情景?

  • 什么时候由谁来写端到端测试?

总结与预告

在这一章的Node.js at Scale里我们学习了:

  • 如何设置Nightwatch;

  • 如何设置Nightwatch来使用独立Selenium服务器;

  • 如何编写基本端到端测试。

在下一章里,我们要探究如何监控用于产品发布的Node.js平台基础结构。

原文来自:众成翻译

声明:所有来源为“聚合数据”的内容信息,未经本网许可,不得转载!如对内容有异议或投诉,请与我们联系。邮箱:marketing@think-land.com

选择想要的接口, 看看能免费获取多少次调用 选择(单选)或填写想要的接口
  • 短信API服务
  • 银行卡四元素检测[简]
  • 身份证实名认证
  • 手机状态查询
  • 三网手机实名制认证[简]
  • 身份证OCR识别
  • 证件识别
  • 企业工商信息
短信API服务
  • 短信API服务
  • 银行卡四元素检测[简]
  • 身份证实名认证
  • 手机状态查询
  • 三网手机实名制认证[简]
  • 身份证OCR识别
  • 证件识别
  • 企业工商信息
  • 确定
选择您的身份
请选择寻找接口的目的
预计每月调用量
请选择预计每月调用量
产品研发的阶段
请选择产品研发的阶段
×

前往领取
讯飞星火认知大模型API
0512-88869195
数 据 驱 动 未 来
Data Drives The Future