在量角器中链接所有语句

时间:2014-09-26 19:47:53

标签: javascript angularjs protractor

我的第一个堆栈溢出问题......

我正试图在量角器中链接所有语句,但我收到了错误。

TypeError: Object [object Object] has no method 'all'

我正在查看下一页的API代码

http://angular.github.io/protractor/#/api?view=ElementArrayFinder.prototype.all

表示您可以使用element.all(locator).all(locator)

它以此为例

var foo = element.all(by.css('.parent')).all(by.css('.foo'))

我的代码似乎非常相似,我很困惑为什么我收到这个错误。我试着在API示例中完全按照它们的方式构建代码。我也尝试过做element.all(locator).element.all(locator)。

我的目标是采取NFS重复的AREFS;找到一个文本等于r_string的文件(这是一个先前生成并添加到页面中的字符串;期望该元素存在;单击该元素;

一些尝试:

    var parent = element.all(by.repeater('labgroup in LabGroupService.allLabGroups'));
    var child = parent.all(by.xpath('//option[text() = \'' + r_string + '\']'));
    expect(child.count()).toBe('1');

    var elem = element.all(by.repeater('labgroup in LabGroupService.allLabGroups')).all(by.xpath('//option[text() = \'' + r_string + '\']'));
    expect(elem.count()).toBe('1');

最后,这是我正在使用的HTML的片段。

        <a ui-sref="root.user-management.labgroup({labgroupID: labgroup.id})" class="ng-binding" href="#/management/labgroup/43">1kvub4wgCvY9QfA</a>
    </dd><!-- end ngRepeat: labgroup in LabGroupService.allLabGroups --><dd ng-repeat="labgroup in LabGroupService.allLabGroups" class="ng-scope">
        <a ui-sref="root.user-management.labgroup({labgroupID: labgroup.id})" class="ng-binding" href="#/management/labgroup/47">3PNsny8lUMlMwBw</a>
    </dd><!-- end ngRepeat: labgroup in LabGroupService.allLabGroups --><dd ng-repeat="labgroup in LabGroupService.allLabGroups" class="ng-scope">
        <a ui-sref="root.user-management.labgroup({labgroupID: labgroup.id})" class="ng-binding" href="#/management/labgroup/42">c3NOI7Z3933ui3a</a>
    </dd><!-- end ngRepeat: labgroup in LabGroupService.allLabGroups --><dd ng-repeat="labgroup in LabGroupService.allLabGroups" class="ng-scope">

修改------------------------------------------- --------------------------------------------- < / p>

我开始怀疑这是版本错误还是量角器错误。在尝试调试时,我确实包含了API页面中的源代码。

    <div id='id1' class="parent">
      <ul>
        <li class="foo">1a</li>
        <li class="baz">1b</li>
      </ul>
    </div>
    <div id='id2' class="parent">
     <ul>
       <li class="foo">2a</li>
       <li class="bar">2b</li>
     </ul>
     </div>

和源页面中的示例。

var foo = element.all(by.css('.parent')).all(by.css('.foo'))
expect(foo.getText()).toEqual(['1a', '2a'])

我仍然遇到同样的错误。

TypeError: Object [object Object] has no method 'all'

编辑2 ------------------------------------------ -------------------------------------

我设法通过在实际的html代码中添加'data-class = labgroup-link'并使用这个量角器代码来解决这个问题。

    element.all(by.css('[data-class="labgroup-link"]')).filter(function(elem, index) {
        return elem.getText().then(function(text) {
            return text === r_string;
        });
    }).then(function(filteredElements) {
        expect(filteredElements[0].isPresent()).toBe(true);
        filteredElements[0].click();
        ptor.sleep(100);
    });

解决方案----------------------------------------

必须升级量角器才能获得最新的API。

1 个答案:

答案 0 :(得分:6)

量角器&gt; = 1.3.0

应该给予工作:https://github.com/angular/protractor/blob/f7c3c370a239218f6143a/lib/protractor.js#L177

var foo = element.all(by.css('.parent')).all(by.css('.foo'));

量角器&lt; 1.3.0

ElementArrayFinder没有all方法:https://github.com/angular/protractor/blob/master/docs/api.md#api-elementarrayfinder-prototype-get因此:

  

TypeError:Object [object Object]没有方法'all'

也许你想要

var foo = element(by.css('.parent')).all(by.css('.foo'));
// or shorter
var foo = $('.parent').$$('.foo');

做的内容

var foo = element.all(by.css('.parent')).all(by.css('.foo'));