test(datagrid-dropdown-filter-web): update click delays on e2e tests

Author: samuelreichert

packages/pluggableWidgets/datagrid-dropdown-filter-web/e2e/DataGridDropDownFilter.spec.js

@@ -38,9 +38,9 @@ test.describe("datagrid-dropdown-filter-web", () => {
         });
 
         test("shows the expected result with multiple selected items", async ({ page }) => {
-            await page.locator(".mx-name-datagrid1 .mx-name-dataGridDrop_downFilter1").click({ delay: 1 });
+            await page.locator(".mx-name-datagrid1 .mx-name-dataGridDrop_downFilter1").click({ delay: 10 });
             await page.waitForSelector(".widget-dropdown-filter-menu-slot > ul > li:nth-child(1)");
-            await page.locator(".widget-dropdown-filter-menu-slot > ul > li:nth-child(1)").click({ delay: 1 });
+            await page.locator(".widget-dropdown-filter-menu-slot > ul > li:nth-child(1)").click({ delay: 10 });
             await page.waitForSelector(".widget-dropdown-filter-menu-slot > ul > li:nth-child(2)");
             await page.locator(".widget-dropdown-filter-menu-slot > ul > li:nth-child(2)").click({ delay: 1 });
             await page.waitForTimeout(300); // wait for filter to apply

packages/pluggableWidgets/datagrid-dropdown-filter-web/e2e/DataGridDropDownFilterAssociation.spec.js

@@ -31,9 +31,9 @@ test.describe("datagrid-dropdown-filter-web", () => {
             const option1 = () => page.getByRole("option", { name: "Brown-Forman Corporation" });
             const clickOutside = async () => page.locator("body").click({ delay: 1 });
 
-            await select().click({ delay: 1 });
+            await select().click({ delay: 10 });
             await expect(menu()).toBeVisible();
-            await option1().click({ delay: 1 });
+            await option1().click({ delay: 10 });
             await expect(toggle.nth(3)).toHaveText("Brown-Forman Corporation");
             await clickOutside();
             await expect(menu()).not.toBeVisible();
@@ -92,7 +92,7 @@ test.describe("datagrid-dropdown-filter-web", () => {
             const option1 = () => page.getByRole("option", { name: "Environmental scientist" });
 
             await select().click({ delay: 1 });
-            await option1().click({ delay: 1 });
+            await option1().click({ delay: 10 });
             const checkedOptions = await menu().locator("input:checked");
             await expect(checkedOptions).toHaveCount(1);
             await expect(checkedOptions.first()).toBeChecked();
@@ -110,8 +110,8 @@ test.describe("datagrid-dropdown-filter-web", () => {
             const option2 = () => page.getByRole("option", { name: "Trader" });
 
             await select().click({ delay: 1 });
-            await option1().click({ delay: 1 });
-            await option2().click({ delay: 1 });
+            await option1().click({ delay: 10 });
+            await option2().click({ delay: 10 });
             const checkedOptions = await menu().locator("input:checked");
             await expect(checkedOptions).toHaveCount(2);
             await expect(checkedOptions.first()).toBeChecked();