在量角器中链接所有语句

Question

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

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

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">

编辑 - - - - - - - - - - - - - - - - - - - - - - - - - ---------------------------------------

我开始怀疑这是一个版本错误还是一个量角器错误.在尝试调试时,我确实包含了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.

Answer 1

量角器> = 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'));

量角器<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'));