test(datagrid-web): fix failing e2e screenshots and add better delay handling

Author: samuelreichert

packages/pluggableWidgets/datagrid-web/e2e/DataGrid.spec.js-snapshots/datagrid-virtual-scrolling-chromium-darwin.png

@@ -43,7 +43,7 @@ test("datagrid-web filtering integration", async ({ page }) => {
 
     await page.getByRole("columnheader", { name: "Company" }).getByRole("combobox").click();
     //await select("Company").click();
-    await page.locator(`[role="option"]:has-text("Sierra Health Services Inc")`).click({ delay: 50 });
+    await page.locator(`[role="option"]:has-text("Sierra Health Services Inc")`).click({ delay: 20 });
     //await option("Sierra Health Services Inc").click();
     await expect(await rows()).toHaveCount(2);
 

packages/pluggableWidgets/datagrid-web/e2e/DataGrid.spec.js-snapshots/datagrid-virtual-scrolling-chromium-linux.png

@@ -20,11 +20,11 @@ test.describe("datagrid-web filtering multi select", () => {
         await expect(await column(2).first()).toHaveText("Black");
         await expect(await column(2).last()).toHaveText("Blue");
         await enumSelect().click();
-        await option("Pink").click({ delay: 10 });
+        await option("Pink").click({ delay: 20 });
         await expect(await rows()).toHaveCount(6);
-        await option("Blush").click({ delay: 50 });
+        await option("Blush").click({ delay: 20 });
         await expect(await rows()).toHaveCount(8);
-        await page.getByRole("columnheader", { name: "Color (enum)" }).getByRole("combobox").click();
+        await page.getByRole("columnheader", { name: "Color (enum)" }).getByRole("combobox").click({ delay: 20 });
         const columnText = await column(2).allTextContents();
         await expect(columnText).toEqual(
             expect.arrayContaining(["Pink", "Pink", "Pink", "Blush", "Blush", "Pink", "Pink"])

packages/pluggableWidgets/datagrid-web/e2e/filtering/DataGridFilteringIntegration.spec.js

@@ -60,13 +60,13 @@ test.describe("datagrid-web filtering single select", () => {
         const booleanSelect = () => page.locator('.mx-name-drop_downFilter2[role="combobox"]');
 
         await booleanSelect().click();
-        await option("Yes").click({ delay: 10 });
+        await option("Yes").click({ delay: 20 });
         const rowCount = await rows();
         await expect(rowCount).toHaveCount(11);
         await expect(await column(3).allTextContents()).toEqual(
             expect.arrayContaining(["Yes", "Yes", "Yes", "Yes", "Yes", "Yes", "Yes", "Yes", "Yes", "Yes"])
         );
-        await booleanSelect().click({ delay: 50 });
+        await booleanSelect().click({ delay: 20 });
         await page.getByRole("row", { name: "Pets (bool)" }).getByRole("option").first().click();
         const columnText = await column(3).allTextContents();
         expect(columnText).toEqual(