Merge pull request #1592 from mendix/test/fix-color-picker-flaky-test

Add retries to color picker web e2e test
mendix · Aug 24, 2022 · a9f76d9 · a9f76d9
2 parents 292513a + e48a797
commit a9f76d9
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 11 deletions.
diff --git a/configs/e2e/cypress/cypress.config.js b/configs/e2e/cypress/cypress.config.js
@@ -11,6 +11,7 @@ module.exports = defineConfig({
             });
         },
         baseUrl: "http://localhost:8080",
+        retries: 2,
         video: false,
         videoUploadOnPasses: false,
         viewportHeight: 1080,

diff --git a/packages/pluggableWidgets/color-picker-web/cypress/integration/ColorPicker.spec.js b/packages/pluggableWidgets/color-picker-web/cypress/integration/ColorPicker.spec.js
@@ -1,16 +1,40 @@
 describe("color-picker-web", () => {
+    const cleanMendixSession = () => {
+        cy.window().then(window => {
+            // Cypress opens a new session for every test, so it exceeds mendix license limit of 5 sessions, we need to logout after each test.
+            window.mx.session.logout();
+        });
+    };
+
+    afterEach(() => cleanMendixSession());
+
     describe("render a picker of mode", () => {
-        it("button", { browser: "!firefox" }, () => {
-            cy.visit("/p/modePage");
-            cy.wait(4000);
-            cy.get(".mx-name-colorPicker3").should("be.visible", true);
-            cy.get(".mx-name-colorPicker3 .widget-color-picker-inner").should(
-                "have.css",
-                "background",
-                "rgb(76, 175, 80) none repeat scroll 0% 0% / auto padding-box border-box"
-            );
-        });
-        it("button", { browser: "firefox" }, () => {
+        it(
+            "button",
+            {
+                retries: {
+                    runMode: 10,
+                    openMode: 10
+                },
+                browser: "!firefox"
+            },
+            () => {
+                cy.visit("/p/modePage");
+                cy.wait(5000);
+                cy.get(".mx-name-colorPicker3 .widget-color-picker-inner", { timeout: 10000 }).should(
+                    "be.visible",
+                    true
+                );
+                cy.get(".mx-name-navigationTree3-2").click({ force: true });
+                cy.wait(5000);
+                cy.get(".mx-name-colorPicker3 .widget-color-picker-inner", { timeout: 10000 }).should(
+                    "have.css",
+                    "background",
+                    "rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box"
+                );
+            }
+        );
+        it("button(Firefox)", { browser: "firefox" }, () => {
             cy.visit("/p/modePage");
             cy.wait(1000);
             cy.get(".mx-name-colorPicker3 .widget-color-picker-inner").should(