js e2e测试-nightwatch入门

nightwatch是基于selenium(webdriver)的e2e测试框架。

selenium还需要java环境。提前安装java环境。

实现效果：自动打开bing页面，搜索内容，关闭页面。

1 安装

mkdir nightwatchDemocd nightwatchDemonpm init -ynpm install nightwatch selenium-server chromedriver --save

2 创建nightwatch.conf.js

const path = require('path');module.exports = {  // 测试文件入口  src_folders: ['tests'],  // 输出报表路径  output_folder: 'reports',  // selenium配置  selenium: {    start_process: true,    server_path: require('selenium-server').path,    host: '127.0.0.1',    // selenium log输出    log_path: 'reports',    port: 9090,    cli_args: {      'webdriver.chrome.driver': require('chromedriver').path,      'webdriver.gecko.driver': require('chromedriver').path    }  },  test_settings: {    default: {      launch_url: 'http://localhost',      selenium_port: 9090,      selenium_host: 'localhost',      silent: true,      screenshots: {        enabled: false,        path: ''      }    },    chrome: {      desiredCapabilities: {        browserName: 'chrome',        javascriptEnabled: true,        acceptSslCerts: true      }    }  }};

3 根据配置的src_folders创建tests文件夹，下面创建个demo.js

module.exports = {  'Find the answer.': function(client) {    // 定义 Bing 页面中的节点.    const searchInput = '#sb_form_q';    const searchBtn = '#sb_form_go';    const question = '测试nightwatch自动打开网站搜索';    // 启动浏览器并打开 bing.com.    client.url('http://bing.com').maximizeWindow();    // 确保 "body" 和输入框可以使用.    client.expect.element('body').to.be.present;    client.expect.element(searchInput).to.be.visible;    client.pause(2000); // 稍等两秒.    // 输入 "what is microsoft" 然后搜索.    client.setValue(searchInput, question);    client.click(searchBtn);    client.pause(2000);    // 截一张图然后保存到 "reports/answer.png".    client.expect.element('body').to.be.present;    client.saveScreenshot('reports/answers.png');    client.end();  }};

4 修改package.json的script字段

"scripts": {    "test": "./node_modules/.bin/nightwatch --env" },

5 运行 npm run test

成功完成，输出日志。