@camunda/e2e-test-suite 0.0.641 → 0.0.643

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

@@ -6,6 +6,7 @@ declare class ConnectorMarketplacePage {
     readonly replaceResourceButton: Locator;
     readonly cancelButton: Locator;
     readonly marketplaceErrorMessage: Locator;
+    readonly noResultsMessage: Locator;
     constructor(page: Page);
     clickSearchForConnectorTextbox(): Promise<void>;
     fillSearchForConnectorTextbox(connectorName: string): Promise<void>;

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

@@ -10,6 +10,7 @@ class ConnectorMarketplacePage {
     replaceResourceButton;
     cancelButton;
     marketplaceErrorMessage;
+    noResultsMessage;
     constructor(page) {
         this.page = page;
         this.searchForConnectorTextbox = page.getByPlaceholder('Search for a connector');
@@ -21,6 +22,7 @@ class ConnectorMarketplacePage {
             name: 'Replace resource',
         });
         this.marketplaceErrorMessage = page.getByText('an error occurred, please try again later');
+        this.noResultsMessage = page.getByText('find a match for your search phrase');
     }
     async clickSearchForConnectorTextbox() {
         await this.searchForConnectorTextbox.click({ timeout: 60000 });
@@ -42,11 +44,13 @@ class ConnectorMarketplacePage {
     async waitForConnectorSearchResults() {
         const MAX_RETRIES = 3;
         for (let attempt = 1; attempt <= MAX_RETRIES; attempt++) {
-            await (0, test_1.expect)(this.downloadToProjectButton.or(this.marketplaceErrorMessage)).toBeVisible({ timeout: 60000 });
+            await (0, test_1.expect)(this.downloadToProjectButton
+                .or(this.marketplaceErrorMessage)
+                .or(this.noResultsMessage)).toBeVisible({ timeout: 60000 });
             if (await this.downloadToProjectButton.isVisible()) {
                 return;
             }
-            console.log(`Marketplace search attempt ${attempt} of ${MAX_RETRIES} returned an error. Retrying search...`);
+            console.log(`Marketplace search attempt ${attempt} of ${MAX_RETRIES} returned an error or no results. Retrying search...`);
             if (attempt < MAX_RETRIES) {
                 const searchText = await this.searchForConnectorTextbox.inputValue();
                 await this.searchForConnectorTextbox.clear();
@@ -55,7 +59,7 @@ class ConnectorMarketplacePage {
                 await (0, sleep_1.sleep)(2000);
             }
         }
-        throw new Error('Marketplace connector search failed after retries due to persistent error');
+        throw new Error('Marketplace connector search failed after retries due to persistent error or no matching results');
     }
     async downloadConnectorToProject() {
         await this.clickDownloadToProjectButton();

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

@@ -710,6 +710,57 @@ class ModelerCreatePage {
     }
     async completePlayConfiguration() {
         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').first().click({ timeout });
+                await configureEnvDialog
+                    .getByRole('button', { name: 'Save' })
+                    .click({ timeout });
+            }
+            // Step 2: deploy
+            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: "Continue" button → "Play environment is ready" confirmation.
         let attempts = 0;
         const maxRetries = 2;
         while (attempts < maxRetries) {

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

@@ -49,7 +49,18 @@ class OperateProcessesPage {
     async checkCheckbox(checkbox) {
         await checkbox.waitFor({ state: 'attached', timeout: constants_1._1_SECOND_IN_MS * 10 });
         if (!(await checkbox.isChecked())) {
-            await checkbox.check({ force: true, timeout: constants_1._1_SECOND_IN_MS * 30 });
+            // Carbon DS checkboxes are hidden inputs — click the label to trigger React's
+            // synthetic event instead of force-checking the hidden input directly, which
+            // would be overridden by React's controlled state on the next render.
+            const checkboxId = await checkbox.getAttribute('id');
+            if (checkboxId) {
+                await this.page
+                    .locator(`label[for="${checkboxId}"]`)
+                    .click({ timeout: constants_1._1_SECOND_IN_MS * 30 });
+            }
+            else {
+                await checkbox.check({ force: true, timeout: constants_1._1_SECOND_IN_MS * 30 });
+            }
             await (0, test_1.expect)(checkbox).toBeChecked({
                 checked: true,
                 timeout: constants_1._1_SECOND_IN_MS * 30,
@@ -59,7 +70,15 @@ class OperateProcessesPage {
     async uncheckCheckbox(checkbox) {
         await checkbox.waitFor({ state: 'attached', timeout: constants_1._1_SECOND_IN_MS * 10 });
         if (await checkbox.isChecked()) {
-            await checkbox.uncheck({ force: true, timeout: constants_1._1_SECOND_IN_MS * 30 });
+            const checkboxId = await checkbox.getAttribute('id');
+            if (checkboxId) {
+                await this.page
+                    .locator(`label[for="${checkboxId}"]`)
+                    .click({ timeout: constants_1._1_SECOND_IN_MS * 30 });
+            }
+            else {
+                await checkbox.uncheck({ force: true, timeout: constants_1._1_SECOND_IN_MS * 30 });
+            }
             await (0, test_1.expect)(checkbox).toBeChecked({
                 checked: false,
                 timeout: constants_1._1_SECOND_IN_MS * 30,

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

@@ -21,6 +21,7 @@ declare class PlayPage {
     readonly loadingInstanceDetailsText: Locator;
     readonly retryButton: Locator;
     readonly dialog: Locator;
+    readonly inputPanelStartButton: Locator;
     constructor(page: Page);
     waitForCompleteJobButtonToBeAvailable(): Promise<void>;
     clickCompleteJobButton(): Promise<void>;

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

@@ -28,6 +28,7 @@ class PlayPage {
     loadingInstanceDetailsText;
     retryButton;
     dialog;
+    inputPanelStartButton;
     constructor(page) {
         this.page = page;
         this.dialog = page.getByRole('dialog');
@@ -63,6 +64,11 @@ class PlayPage {
         this.saveScenarioModal = page.getByTestId('save-scenario-modal');
         this.loadingInstanceDetailsText = this.page.getByText('Loading instance details...');
         this.retryButton = this.page.getByRole('button', { name: 'Retry' });
+        // New Play UI (8.10+): "Configure scenario" opens an input panel with a plain "Start" button.
+        this.inputPanelStartButton = page.getByRole('button', {
+            name: 'Start',
+            exact: true,
+        });
     }
     async waitForCompleteJobButtonToBeAvailable() {
         await (0, test_1.expect)(this.completeJobButton).toBeVisible({
@@ -75,6 +81,7 @@ class PlayPage {
     }
     async clickStartInstanceButton() {
         const startTrigger = this.configureTestPanelStartButton
+            .or(this.inputPanelStartButton)
             .or(this.startInstanceButton)
             .or(this.startInstanceWithCachedButton)
             .first();
@@ -108,7 +115,8 @@ class PlayPage {
                 await this.page.waitForLoadState('load');
             }
         }
-        throw new Error('Could not find start instance button with any expected variation');
+        // No modal present — new Play UI skips the modal entirely (Configure scenario
+        // opens the input panel directly without a modal step).
     }
     async clickStartInstanceWithCachedButton() {
         await this.diagram.waitFor({ state: 'visible', timeout: 30000 });

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

@@ -174,6 +174,13 @@ async function modelRestConnector(modelerCreatePage, connectorSettingsPage, conn
         await connectorMarketplacePage.fillSearchForConnectorTextbox('REST Connector');
         await connectorMarketplacePage.waitForConnectorSearchResults();
         await connectorMarketplacePage.downloadConnectorToProject();
+        // Marketplace modal closes the change-type dropdown. The task may remain in
+        // a selected state (class includes "djs-selected") which breaks the exact
+        // class-attribute match used by secondElement. Click the canvas background
+        // first to deselect, then re-select the task and reopen the dropdown.
+        await modelerCreatePage.clickCanvas();
+        await modelerCreatePage.secondElement.click({ timeout: 30000 });
+        await modelerCreatePage.clickChangeTypeButton();
     }
     await modelerCreatePage.clickRestConnectorOption(recoverSession);
     await connectorSettingsPage.clickAuthenticationTab();

package/dist/pages/c8Run-8.7/IdentityHomePage.js

@@ -91,21 +91,19 @@ class IdentityHomePage {
     }
     async selectOptionFromDropdown(option) {
         // The Identity "Assign permissions to application" dialog renders the
-        // API list as a Carbon Dropdown rather than a native <select>. Using
-        // Locator.selectOption() on the underlying `select` updates the form
-        // value but does NOT trigger the Carbon component's React state, so
-        // the dropdown stays open and the write/read permission checkboxes
-        // are never rendered (observed in nightly run 26612986585 — the
-        // dropdown popup was still expanded when the test timed out waiting
-        // for the `write:*` label).
+        // API list as a Carbon Select, which wraps a NATIVE <select> with native
+        // <option class="cds--select-option"> children. Native <option> elements
+        // are never "visible" to Playwright (the browser draws the option list as
+        // an OS-level widget, not as visible DOM), so clicking one via
+        // getByRole('option').click() always times out waiting for visibility —
+        // observed in nightly run 26731057113, where the option resolved but the
+        // click never succeeded ("element is not visible").
         //
-        // Open the dropdown and click the option from the listbox so the
-        // Carbon handler fires, the popup closes, and the form re-renders
-        // with the permission rows.
-        await this.select.click();
-        await this.page
-            .getByRole('option', { name: option, exact: true })
-            .click({ timeout: 10000 });
+        // Locator.selectOption() is the correct primitive for a native <select>:
+        // it sets the value and dispatches the `input`/`change` events that
+        // Carbon's onChange handler listens for, closing the picker and
+        // re-rendering the form with the write/read permission rows.
+        await this.select.selectOption({ label: option });
         await (0, sleep_1.sleep)(1000);
     }
 }

package/dist/tests/SM-8.10/play.spec.js

@@ -92,6 +92,18 @@ SM_8_10_1.test.describe('Deploy and run a process in Play', () => {
                 timeout: 30000,
             });
             await modelerCreatePage.clickFirstPlacedGateway();
+            // On slow clusters clickFirstPlacedGateway() may trigger page.reload();
+            // the canvas needs settling before the context-pad JavaScript handler
+            // attaches. Wait up to 20 s for the context pad, then re-click the
+            // gateway directly (canvas is settled by then) if it still isn't open.
+            if (!(await modelerCreatePage.appendElementButton
+                .isVisible({ timeout: 20000 })
+                .catch(() => false))) {
+                await modelerCreatePage.firstPlacedGateway.click({ timeout: 10000 });
+            }
+            await (0, test_1.expect)(modelerCreatePage.appendElementButton).toBeVisible({
+                timeout: 15000,
+            });
             await modelerCreatePage.clickAppendElementButton();
             await modelerCreatePage.clickAppendTaskButton();
             await modelerCreatePage.clickConnectToOtherElementButton();
@@ -102,15 +114,10 @@ SM_8_10_1.test.describe('Deploy and run a process in Play', () => {
             // Wait for modeler background auto-save to complete
             await (0, sleep_1.sleep)(2000);
             await modelerCreatePage.switchToPlay();
-            // After diagram modification, Play may show a "Continue" button
-            // to redeploy, or it may show the diagram directly. Try clicking
-            // Continue if present, then wait for the diagram to be ready.
-            try {
-                await modelerCreatePage.clickContinueToPlay();
-            }
-            catch {
-                // Continue button not present; Play loaded directly
-            }
+            // After diagram modification, Play shows the setup panel again (new flow)
+            // or a Continue button (legacy flow), or loads directly.
+            await modelerCreatePage.completePlayConfiguration();
+            await playPage.dismissStartModal();
             await playPage.clickStartInstanceButton();
             await playPage.waitForNextElementToBeActive('zeebe-user-task' + randomString + '1');
             await playPage.waitForCompleteJobButtonToBeAvailable();

package/package.json

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