@camunda/e2e-test-suite 0.0.646 → 0.0.648

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/dist/pages/SM-8.10/ModelerCreatePage.d.ts

@@ -22,6 +22,7 @@ declare class ModelerCreatePage {
     readonly renameDiagramNameButton: Locator;
     readonly diagramNameInput: Locator;
     readonly variableInput: Locator;
+    readonly businessIdInput: Locator;
     readonly embedFormButton: Locator;
     readonly embedButton: Locator;
     readonly newForm: Locator;
@@ -92,7 +93,7 @@ declare class ModelerCreatePage {
     modelJobWorkerDiagram(processName: string): Promise<void>;
     assertThreeElementsVisible(): Promise<void>;
     clickForm(name: string): Promise<void>;
-    runProcessInstance(variables?: string, tenant?: string): Promise<void>;
+    runProcessInstance(variables?: string, tenant?: string, businessId?: string): Promise<void>;
     switchToPlay(): Promise<void>;
     clickGeneralPropertiesPanel(): Promise<void>;
     clickIdInput(): Promise<void>;

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

@@ -27,6 +27,7 @@ class ModelerCreatePage {
     renameDiagramNameButton;
     diagramNameInput;
     variableInput;
+    businessIdInput;
     embedFormButton;
     embedButton;
     newForm;
@@ -136,6 +137,7 @@ class ModelerCreatePage {
         this.renameDiagramNameButton = page.getByText('Rename');
         this.diagramNameInput = page.locator('[data-test="editable-input"]');
         this.variableInput = page.locator('[id="variables-json"]');
+        this.businessIdInput = page.locator('[id^="business-id-input"]');
         this.embedFormButton = page.getByRole('button', { name: 'Link form' });
         this.embedButton = page.locator('[data-test="confirm-move"]');
         this.newForm = page.locator('[data-test="item-New form"]');
@@ -333,7 +335,7 @@ class ModelerCreatePage {
             .getByText(name)
             .click({ timeout: 90000 });
     }
-    async runProcessInstance(variables = '', tenant = '') {
+    async runProcessInstance(variables = '', tenant = '', businessId = '') {
         await this.page.waitForTimeout(2000); // the canvas autosaves. This can take a second to save.
         const maxRetries = 3;
         for (let attempt = 0; attempt < maxRetries; attempt++) {
@@ -353,18 +355,24 @@ class ModelerCreatePage {
                     await this.clickTenantIdInput();
                     await this.fillTenantIdInput(tenant);
                 }
+                if (businessId.length > 0) {
+                    await (0, test_1.expect)(this.businessIdInput).toBeVisible({
+                        timeout: 60000,
+                    });
+                    await this.businessIdInput.fill(businessId);
+                }
                 await this.clickDeployAndRunSubButton();
                 await this.instanceStartedAssertion();
                 return;
             }
             catch (error) {
                 if (attempt < maxRetries - 1) {
-                    console.warn(`Attempt ${attempt + 1} failed for deploy & run running process. Retrying...`);
+                    console.warn(`Attempt ${attempt + 1} failed for deploy & run running process: ${error instanceof Error ? error.message : error}. Retrying...`);
                     await this.page.reload();
                     await (0, sleep_1.sleep)(10000);
                 }
                 else {
-                    throw new Error(`Assertion failed after ${maxRetries} attempts`);
+                    throw new Error(`runProcessInstance failed after ${maxRetries} attempts. Last error: ${error instanceof Error ? error.message : error}`);
                 }
             }
         }

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

@@ -24,6 +24,7 @@ declare class OperateProcessInstancePage {
     private captureVariableJsonValue;
     assertResultVariableVisibleWithRetry(variableName: string): Promise<void>;
     assertActiveTokenIsPresent(): Promise<void>;
+    assertBusinessIdVisible(businessId: string): Promise<void>;
     assertVariablesListVisible(timeout?: number): Promise<void>;
 }
 export { OperateProcessInstancePage };

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

@@ -234,6 +234,13 @@ class OperateProcessInstancePage {
     async assertActiveTokenIsPresent() {
         await (0, test_1.expect)(this.activeIcon).toBeVisible({ timeout: 60000 });
     }
+    async assertBusinessIdVisible(businessId) {
+        const instanceHeader = this.page.getByTestId('instance-header');
+        await (0, test_1.expect)(instanceHeader.getByText('Business ID')).toBeVisible({
+            timeout: 60000,
+        });
+        await (0, test_1.expect)(instanceHeader.getByText(businessId, { exact: true })).toBeVisible({ timeout: 60000 });
+    }
     async assertVariablesListVisible(timeout = 30000) {
         const startTime = Date.now();
         while (Date.now() - startTime < timeout) {

package/dist/tests/SM-8.10/web-modeler-user-flows.spec.js

@@ -141,6 +141,35 @@ SM_8_10_1.test.describe('Web Modeler User Flow Tests', () => {
             await operateProcessInstancePage.completedIconAssertion();
         });
     });
+    (0, SM_8_10_1.test)('Deploy and run process with run configuration and verify in Operate', async ({ modelerHomePage, modelerCreatePage, navigationPage, operateHomePage, operateProcessesPage, operateProcessInstancePage, }) => {
+        SM_8_10_1.test.slow();
+        const randomString = await (0, _setup_1.generateRandomStringAsync)(3);
+        const processName = 'Run_Config_Process_' + randomString;
+        const businessId = `bid-${Date.now()}-${randomString}`;
+        const variables = '{"orderNumber": "A12BH98", "amount": 185.34}';
+        await SM_8_10_1.test.step('Open Cross Component Test Project and Create a BPMN Diagram Template', async () => {
+            await modelerHomePage.clickCrossComponentProjectFolder();
+            await modelerHomePage.clickDiagramTypeDropdown();
+            await modelerHomePage.clickBpmnTemplateOption();
+        });
+        await SM_8_10_1.test.step('Model a simple job worker diagram', async () => {
+            await modelerCreatePage.modelJobWorkerDiagram(processName);
+        });
+        await SM_8_10_1.test.step('Deploy and run process with variables and Business ID', async () => {
+            await modelerCreatePage.runProcessInstance(variables, '', businessId);
+        });
+        await SM_8_10_1.test.step('View process instance in Operate and assert run configuration is visible', async () => {
+            await navigationPage.goToOperate();
+            await (0, test_1.expect)(operateHomePage.processesTab).toBeVisible({
+                timeout: 120000,
+            });
+            await operateHomePage.clickProcessesTab();
+            await operateProcessesPage.clickProcessInstanceLink(processName);
+            await operateProcessInstancePage.assertBusinessIdVisible(businessId);
+            await operateProcessInstancePage.assertProcessVariableContainsText('orderNumber', '"A12BH98"');
+            await operateProcessInstancePage.assertProcessVariableContainsText('amount', '185.34');
+        });
+    });
     (0, SM_8_10_1.test)('Conditional Events - Deploy, verify in Operate and verify process in Optimize dashboard @tasklistV2', async ({ page, modelerHomePage, modelerCreatePage, navigationPage, operateHomePage, operateProcessesPage, operateProcessInstancePage, optimizeHomePage, optimizeDashboardPage, }) => {
         SM_8_10_1.test.slow();
         const bpmnFileName = 'Conditional_Events_All.bpmn';

package/package.json

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