如何在 Protractor 测试中验证 Angular 网格的第一列中的文本？

Question

作为对我的 Angular 应用程序进行 Protractor 测试的一部分，我正在尝试验证Angular 网格第一列中单元格内的文本。

下面的代码验证网格的每个单元格的文本：

element.all(by.css('div.ag-cell'))
  .map(function (cell) {
      return cell.getText();
      })
    .then(function (cellValues) {
        expect(cellValues).toEqual(["Toyota", "Ford", "Porsche"]);
        });

当针对下表运行时，此代码将检查“Toyota”、“Celica”、“35000”、“Ford”、“Mondeo”等（即每个单元格）

但是，我希望测试仅验证“Toyota”、“Ford”和“Porsche” （即此Angular Grid的第一列） ：

有人可以告诉我为此我需要做些什么改变吗？

注意：如果aria-colindex="1" left: 0px;"可以用作选择器，那么我想我可以使用它。

Answer 1

我会使用col-id而不是aria-colindex ，对你来说，我会假设col-id会被make ，但我会首先向你展示使用aria-colindex 。

element.all(by.css('div.ag-cell[aria-colindex="1"]'))
  .map(function (cell) {
      return cell.getText();
      })
    .then(function (cellValues) {
        expect(cellValues).toEqual(["Toyota", "Ford", "Porsche"]);
        });

使用col-id

element.all(by.css('div.ag-cell[col-id="make"]'))
  .map(function (cell) {
      return cell.getText();
      })
    .then(function (cellValues) {
        expect(cellValues).toEqual(["Toyota", "Ford", "Porsche"]);
        });

查看 CSS 属性选择器： https://www.w3schools.com/css/css_attribute_selectors.asp