量角器通过绑定在转发器中找到元素?

时间:2014-06-02 13:59:01

标签: angularjs repeater protractor

我正在尝试编写一个与转发器中的绑定匹配的简单测试。

当我通过CSS类搜索时,我有它工作,但是我“不允许”在我们的代码中执行此操作。我也不能使用HTML标签作为定位器。我只能通过属性或直接绑定找到。

我尝试了很多不同的方法,包括(但是得到错误或没有结果):

var productPageUrl = element.all(by.repeater('product in products').row(0).column('{{product.productPageUrl}}'));

不确定它是否有所作为,但在应用程序中,ng-repeat包含了HTML模板。

这有效(但不能使用):

products.then(function(prods) {
    prods[0].findElement(by.className('homepage-panel-link')).getAttribute('href').then(function(href){
        expect(href).toMatch('/products/1');
    });
});

重复的HTML模板:

<div data-ng-repeat="product in products">
    <div data-property-name="productItem-{{$index}}">
        <a href="{{product.productPageUrl}}" class="homepage-panel-link" data-property-name="productPageUrl"></a>
    </div>
</div>

无论如何只是测试绑定product.productPageUrl ???从上面的代码开始,为了获得这个价值,似乎还有很长的路要走。

2 个答案:

答案 0 :(得分:1)

您似乎只是在寻找定位器by.bindinghttp://angular.github.io/protractor/#/api?view=ProtractorBy.prototype.binding

即。

var productPageUrl = element(by.binding('product.productPageUrl'));
expect(productPageUrl.getAttribute('href')).toMatch('/products/1');

或者如果您有许多匹配项:

var productPageUrls = element.all(by.binding('product.productPageUrl'));
expect(productPageUrls.getAttribute('href').get(0)).toMatch('/products/1');
or
expect(productPageUrls.getAttribute('href')).toMatch(['/products/1', '/products/2', ...]);

答案 1 :(得分:0)

这也是我的问题,我找不到任何量角器功能来解决这个问题,所以这是我建议的解决方案。 :)这个基于量角器的解决方案可以通过ng-bind获取元素并获取输入的value属性。 (我不知道为什么getText()输入不起作用:D)

element(by.binding('mainImageUrl')).getAttribute('value')
   .then(function(text){
      expect(text.toMatch(/img\/phones\/nexus-s.0.jpg/));
   });

..
  <a href="{{product.productPageUrl}}" 
   class="homepage-panel-link" data-property-name="productPageUrl"></a>
  <input type="hidden" ng-bind="product.productPageUrl"
   value= "{{product.productPageUrl}}" >
..

在javascript中:

    element.all(by.repeater('product in products').row(0)
    .column('{{product.productPageUrl}}'))
    .getAttribute('value').then(function(value){
           //matching value
         });