@camunda/e2e-test-suite 0.0.644 → 0.0.646

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

@@ -16,6 +16,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;
@@ -137,7 +138,7 @@ declare class ModelerCreatePage {
     clickStartInstanceSubButton(): Promise<void>;
     runProcessInstance(clusterName: string, variables?: string, formVariables?: {
         [key: string]: string;
-    }, textToVisible?: string, hasDeploymentPermission?: boolean): Promise<void>;
+    }, textToVisible?: string, hasDeploymentPermission?: boolean, businessId?: string): Promise<void>;
     selectCluster(clusterName: string): Promise<void>;
     clickViewProcessInstanceLink(): Promise<void>;
     clickNameInput(): Promise<void>;

package/dist/pages/8.10/ModelerCreatePage.js

@@ -22,6 +22,7 @@ class ModelerCreatePage {
     renameDiagramNameButton;
     diagramNameInput;
     variableInput;
+    businessIdInput;
     embedFormButton;
     embedButton;
     newForm;
@@ -149,6 +150,7 @@ class ModelerCreatePage {
         this.renameDiagramNameButton = page.getByText('Rename');
         this.diagramNameInput = page.locator('[data-test="editable-input"]');
         this.variableInput = page.locator('textarea#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
@@ -534,7 +536,7 @@ class ModelerCreatePage {
     async clickStartInstanceSubButton() {
         await this.deployAndRunSubButton.click({ timeout: 30000 });
     }
-    async runProcessInstance(clusterName, variables = '', formVariables = {}, textToVisible = '', hasDeploymentPermission = true) {
+    async runProcessInstance(clusterName, variables = '', formVariables = {}, textToVisible = '', hasDeploymentPermission = true, businessId = '') {
         const maxRetries = 10;
         const retryDelayMs = 20000;
         for (let attempt = 1; attempt <= maxRetries; attempt++) {
@@ -560,6 +562,10 @@ class ModelerCreatePage {
                         await this.fillStartFormNumber(formVariables.startNumber);
                     }
                 }
+                if (businessId.length > 0) {
+                    await (0, test_1.expect)(this.businessIdInput).toBeVisible({ timeout: 60000 });
+                    await this.businessIdInput.fill(businessId);
+                }
                 if (textToVisible.length > 0) {
                     await (0, test_1.expect)(this.dialog.getByText(textToVisible)).toBeVisible({
                         timeout: 30000,
@@ -1012,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.10/OperateProcessInstancePage.d.ts

@@ -23,5 +23,6 @@ declare class OperateProcessInstancePage {
     clickDiagramTask(taskName: string): Promise<void>;
     assertActiveTokenIsPresent(): Promise<void>;
     assertDetailsPopoverIsVisible(): Promise<void>;
+    assertBusinessIdVisible(businessId: string): Promise<void>;
 }
 export { OperateProcessInstancePage };

package/dist/pages/8.10/OperateProcessInstancePage.js

@@ -136,5 +136,12 @@ class OperateProcessInstancePage {
             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 });
+    }
 }
 exports.OperateProcessInstancePage = OperateProcessInstancePage;

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

@@ -366,6 +366,46 @@ _8_10_1.test.describe('Web Modeler User Flow Tests', () => {
             await (0, UtilitiesPage_1.assertLocatorVisibleWithRetry)(operateProcessInstancePage, operateProcessInstancePage.completedIcon, 'Completed icon', 60000, false, 5);
         });
     });
+    (0, _8_10_1.test)('Deploy and run process with run configuration and verify in Operate', async ({ page, homePage, modelerHomePage, appsPage, modelerCreatePage, }) => {
+        _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 _8_10_1.test.step('Navigate to Web Modeler', async () => {
+            await (0, test_1.expect)(homePage.camundaComponentsButton).toBeVisible({
+                timeout: 120000,
+            });
+            await appsPage.clickCamundaApps();
+            await appsPage.clickModeler();
+            await (0, test_1.expect)(modelerHomePage.modelerPageBanner).toBeVisible({
+                timeout: 180000,
+            });
+        });
+        await _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 _8_10_1.test.step('Model a simple job worker diagram', async () => {
+            await modelerCreatePage.modelJobWorkerDiagram(processName);
+        });
+        await _8_10_1.test.step('Deploy and run process with variables and Business ID', async () => {
+            await modelerCreatePage.runProcessInstance(clusterName, variables, {}, '', true, businessId);
+        });
+        await _8_10_1.test.step('View process instance in Operate and assert run configuration is visible', async () => {
+            await (0, test_1.expect)(modelerCreatePage.viewProcessInstanceLink).toBeVisible({
+                timeout: 180000,
+            });
+            await modelerCreatePage.clickViewProcessInstanceLink();
+            const operateTab = await page.waitForEvent('popup', { timeout: 60000 });
+            const operateTabOperateProcessInstancePage = new OperateProcessInstancePage_1.OperateProcessInstancePage(operateTab);
+            await operateTabOperateProcessInstancePage.closePopOverIfVisible();
+            await operateTabOperateProcessInstancePage.assertBusinessIdVisible(businessId);
+            await operateTabOperateProcessInstancePage.assertProcessVariableContainsText('orderNumber', '"A12BH98"');
+            await operateTabOperateProcessInstancePage.assertProcessVariableContainsText('amount', '185.34');
+        });
+    });
     (0, _8_10_1.test)('Conditional Events - Deploy, verify in Operate and verify process in Optimize dashboard @tasklistV2', async ({ page, homePage, modelerHomePage, appsPage, modelerCreatePage, }) => {
         _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.644",
+  "version": "0.0.646",
   "description": "End-to-end test helpers for Camunda 8",
   "repository": {
     "type": "git",