nightwatch入门教程

Nightwatch.js 是一个用来测试web应用和网站的自动化测试框架，它是由NodeJs编写的，使用了W3C WebDriver API(之前是Selenium WebDriver)

所以我们首先是要安装NodeJs:

1.首先，从Node.js官网下载对应平台的安装程序，网速慢的童鞋请移步国内镜像,在Windows上安装时务必选择全部组件，包括勾选Add to Path。

2.安装完成后输入 npm -v(npm是Node.js的包管理工具（package manager)

Nightwatch 安装

1.完成后我们创建一个文件夹名为(nightwatch-test),名称根据个人喜好

2.初始化项目: npm init -y

3.安装依赖:npm install nightwatch

4.安装seleniumserver服务:npm install selenium-server

5.安装谷歌驱动:npm install chromedriver ps:这边要根据你的浏览器版,有可能会版本不兼容的情况

从Chrome75版本开始，就默认使用了W3C的webdriver协议，但nightwatch用的是JSONWP，和W3C不兼容，所以如果想要正常使用，必须关闭W3C的协议。也就是说，可以在测试文件里加上这么一段：

module.exports = {

desiredCapabilities: {

browserName: "chrome",

chromeOptions: {

w3c: false

}

}

}

Nightwatch配置

在项目的根目录下新建一个nightwatch.conf.js文件，然后将以下的代码拷贝进去。

module.exports = {

  src_folders: ['examples'],//这边的src_folders的值为运行的测试目录

  output_folder: 'output',

  custom_assertions_path: [],

  page_objects_path: '',

  globals_path: '',

  selenium: {

    start_process: true,

    server_path: require('selenium-server').path,

    host: '127.0.0.1',

    port: 5555,

    cli_args: {

      'webdriver.chrome.driver': require('chromedriver').path

    }

  },

  test_settings: {

    default: {

      selenium_port: 5555,

      selenium_host: 'localhost',

      silent: true,

      globals: {

        devServerURL: 'http://localhost:' + (process.env.PORT || 1111)

      }

    },

    chrome: {

      desiredCapabilities: {

        browserName: 'chrome',

        javascriptEnabled: true,

        acceptSslCerts: true

      }

    },

    firefox: {

      desiredCapabilities: {

        browserName: 'firefox',

        javascriptEnabled: true,

        acceptSslCerts: true

      }

    }

  }

}

Nightwatch 脚本编写

1.在项目的根目录下新建一个examples(必须跟你刚才在src_folder下设置的名称一直)的文件夹，用于存放我们的测试脚本。接着新建一个js文件作为测试文件

2.创建脚本js文件

module.exports = {
desiredCapabilities: {
browserName: "chrome",
chromeOptions: {
w3c: false
}
},
'search nightwatch on baidu': function (browser) {
browser
.url('https://www.baidu.com/')
.waitForElementVisible('body', 1000)
.setValue('#kw', 'nightwatch')
.click('#su')
.pause(3000)
.waitForElementVisible('#content_left', 3000)
.end();
}
};

3.创建第二个js脚本

module.exports = {

  'search nightwatch on baidu': function (browser) {

    browser

      .url('http://192.xxx.x.xx:6013/')

      .waitForElementVisible('body', 1000)

	  .useXpath()

      .setValue('//*[@id="app"]/div/div/form/div[1]/div/div/input', 'admin')

	  .setValue('//*[@id="app"]/div/div/form/div[2]/div/div/input', '123456')

      .click('//*[@id="app"]/div/div/form/div[3]/div/button')

      .pause(3000)

      .end();

  }

};

运行测试用例

1.接着我们在package.json的scripts中"e2e": "nightwatch --env chrome"加入运行脚本：

{

  "name": "nightwatch-test",

  "version": "1.0.0",

  "description": "",

  "main": "index.js",

  "scripts": {

  "e2e": "nightwatch --env chrome",  //路径

    "test": "echo \"Error: no test specified\" && exit 1"

  },

  "keywords": [],

  "author": "",

  "license": "ISC",

  "dependencies": {

    "nightwatch": "^1.0.19",

    "selenium-server": "^3.141.59"

  }

}

接着在项目根目录下运行:

npm run e2e

巴特西

nightwatch入门教程

Nightwatch 安装

Nightwatch配置

Nightwatch 脚本编写

运行测试用例

最新文章

热门文章