fix: flaky index table test results

Author: ganiirsyadi

test/e2e/indexTable/indexTable.spec.ts

@@ -5,7 +5,8 @@ test('IndexTable', async ({ page }) => {
   const indexTablePage = new IndexTablePage(page);
   await indexTablePage.goto();
 
-  page.waitForLoadState('domcontentloaded');
+  await page.waitForLoadState('domcontentloaded');
+
   await expect(indexTablePage.canvas).toHaveScreenshot('indexTable.png');
 
   await indexTablePage.tableRow.hover();
@@ -18,6 +19,8 @@ test('IndexTable - bulk action', async ({ page }) => {
   const indexTablePage = new IndexTablePage(page);
   await indexTablePage.goto();
 
+  await page.waitForLoadState('domcontentloaded');
+
   await indexTablePage.checkboxes.first().click();
   await expect(indexTablePage.canvas).toHaveScreenshot(
     'indextable-selectall-rows.png'
@@ -38,15 +41,20 @@ test('IndexTable - loading state', async ({ page }) => {
   const indexTablePage = new IndexTablePage(page);
   await indexTablePage.goto('args=loading:true');
 
+  await page.waitForLoadState('domcontentloaded');
+
   await expect(indexTablePage.canvas).toHaveScreenshot(
     'indexTable-loading.png'
   );
 });
 
 test('IndexTable - empty state', async ({ page }) => {
   const indexTablePage = new IndexTablePage(page);
+
   await indexTablePage.goto('args=itemCount:0');
 
+  await page.waitForLoadState('domcontentloaded');
+
   await expect(indexTablePage.canvas).toHaveScreenshot(
     'indexTable-empty-state.png'
   );