19 端对端测试

矫情吗；* 2022-05-26 01:05 210阅读 0赞

# 端对端测试 #

方案测试(scenario tests)使用Javascript写的，你在其中描述在某一个状态的某一个交互中你的应用应该运作。一个方案包括一个或多个it代码块（你可以把这些当成你应用的需求），代码块它由命令和期望结果组成。命令告诉Runner让应用执行某个操作（比如翻页或者点击按钮），期望告诉Runner验证执行后的应用状态（比如字段的值或者当前URL）。如果某个期望不符合，那么Runner就会把它标记为“失败”然后继续验证下一个。方案还能有beforeEach和afterEach代码块，他们会在it代码块前（后）执行，不管代码块是否成功。

例：

describe('Buzz Client', function() { it('should filter results', function() { input('user').enter('jacksparrow'); element(':button').click(); expect(repeater('ul li').count()).toEqual(10); input('filterText').enter('Bees'); expect(repeater('ul li').count()).toEqual(1); }); });

**API：**

*  pause()  
    暂停测试执行，知道你在命令行中执行resume()（或者在Runner UI中点击继续按钮）。
 *  sleep(seconds)

将测试暂停一段指定的事件，以秒计。  
\* browser().navigateTo(url)

将url加载到测试框架中。  
\* browser().navigateTo(url, fn)

将函数返回的url加载到测试框架中。参数中的url是用来测试输出的。在url是动态地时候，你可以用这个api（意思是在你写测试的时候并不知道url是什么的时候）。

*  browser().reload()

在测试框架中刷新加载的页面。

*  browser().window().href()

返回测试框架页面中的window.location.href。

*  browser().window().path()

返回测试框架页面中的window.location.pathname。

*  browser().window().search()

返回测试框架页面中的window.location.search.

*  browser().window().hash()

返回测试框架页面中的window.location.hash.

*  browser().location().url()  
    返回测试框架页面中的$location.url().
 *  browser().location().path()  
    返回测试框架页面中的$location.path().
 *  browser().location().search()  
    返回测试框架页面中的$location.search().
 *  browser().location().hash()  
    返回测试框架页面中的$location.hash().
 *  expect(future).\{matcher\}

验证当前的future对象是否满足当前的匹配.所有的api都会返回一个future对象，它没在执行后就会对这个对象赋值。匹配是用angular.scenario.matcher定义的， 它用future对象的值来验证是否复合期望，比如：`expect(browser().location().href()).toEqual('http://www.google.com')`。

*  expect(future).not().\{matcher\}  
    验证当前future对象值是否不满足当前匹配。
 *  using(selector, label)  
    审查下一个DSL元素选项。
 *  binding(name)  
    返回符合给定名字的第一个绑定值。
 *  input(name).enter(value)  
    在指定输入框中输入指定值。
 *  input(name).check()  
    勾选或者反勾选指定名字的checkbox。
 *  input(name).select(value)  
    选择指定名字的单选框。
 *  input(name).val()  
    返回指定名字的input元素的值。
 *  repeater(selector, label).count()  
    返回用指定jquery选择器选择到的元素的个数。参数中label是用来检测输出的。
 *  repeater(selector, label).row(index)  
    返回用指定jquery选择器选择到的元素的指定索引的绑定（数组）。参数中label是用来检测输出的。
 *  repeater(selector, label).column(binding)  
    返回用指定jquery选择器选择到的元素的列的值（数组）。参数中label是用来检测输出的。
 *  select(name).option(value)  
    返回指定名字的select中指定值的option。
 *  select(name).option(value1, value2…)

返回指定名字的select中的和给定任意一个值匹配的option。

*  element(selector, label).count()  
    返回符合指定jquery选择器的元素的个数。参数中label是用来检测输出的。
 *  element(selector, label).click()  
    模拟指定jquery选择器的元素的点击事件。参数中label是用来检测输出的。
 *  element(selector, label).query(fn)  
    执行函数fn(selectedElements, done)，selectedElements是符合jquery选择器的元素，done是函数执行后的回调。参数中label是用来检测输出的。
 *  element(selector, label).\{method\}()

返回指定jquery选择器选择的元素的方法。方法可以是如下的jquery方法：val, text, html, height, innerHeight, outerHeight, width, innerWidth, outerWidth, position, scrollLeft, scrollTop, offset.参数中label是用来检测输出的。  
\* element(selector, label).\{method\}(value)

执行指定jquery选择器选择的元素的方法。方法可以是如下的jquery方法：val, text, html, height, innerHeight, outerHeight, width, innerWidth, outerWidth, position, scrollLeft, scrollTop, offset.参数中label是用来检测输出的。  
\* element(selector, label).\{method\}(key)

返回执行指定jquery选择器选择的元素执行方法的结果，传递key做参数。方法可以是：attr, prop, css。参数中label是用来检测输出的。  
\* element(selector, label).\{method\}(key, value)

返回执行指定jquery选择器选择的元素执行方法的结果，传递key和value做参数。方法可以是：attr, prop, css。参数中label是用来检测输出的。