量角器 table.filter 超时

Question

我已经使用量角器 + 黄瓜编写了我的第一个 Angular 2 验收测试，当我调用 table.filter 时，浏览器似乎挂起并超时，直到超时时间。

我使用 chai-as-promised 来满足期望：

var chai = require('chai');
var chaiAsPromised = require('chai-as-promised');
chai.use(chaiAsPromised);
var expect = chai.expect;

下面是不起作用的代码。

var grid = $$(".table tr");
grid.filter(function (row) {
    var cells = row.$$('td');
    expect(cells.get(0).getText()).to.eventually.equal(factoryName).and.notify(done);

我已经通过将上面的代码替换为：

var grid = $$(".table tr");
for (var i = 1; i < grid.count() ; i++) {
    var cells = grid.get(i).$$('td');
    expect(cells.get(0).getText()).to.eventually.equal(factoryName).and.notify(done);
}

我正在努力寻找 table.filter 导致超时的原因。

谁能帮我写文章/帖子，如何将这些steps.js转换成TypeScript，这是在angular2中测试的正确方法？

Answer 1

.filter() 期望过滤器函数从它返回一些东西（一个布尔值，或解析为布尔值的承诺，以决定是否跳过数组中的元素） .

据我了解，您的意思是：

var grid = $$(".table tr");
var desiredRow = grid.filter(function (row) {
    var cells = row.$$('td');
    return cells.first().getText().then(function(cellText) {
        return cellText === factoryName;
    });
}).first();
// do something with the desiredRow

或者，如果您要检查每行的第一个单元格是否等于factoryName，您应该/可以使用each()：

var grid = $$(".table tr");
grid.each(function (row) {
    var cells = row.$$('td');
    expect(cells.first().getText()).to.eventually.equal(factoryName);
});

或者，您可以使用 first-of-type CSS selector pseudo-class 定位每行的第一个单元格，然后断言数组的所有元素都具有 factoryName 值：

var cells = $$(".table tr td:first-of-type");

// example for 2 rows
// for N rows, http://stackoverflow.com/questions/14832603/check-if-all-values-of-array-are-equal
expect(cells.getText()).toEqual([factoryName, factoryName]);