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

Question

作为我的 Angular 应用程序 Protractor 测试的一部分，我正在尝试验证 Angular Grid.

第一列单元格内的文本

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

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

当运行对下面table时，此代码将检查“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

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

How to verify text within first column of Angular Grid in Protractor test?

jasmine

protractor

angular-grid

angular