更新行順序后如何驗證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');
});