Question

<span ng-bind="locations.selectedCount" class="ng-binding">1005</span>

<span ng-bind="locations.selectedCount" class="ng-binding">1005</span>

如果一个范围在标签下而另一个范围位于不同位置的标签标签下，我如何通过量角器验证这两个范围的值是否相同？

是否使用'equal'元素？

Answer 1

一个直截了当的选择是找到两个跨度并比较文本：

var firstSpan = element(by.css("a.showld")).element(by.binding("locations.selectedCount")),
    secondSpan = element(by.css('label[key="search.selectedLocations"]')).element(by.binding("locations.selectedCount"));

firstSpan.getText().then(function (firstText) {
    var secondText = secondSpan.getText();
    expect(secondText).toEqual(firstText);
});

请注意getText()和Protractor中的许多其他方法一样，返回需要解析的承诺。我们在这里有两个承诺，我们需要比较的已解析值，我们通过then()显式解析第一个，并让expect()隐式解析第二个。有关详情，请参阅：Comparing values of two promises。

另一种可能的方法：

var spans = element.all(by.binding("locations.selectedCount"));
spans.first().getText().then(function (firstText) {
    var lastText = spans.last().getText();
    expect(lastText).toEqual(firstText);
});

这虽然不太可扩展，但仅适用于2个元素。

更具伸缩性的解决方案将涉及使用map()和Array.reduce()。我们将所有span文本收集到一个数组中，然后检查all the items in the array are equal：

var spans = element.all(by.binding("locations.selectedCount"));

spans.map(function (span) {
    return span.getText();
}).then(function (texts) {
    var allTextsAreTheSame = texts.reduce(function(a, b) {
        return (a === b) ? a: false;
    });
    expect(allTextsAreTheSame).toBe(true);
});

如何使用量角器来验证两个跨距在不同位置是否相等？

1 个答案: