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

Question

我正在尝试为Angular Grid创建 Protractor 测试。

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

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

下面是我的测试代码：

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() ，所以我可以验证按钮点击、重新排序等都按预期工作。

Answer 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');
});