@camunda/e2e-test-suite 0.0.645 → 0.0.647

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/dist/pages/8.9/ClusterPage.js

@@ -100,7 +100,7 @@ class ClusterPage {
             .filter({ hasNotText: 'Generation' }); //Filter out header row
         this.tasklistV1Api = page.getByText('Tasklist API v1 (legacy)');
         this.tasklistV2Api = page.getByText('Tasklist API v2');
-        this.cluster = (clusterName) => this.clustersList.filter({ hasText: clusterName });
+        this.cluster = (clusterName) => this.clustersList.filter({ hasText: clusterName }).first();
         this.clusterHealthiness = (clusterName) => this.cluster(clusterName).getByText(`Healthy`, {
             exact: true,
         });
@@ -128,31 +128,39 @@ class ClusterPage {
         });
         while ((await deleteButtons.count()) > 0) {
             const deleteButton = deleteButtons.nth(0);
-            if (await deleteButton.isVisible()) {
-                try {
-                    await deleteButton.click({ force: true, timeout: 60000 });
-                }
-                catch (error) {
-                    await this.clickClusterBanner();
-                    await (0, test_1.expect)(deleteButton).toBeVisible({ timeout: 60000 });
-                    await deleteButton.click({ force: true, timeout: 60000 });
-                }
-                await (0, test_1.expect)(this.dialog).toBeVisible({ timeout: 60000 });
-                await (0, test_1.expect)(this.confirmDeleteInput).toBeVisible({ timeout: 60000 });
-                await this.confirmDeleteInput.click({ force: true, timeout: 60000 });
-                await this.confirmDeleteInput.fill('DELETE', { timeout: 60000 });
-                const dangerDeleteButtons = await this.dangerDeleteButton.all();
-                const lastDangerDeleteButton = dangerDeleteButtons[dangerDeleteButtons.length - 1];
-                await lastDangerDeleteButton.click();
-                await (0, test_1.expect)(this.page.getByText('Deleting...')).not.toBeVisible({
-                    timeout: 60000,
-                });
-                await (0, test_1.expect)(this.dialog).not.toBeVisible({ timeout: 60000 });
-                // Refresh the list of delete buttons
+            // Wait for the Delete button to become visible — a cluster in a transient
+            // state (e.g. just created by a concurrent setup worker) may have the row
+            // present in the DOM but the button not yet rendered. Without this wait
+            // the while-loop would spin forever since count() stays > 0.
+            try {
+                await (0, test_1.expect)(deleteButton).toBeVisible({ timeout: 10000 });
+            }
+            catch {
+                await this.page.reload({ waitUntil: 'domcontentloaded' }).catch(() => { });
                 deleteButtons = this.cluster(name).getByRole('button', {
                     name: 'Delete',
                 });
+                continue;
+            }
+            try {
+                await deleteButton.click({ force: true, timeout: 60000 });
             }
+            catch (error) {
+                await this.clickClusterBanner();
+                await (0, test_1.expect)(deleteButton).toBeVisible({ timeout: 60000 });
+                await deleteButton.click({ force: true, timeout: 60000 });
+            }
+            await (0, test_1.expect)(this.dialog).toBeVisible({ timeout: 60000 });
+            await (0, test_1.expect)(this.confirmDeleteInput).toBeVisible({ timeout: 60000 });
+            await this.confirmDeleteInput.click({ force: true, timeout: 60000 });
+            await this.confirmDeleteInput.fill('DELETE', { timeout: 60000 });
+            const dangerDeleteButtons = await this.dangerDeleteButton.all();
+            const lastDangerDeleteButton = dangerDeleteButtons[dangerDeleteButtons.length - 1];
+            await lastDangerDeleteButton.click();
+            await (0, test_1.expect)(this.cluster(name).getByText('Deleting...', { exact: true })).not.toBeVisible({ timeout: 60000 });
+            await (0, test_1.expect)(this.dialog).not.toBeVisible({ timeout: 60000 });
+            // Refresh the list of delete buttons
+            deleteButtons = this.cluster(name).getByRole('button', { name: 'Delete' });
         }
         await this.page.waitForTimeout(500);
     }
@@ -201,6 +209,12 @@ class ClusterPage {
     async createCluster(name, region = 'GCP', tasklistV1Api) {
         await this.clickClusterTab();
         await this.deleteCluster(name);
+        // A concurrent setup worker (e.g. another version's test suite running in
+        // the same org) may have created a same-named cluster in the window between
+        // our deleteCluster check and now. Reload and delete again to catch it.
+        await this.page.waitForTimeout(3000);
+        await this.page.reload({ waitUntil: 'domcontentloaded' }).catch(() => { });
+        await this.deleteCluster(name);
         await this.clickCreateNewClusterButton();
         await this.clickClusterNameInput();
         await this.fillClusterNameInput(name);
@@ -235,22 +249,18 @@ class ClusterPage {
         await this.createClusterButton.click();
     }
     async clickClustersBreadcrumb(clusterName) {
-        const creatingCheckRegex = new RegExp(`${clusterName}.*?Creatingdev`);
-        const healthyCheckRegex = new RegExp(`${clusterName}.*?Healthydev`);
+        const clusterRow = this.cluster(clusterName);
+        const clusterRowVisible = clusterRow
+            .getByText('Creating', { exact: true })
+            .or(clusterRow.getByText('Healthy', { exact: true }));
         try {
             await (0, test_1.expect)(this.clustersBreadcrumb).toBeVisible({ timeout: 60000 });
             await this.clustersBreadcrumb.click({ timeout: 60000 });
-            await (0, test_1.expect)(this.page.getByText(creatingCheckRegex)).toBeVisible({
-                timeout: 30000,
-            });
+            await (0, test_1.expect)(clusterRow.getByText('Creating', { exact: true })).toBeVisible({ timeout: 30000 });
         }
         catch (error) {
             await this.clickClusterBanner();
-            await (0, test_1.expect)(this.page
-                .getByText(creatingCheckRegex)
-                .or(this.page.getByText(healthyCheckRegex))).toBeVisible({
-                timeout: 30000,
-            });
+            await (0, test_1.expect)(clusterRowVisible).toBeVisible({ timeout: 30000 });
         }
     }
     async clickClusterLink(name) {

package/dist/pages/8.9/ModelerCreatePage.js

@@ -1023,6 +1023,61 @@ 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 not yet connected (modal with cluster dropdown)
+            const connectClusterButton = this.page.getByRole('button', {
+                name: 'Connect cluster',
+            });
+            const needsConnect = await connectClusterButton
+                .isVisible({ timeout: 3000 })
+                .catch(() => false);
+            if (needsConnect) {
+                await connectClusterButton.click({ timeout });
+                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 });
+            }
+            // 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/dist/pages/8.9/ModelerHomePage.js

@@ -62,9 +62,9 @@ class ModelerHomePage {
         this.homeBreadcrumb = page.locator('[data-test="breadcrumb-home"]');
         this.openOrganizationsButton = page.getByLabel('Open Organizations');
         this.manageButton = page.getByRole('menuitem', { name: 'Manage' });
-        this.crossComponentProjectFolder = page.getByTitle(this.defaultFolderName, {
-            exact: true,
-        });
+        this.crossComponentProjectFolder = page
+            .getByTitle(this.defaultFolderName, { exact: true })
+            .first();
         this.rows = page.getByRole('row');
         this.uploadFilesButton = page.getByRole('menuitem', { name: 'Upload files' });
         this.messageBanner = page.locator('[data-test="close-top-banner"]');

package/package.json

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