公司自动化测试，demo代码分析

整个项目的文件结构，如下图所示，

先说 最基本需要写的。

再说比较复杂的。

公司中的测试用例，主要用到的技术有下面几种，以及 对应的 文档API 链接。

Selenium Webdriver http://www.seleniumhq.org/docs/03_webdriver.jsp


Cucumber js https://cucumber.io/docs/reference/javascript


Promises https://www.promisejs.org/


char ： http://chaijs.com/api/

×××××××××××××××××××××××最基本的××××××××××××××××××××××××××××××××××××

最基本，需要写的，只有 3个文件， 都在 features 文件夹下。

1、 abc.feature

2、logintest.step.js

3、logintest.page.js

abc.feature

第一个文件，就是测试用例文件。

里面包含 很多 类似单元测试的方法。

语法简单，

Feature: LawEditorial
	LawEditorial Login AutoTest..

Background:    # background，是执行所有测试用例 的前提条件。
  Given visit the login page and login  # 这个就是方法名。  可以声明多个方法。

#下面就是一个测试用例。 每个 <span style="font-family: Arial, Helvetica, sans-serif;">Scenario ，都是一个测试单元。</span>
@first #这个是，标签，需要在  gruntfire.js 里面声明，  作用就是，指定 某个条件下，运行这个测试用例，以后详细说明。
Scenario: Test The ideal of the topic     #方法描述。
  Given open the page   #下面都是一些方法。。     
  When start the project
  #Then view tasks
  Then exit program

# cucmber 有自己的语法， 所有的方法前，都有一个 前缀    Given   When  Then   ,等等，这些可以看cucumber   ，

默认条件，登录系统
首先，打开 选题立项页面，
然后，填写选题立项信息，
然后，启动流程
然后，到所有任务中，找到选题立项，办理需要 办理的流程。
***
最后，退出系统。

logintest.step.js

这个文件，是对 abc.feature 文件中，声明的方法进行 实现。

代码太多，只复制一部分。

'use strict';

var expect = require('chai').expect;
var homePage = require('../page_objects/logintest.page.js');   //node js  用法，引入 类库
var xtlxPage = require('../page_objects/project.page.js');

var projectName;

module.exports = function() {

	this.World = require('../support/world.js').World;  <span style="font-family: Arial, Helvetica, sans-serif;">//node js  用法，引入 类库</span>

<span style="font-family:Arial, Helvetica, sans-serif;">
</span><span style="white-space:pre">	</span>//在 feature 文件中， Given ,对应 this.Given ，方法名称需要一致。
	this.Given(/^visit the login page and login$/, function(callback) {
<span style="white-space:pre">		</span>//调用 logintest.page.js   中的固定元素，
		homePage.load(this);
		homePage.pageTitle(this).then(function(title) {
			expect(title).to.equal('登录');
		});
		homePage.waitForUnserName(this);
		this.drive.sleep(500);
		homePage.pageTitle(this).then(function(title) {
			expect(title).to.equal('后台管理');
		});
		callback();
	});
	
	this.Given(/^open the page$/, function(callback) {  //
		xtlxPage.xtlxglMenu(this).click();

		//下面，是切换 视图监控。  以后详细描述。
//咱们 项目中，，是在webgate 的  index.jsp 页面中，嵌套 iframe 窗体，因此，当需要 响应 窗体内部元素 的事件，需要切换视图。
		var frame = this.drive.findElement({ xpath : '//*[@id="frameTabs"]/div[2]/div[2]/div/iframe' });
															//*[@id="frameTabs"]/div[2]/div[2]/div/iframe
		this.drive.switchTo().frame(frame);
		
		callback();
	});

	this.When(/^start the project$/, function(callback) {
		xtlxPage.waitxtlxPage(this);
		//填写基本信息
		projectName = 'asdf'+Math.random();
		xtlxPage.xmmcInput(this).sendKeys(projectName);//项目名称
		xtlxPage.startup(this).click();
		//切换视图回到默认
		this.drive.switchTo().defaultContent();

		callback();
	});

	this.Then(/^exit program$/, function(callback) {
		homePage.logoutMenu(this).click();
		
		homePage.pageTitle(this).then(function(title) {
			expect(title).to.equal('登录');
		});
		callback();
	});

};

logintest.page.js

这个文件，是对 在logintest.step.js 中，经常使用的元素，进行提取，

包括，元素，方法，和，事件，等等。

好处是，如果页面发生变动，只改这个文件里面就可以了，不用去改 业务逻辑 文件。

只复制部分代码

'use strict';

module.exports = {

	// 根据，ID，CSS ，XPATH 的方式，获取元素。

	//焦点 iframe
	iframe : function(my) {//选题立项 子菜单
		return my.drive.findElement({ xpath : '//*[@id="frameTabs"]/div[2]/div[2]/div/iframe' });
	},
	//选题立项管理
	xtlxglMenu : function(my) {//选题立项菜单
		return my.drive.findElement({ xpath : '//*[@id="menuList"]/li[3]/a' });
	},
	xtlxMenu : function(my) {//选题立项 子菜单
		return my.drive.findElement({ xpath : '//*[@id="menuList"]/li[3]/ul/li[1]/a' });
	},

	// **********************************************************************

	/*
	 *    Actions
	 */
	//响应的事件。   对应的方法， 都在   support 文件夹 下 的 world.js 文件中。
	waitForcplxInput : function(my) {
		return my.waitForXpath('//*[@id="page-content"]/div', '选题立项 iframe');
	},
	waitForcpAuto : function(my) {
		return my.waitForXpath('//*[@id="treeDemo_1"]', '产品类型自动补全');
	},

};

××××××分割线×××××

上面的代码中，my.waitForXpath，在 support 文件夹下 的world.js 文件中， 下一篇博客解释。

my.drive.findElement 方法，是用的 selenium webdriver selenium.js 的用法，下一篇博客解释。详细可以去看API

***.then(function (){ 这个方法 ，是用 Promises ，详细用法，下一篇博客解释，或者看API })

*******************************基本end**************************************************

下一篇博客，解释 一般不需要配置的文件。

support 文件夹下的
Gruntfile.js

package.json

pom.xml

文件

*********************************************************************