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

问题描述

作为对我的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”等。（即每个单元格） >

但是，我希望测试仅验证“丰田”，“福特”和“保时捷” （即此Angular Grid的第一列）：

有人可以告诉我我需要对此进行哪些更改？

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

解决方法

我将使用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","Porsche"]);
        });

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