@camunda/e2e-test-suite 0.0.645 → 0.0.646

package/dist/pages/8.10/ModelerCreatePage.js

@@ -1018,6 +1018,68 @@ class ModelerCreatePage {
     }
     async completePlayConfiguration(clusterName) {
         const timeout = 30000;
+        // New flow (8.10+): "Setup environment" panel with three steps:
+        //   1. Connect cluster → "Configure environment" modal → select cluster → Save
+        //   2. Deploy process → wait for success banner
+        //   3. Configure scenario
+        const setupDeployButton = this.page
+            .getByText('Deploy process')
+            .locator('..')
+            .getByRole('button', { name: 'Deploy' });
+        const configureScenarioButton = this.page.getByRole('button', {
+            name: 'Configure scenario',
+        });
+        // Wait up to 15s for EITHER the new-flow setup panel OR the legacy Continue
+        // button to appear. Using .or() avoids separate sequential timeouts that would
+        // both expire before the page finishes loading on a slow cluster.
+        const setupOrContinue = setupDeployButton.or(this.continueToPlayButton);
+        const panelAppeared = await setupOrContinue
+            .first()
+            .isVisible({ timeout: 15000 })
+            .catch(() => false);
+        if (!panelAppeared) {
+            // Neither appeared — Play is already configured and ready.
+            return;
+        }
+        const isNewFlow = await setupDeployButton.isVisible().catch(() => false);
+        if (isNewFlow) {
+            // Step 1: connect cluster if the Deploy button is still disabled.
+            // The Deploy button (data-testid="play-configuration-deploy-button") is
+            // rendered disabled until a cluster is connected. Check its state to decide
+            // whether the "Connect cluster" step is needed — this is more reliable than
+            // a short visibility poll on the "Connect cluster" button, which can be slow
+            // to render on first page load.
+            const deployButtonDisabled = await setupDeployButton
+                .isDisabled()
+                .catch(() => true);
+            if (deployButtonDisabled) {
+                const connectClusterButton = this.page.getByRole('button', {
+                    name: 'Connect cluster',
+                });
+                await connectClusterButton.click({ timeout: 15000 });
+                const configureEnvDialog = this.page
+                    .getByRole('dialog')
+                    .filter({ hasText: 'Configure environment' });
+                await configureEnvDialog.getByRole('combobox').click({ timeout });
+                await this.page
+                    .getByRole('option', { name: new RegExp(clusterName, 'i') })
+                    .click({ timeout });
+                await configureEnvDialog
+                    .getByRole('button', { name: 'Save' })
+                    .click({ timeout });
+                // Wait for Deploy button to become enabled after cluster is saved.
+                await (0, test_1.expect)(setupDeployButton).toBeEnabled({ timeout: 30000 });
+            }
+            // Step 2: deploy — wait for enabled; button stays disabled until the cluster
+            // connection is confirmed by the backend after the Save in step 1.
+            await (0, test_1.expect)(setupDeployButton).toBeEnabled({ timeout: 30000 });
+            await setupDeployButton.click({ timeout });
+            await (0, test_1.expect)(this.page.getByText('Process has been successfully deployed')).toBeVisible({ timeout: 90000 });
+            // Step 3: configure scenario
+            await configureScenarioButton.click({ timeout });
+            return;
+        }
+        // Legacy flow: select cluster via dialog, then click Continue.
         let attempts = 0;
         const maxRetries = 2;
         while (attempts < maxRetries) {

package/package.json

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