更新行的顺序后如何验证 Angular 网格的第一行？答案

【问题标题】：How to verify the first row of an Angular grid after updating the order of the rows?更新行的顺序后如何验证 Angular 网格的第一行？
【发布时间】：2020-12-27 00:10:58
【问题描述】：

我正在尝试为 Angular Grid 创建量角器测试。

对于我的测试，我单击网格上的一列，然后重新排列行。

单击后，我想通过检查该行中的第一个单元格来验证行的顺序是否已正确更新。

下面是我的测试代码：

myNavbarPage.API_610_Table_H1_button.click();
browser.sleep(2000);
myApi610TableH1.Parts_table_header.click();
browser.sleep(5000);
const first = element.all(by.css('div.ag-cell[aria-colindex="1"]')).first();
expect(first.getText()).toBe('Case Gaskets');

我面临的问题是first.getText() 以原始顺序返回第一行的值，而不是更新后的顺序。

有人可以告诉我如何在网格更新后验证第一行中的单元格吗？

注意：我已经为自己添加了 browser.sleep()，因此我可以验证按钮点击、重新排序等是否都按预期工作。

【问题讨论】：

标签： protractor angular-grid

【解决方案1】：

发生这种情况的原因可能有很多，但首先，请尝试添加async/await

it('test case', async () => {
  await myNavbarPage.API_610_Table_H1_button.click();
  await browser.sleep(2000);
  await myApi610TableH1.Parts_table_header.click();
  await browser.sleep(5000);
  const first = element.all(by.css('div.ag-cell[aria-colindex="1"]')).first();
  expect(await first.getText()).toBe('Case Gaskets');
});

【讨论】：