angular - 如何在量角器测试中验证 Angular Grid 第一列中的文本？

Question

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

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

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