@camunda/e2e-test-suite 0.0.1144 → 0.0.1146

package/dist/pages/SM-8.10/ModelerCreatePage.d.ts

@@ -35,6 +35,7 @@ declare class ModelerCreatePage {
     readonly cancelButton: Locator;
     readonly restConnectorOption: Locator;
     readonly changeElementSearchInput: Locator;
+    readonly changeElementResults: Locator;
     readonly changeElementTabStrip: Locator;
     readonly reusableAssetsTab: Locator;
     readonly marketPlaceButton: Locator;
@@ -176,6 +177,8 @@ declare class ModelerCreatePage {
     expandAssignmentSection(): Promise<void>;
     clickAppendElementButton(): Promise<void>;
     clickParallelGatewayOption(): Promise<void>;
+    private openReplacePopup;
+    private revealReplaceEntry;
     clickConnectToOtherElementButton(): Promise<void>;
     clickPriorityInput(): Promise<void>;
     fillPriorityInput(priority: string): Promise<void>;

package/dist/pages/SM-8.10/ModelerCreatePage.js

@@ -42,6 +42,7 @@ class ModelerCreatePage {
     cancelButton;
     restConnectorOption;
     changeElementSearchInput;
+    changeElementResults;
     changeElementTabStrip;
     reusableAssetsTab;
     marketPlaceButton;
@@ -207,6 +208,7 @@ class ModelerCreatePage {
             .locator('.djs-popup-results')
             .locator('[data-id="replace.template-io.camunda.connectors.HttpJson.v2"]');
         this.changeElementSearchInput = page.locator('.djs-popup-search input');
+        this.changeElementResults = page.locator('.djs-popup-results');
         this.changeElementTabStrip = page.locator('.djs-popup-tabs-container');
         // The tab renders its label as text content, and the product source
         // spells it both "Reusable Assets" and "Reusable assets".
@@ -1191,14 +1193,17 @@ class ModelerCreatePage {
                     (0, test_1.expect)(deployComplete).toBe(true);
                 }).toPass({ timeout: 90000 });
             }
-            // Step 3: leave the overlay, and confirm we actually left it. The
-            // button only calls hideConfigurationOverlay(); the overlay's own
-            // cluster-change effect can then fire resetDeployment and bring it
-            // straight back, and ConfigureTestPanel stays null while it is up.
-            // Assert the panel really rendered, and re-drive the click if the
-            // overlay returned.
+            // Step 3: reveal the "Configure test case" section. In the current Test
+            // Studio the "Setup environment" panel is an inline accordion, not a
+            // blocking overlay -- its heading is always present and step 3 auto-opens
+            // once deploy completes, rendering ConfigureTestPanel with the Start
+            // button. Clicking the "Configure test case" accordion heading while it
+            // is already open calls showConfigurationOverlay() and collapses the
+            // panel again, so only click it to OPEN the section when the panel is not
+            // yet visible; keying on the always-present overlay heading here would
+            // re-collapse the panel on every pass.
             await (0, test_1.expect)(async () => {
-                if (await configurationOverlay.isVisible()) {
+                if (!(await configureTestPanel.isVisible())) {
                     await configureScenarioButton.click({ timeout });
                 }
                 await (0, test_1.expect)(configureTestPanel).toBeVisible({ timeout: 15000 });
@@ -1387,8 +1392,77 @@ class ModelerCreatePage {
         // multiplied the worst-case wait.
         await this.hoverOnLocator(this.appendPreButton);
     }
+    // Owns the whole replace step, popup included: the append leaves the new
+    // (exclusive) gateway selected while the canvas is still panning it into
+    // view, and a forced "Change element" click issued mid-pan lands on empty
+    // canvas -- that clears the selection, closes the context pad, and the
+    // replace popup never opens, so a bare wait on the entry burns its full
+    // timeout with nothing on screen. Pin the shape by id up front so the popup
+    // can be reopened against the same element instead of a positional one.
     async clickParallelGatewayOption() {
-        await this.parallelGatewayOption.click({ timeout: 90000 });
+        const selectedId = await this.page
+            .locator('.djs-element.selected')
+            .first()
+            .getAttribute('data-element-id', { timeout: 10000 })
+            .catch(() => null);
+        const element = selectedId
+            ? this.page
+                .locator(`.djs-element[data-element-id="${selectedId}"]`)
+                .first()
+            : this.page.locator('.djs-element.selected').first();
+        const maxRetries = 3;
+        let lastError;
+        for (let attempt = 1; attempt <= maxRetries; attempt++) {
+            try {
+                if (attempt > 1) {
+                    // Drop a popup left open on a stale search filter (or on the wrong
+                    // element) so the retry reopens a fresh one for `element`.
+                    await this.page.keyboard.press('Escape');
+                }
+                await this.openReplacePopup(element, attempt > 1);
+                await this.revealReplaceEntry(this.parallelGatewayOption, 'Parallel gateway');
+                await this.parallelGatewayOption.click({ timeout: 30000 });
+                // bpmn-js closes the popup once an entry is applied, so a popup still
+                // on screen means the click was swallowed and the element was not
+                // replaced.
+                await (0, test_1.expect)(this.changeElementResults).toBeHidden({ timeout: 30000 });
+                return;
+            }
+            catch (error) {
+                lastError = error;
+                console.error(`Parallel gateway attempt ${attempt} failed: ${error}`);
+                await (0, sleep_1.sleep)(5000);
+            }
+        }
+        throw new Error(`Failed to replace the element with a parallel gateway after ${maxRetries} attempts: ${lastError}`);
+    }
+    async openReplacePopup(element, force) {
+        if (await this.isVisibleWithin(this.changeElementResults, 2000)) {
+            return;
+        }
+        // The context pad only renders for a selected element, so "Change element"
+        // would otherwise never appear.
+        if (!(await this.isVisibleWithin(this.changeTypeButton, 5000))) {
+            await element.click({ force: true, timeout: 30000 });
+        }
+        await this.changeTypeButton.click({ timeout: 60000, force });
+        await (0, test_1.expect)(this.changeElementResults).toBeVisible({ timeout: 30000 });
+    }
+    async revealReplaceEntry(option, searchTerm) {
+        if (await this.isVisibleWithin(option, 5000)) {
+            return;
+        }
+        // The popup lists the project's deployed resources alongside the built-in
+        // replace entries, so the built-in entry can sit below the fold of the
+        // scrolling results list; the popup's own search filters it back into view.
+        if (await this.isVisibleWithin(this.changeElementSearchInput, 5000)) {
+            await this.changeElementSearchInput.click();
+            await this.changeElementSearchInput.fill('');
+            await this.changeElementSearchInput.pressSequentially(searchTerm, {
+                delay: 50,
+            });
+        }
+        await (0, test_1.expect)(option).toBeVisible({ timeout: 30000 });
     }
     async clickConnectToOtherElementButton() {
         await (0, test_1.expect)(this.connectToOtherElementButton).toBeVisible({
@@ -1427,7 +1501,6 @@ class ModelerCreatePage {
             await this.hoverOnLocator(this.appendElementButton);
         }
         await this.clickAppendGatewayButton();
-        await this.clickChangeTypeButton();
         await this.clickParallelGatewayOption();
         await this.clickAppendElementButton();
         await this.clickAppendTaskButton();
@@ -1441,7 +1514,6 @@ class ModelerCreatePage {
         await this.assertImplementationOption('zeebeUserTask');
         await this.clickAppendElementButton();
         await this.clickAppendGatewayButton();
-        await this.clickChangeTypeButton();
         await this.clickParallelGatewayOption();
         for (let i = 2; i <= numberOfTasks; i++) {
             await this.clickFirstPlacedGateway();

package/dist/pages/SM-8.10/PlayPage.js

@@ -156,19 +156,15 @@ class PlayPage {
             .or(this.startInstanceButton)
             .or(this.startInstanceWithCachedButton)
             .first();
-        // Test Studio's "Setup environment" overlay can bounce back AFTER
-        // completePlayConfiguration() has already returned: leaving it only calls
-        // hideConfigurationOverlay(), and the overlay's cluster-change effect can
-        // then fire resetDeployment and re-open it at the "Configure test case"
-        // step. ConfigureTestPanel (and its Start button) render null for as long
-        // as the overlay is up, so the Start trigger never appears. Re-drive the
-        // "Configure test case" click before each attempt -- the same recovery
-        // completePlayConfiguration() uses -- so the panel is present when we click.
-        const configurationOverlay = this.page
-            .locator('[data-test="test-studio-configuration-overlay"]')
-            .or(this.page.locator('[data-test="play-configuration-overlay"]'))
-            .or(this.page.getByText('Setup environment'))
-            .first();
+        // Test Studio's "Setup environment" is an inline accordion whose step 3
+        // ("Configure test case") holds ConfigureTestPanel and its Start button.
+        // The section can collapse again after completePlayConfiguration() returns
+        // (a cluster-change effect re-shows the overlay), in which case the Start
+        // trigger disappears. Re-open the "Configure test case" accordion heading
+        // before an attempt, but only when the panel is not already visible --
+        // clicking the heading while it is open re-shows the overlay and collapses
+        // the panel, so gating on the always-present "Setup environment" heading
+        // would defeat every retry.
         const configureTestCaseButton = this.page
             .getByTestId('configure-test-case-button')
             .or(this.page.getByTestId('play-configuration-configure-scenario-button'))
@@ -181,7 +177,10 @@ class PlayPage {
             visibilityTimeout: 30000,
             maxRetries: 5,
             preAction: async () => {
-                if (await configurationOverlay.isVisible().catch(() => false)) {
+                const panelVisible = await this.configureTestPanel
+                    .isVisible()
+                    .catch(() => false);
+                if (!panelVisible) {
                     await configureTestCaseButton.click({ timeout: 30000 });
                 }
             },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camunda/e2e-test-suite",
-  "version": "0.0.1144",
+  "version": "0.0.1146",
   "description": "End-to-end test helpers for Camunda 8",
   "repository": {
     "type": "git",