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

【问题标题】：How to verify text within first column of Angular Grid in Protractor test?如何在量角器测试中验证 Angular Grid 第一列中的文本？
【发布时间】：2020-12-07 01:02:21
【问题描述】：

作为对我的 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;" 可以用作选择器，那么我想我可以使用它。

【问题讨论】：

标签： angular jasmine protractor angular-grid

【解决方案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

【讨论】：