配置node.js和selenium.js

前期准备

• 安装node.js
  下载node: https://nodejs.org/en/
  选择当前稳定版本: V6.11.0 LTS
  安装完成后，在命令行输入 node -v 输出安装的node 版本号 v6.11.0

> node -v
> v6.11.0

安装selenium-webdrier

• 初始化项目

在自己本地创建一个文件夹selenium-begin,命令行模式进入到selenium-begin目录下 输入 npm init 初始化项目，根据提示，用默认选项即可。

C:\Users\zengyang\Desktop\selenium-begin>npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

See `npm help json` for definitive documentation on these fields
and exactly what they do.

Use `npm install <pkg> --save` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
name: (selenium-begin)
version: (1.0.0)
description:
entry point: (index.js)
test command:
git repository:
keywords:
author:
license: (ISC)
About to write to C:\Users\zengyang\Desktop\selenium-begin\package.json:

{
"name": "selenium-begin",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}


Is this ok? (yes) yes

完成后selenium-begin目录下自动生成项目配置文件 package.json.

• 配置selenium

node的包管理器npm 为我们提供简易的安装方式。我们只需要用npm install 命令即可快速为我们安装配置环境。
在刚才的命令行模式下 输入命令<code> npm install selenium-webdriver --save</code> 即可自动帮我们下载 selenium-webdriver.
下载完成后，在selenium-begin 目录下会有一个node_modules目录,node_modules目录存放我们selenium-webdriver的依赖文件。

C:\Users\zengyang\Desktop\selenium-begin>npm install selenium-webdriver --save
selenium-begin@1.0.0 C:\Users\zengyang\Desktop\selenium-begin
`-- selenium-webdriver@3.4.0
+-- adm-zip@0.4.7
+-- rimraf@2.6.1
| `-- glob@7.1.2
| +-- fs.realpath@1.0.0
| +-- inflight@1.0.6
| | `-- wrappy@1.0.2
| +-- inherits@2.0.3
| +-- minimatch@3.0.4
| | `-- brace-expansion@1.1.7
| | +-- balanced-match@0.4.2
| | `-- concat-map@0.0.1
| +-- once@1.4.0
| `-- path-is-absolute@1.0.1
+-- tmp@0.0.30
| `-- os-tmpdir@1.0.2
`-- xml2js@0.4.17
+-- sax@1.2.2
`-- xmlbuilder@4.2.1
`-- lodash@4.17.4

npm WARN selenium-begin@1.0.0 No description
npm WARN selenium-begin@1.0.0 No repository field.

浏览器driver

在做自动化测试的过程，我们需要根据测试不同的浏览器，需要下载浏览器driver配置到系统环境变量中，这样自动化脚本才能打开特定的浏览器去运行脚本。

• 安装chrome driver
  使用 <code> npm install chromedriver --save </code> 会自动帮我们下载安装最新版的chrome driver

• 安装firefox驱动
  使用 <code>npm install geckodriver --save </code> 命令会自动帮我们下载安装 firefox浏览器驱动

• 安装ie驱动
  使用 <code>npm install iedriver --save </code> 命令自动帮我们下载安装ie 浏览器驱动

选择一款适合自己的开发工具

• vscode
  下载地址: https://code.visualstudio.com/

打造我们第一个web自动化程序

• 编码

打开 VScode 编辑器。使用vscode打开我们创建的 selenium-begin 文件夹。
新建 index.js 写如下代码:

require('chromedriver'); //导入chrome浏览器 driver

var webdriver = require('selenium-webdriver'); //导入selenium 库

var driver = new webdriver.Builder().forBrowser('chrome').build(); //创建一个chrome 浏览器实例

driver.get("https://autowebtest.github.io/") //打开https://autowebtest.github.io/

driver.sleep(20 * 1000).then(function(){ //等待20秒
driver.quit(); //关闭浏览器
})

此时项目的目录结构应该为

+ selenium-begin
    + node_modules
    - index.js
    - package.json

• 运行

在命令行窗口 运行<code> node index.js</code>

C:\Users\zengyang\Desktop\selenium-begin> node index.js

如果以上环境都配置安装过，你会发现自动打chrome 浏览器并导航到
https://autowebtest.github.io/ 这个页面上，大约20秒过后，浏览器自动关闭。

总结

通过一个简单的实例快速了解web自动化测试流程。我们学习了以下知识
1.快速搭建环境
2.配置selenium 安装浏览器驱动。
3.编写一个自动化脚本。