在量角器中链接所有语句

Question

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

我正在尝试在量角器中链接所有语句，但出现错误。

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

我正在查看以下页面上的 API 代码

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

这表明您可以使用element.all(locator)。全部(定位器)

它以这个为例

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

我的代码似乎非常相似，我很困惑为什么会出现这个错误。我尝试过将代码结构化，就像API示例上的代码一样。我也尝试过element.all（定位器）。element.all（定位器）。

我的目标是采取AREFS的Ng重复；找到一个文本等于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

应工作给定:https://github . com/angular/量角器/blob/f7c3c 370 a 239218 f 6143 a/lib/量角器. js#L177

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

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

TypeError:对象[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'));