test(datagrid-web): add bigger delay on clicks

Author: samuelreichert

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

@@ -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: 1 });
+    await page.locator(`[role="option"]:has-text("Sierra Health Services Inc")`).click({ delay: 10 });
     //await option("Sierra Health Services Inc").click();
     await expect(await rows()).toHaveCount(2);
 

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

@@ -20,9 +20,9 @@ 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: 1 });
+        await option("Pink").click({ delay: 10 });
         await expect(await rows()).toHaveCount(6);
-        await option("Blush").click({ delay: 1 });
+        await option("Blush").click({ delay: 10 });
         await expect(await rows()).toHaveCount(8);
         await page.getByRole("columnheader", { name: "Color (enum)" }).getByRole("combobox").click();
         const columnText = await column(2).allTextContents();
@@ -53,9 +53,9 @@ test.describe("datagrid-web filtering multi select", () => {
         await page.waitForLoadState("networkidle");
         await expect(await column(3).first()).toHaveText(expectedColumnText[0]);
         await roleSelect().click();
-        await option("Economist").click({ delay: 1 });
+        await option("Economist").click({ delay: 10 });
         await expect(await rows()).toHaveCount(6);
-        await option("Public librarian").click({ delay: 1 });
+        await option("Public librarian").click({ delay: 10 });
         await expect(await rows()).toHaveCount(10);
         await roleSelect().click({ delay: 1 });
         await page.waitForTimeout(300);
@@ -80,9 +80,9 @@ test.describe("datagrid-web filtering multi select", () => {
         await expect(await column(4).first()).toHaveText("W.R. Berkley Corporation");
         await expect(await column(4).last()).toHaveText("PETsMART Inc");
         await companySelect().click({ delay: 1 });
-        await option("FMC Corp").click({ delay: 1 });
+        await option("FMC Corp").click({ delay: 10 });
         await expect(await rows()).toHaveCount(2);
-        await option("ALLETE, Inc.").click({ delay: 1 });
+        await option("ALLETE, Inc.").click({ delay: 10 });
         await expect(await rows()).toHaveCount(6);
         await page.getByRole("columnheader", { name: "Company" }).getByRole("combobox").click({ delay: 1 });
         await page.waitForTimeout(300);

packages/pluggableWidgets/datagrid-web/e2e/filtering/DataGridFilteringSingle.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: 1 });
+        await option("Yes").click({ delay: 10 });
         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();
+        await booleanSelect().click({ delay: 10 });
         await page.getByRole("row", { name: "Pets (bool)" }).getByRole("option").first().click();
         const columnText = await column(3).allTextContents();
         expect(columnText).toEqual(