@camunda/e2e-test-suite 0.0.986 → 0.0.988

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

@@ -48,6 +48,7 @@ declare class ModelerHomePage {
     createCrossComponentProjectFolder(): Promise<void>;
     clickManageButton(retries?: number): Promise<void>;
     clickUploadFilesButton(): Promise<void>;
+    dismissBlockingDialog(): Promise<void>;
     clickMessageBanner(): Promise<void>;
     selectCluster(clusterName: string): Promise<void>;
     clickIdpApplicationTemplateOption(): Promise<void>;

package/dist/pages/8.10/ModelerHomePage.js

@@ -244,24 +244,17 @@ class ModelerHomePage {
     async clickCrossComponentProjectFolder() {
         await (0, clickLocatorWithRetry_1.clickLocatorWithRetry)(this.page, this.crossComponentProjectFolder, {
             visibilityTimeout: 60000,
-            totalTimeout: 180000,
+            // Widened from 180s: dismissing the announcement dialog costs up to ~25s
+            // of settle-and-probe per attempt, which at 180s left room for barely one
+            // retry after an intercepted click had already burnt its 60s.
+            totalTimeout: 240000,
             maxRetries: 5,
             preAction: async () => {
-                // A Carbon modal (`.cds--modal.is-visible`) sometimes covers the
-                // project folder and intercepts pointer events; clickMessageBanner
-                // only handles a single banner/close button so it doesn't dismiss
-                // the modal. Escape it explicitly first — same pattern 8.7 already
-                // uses for the same symptom.
-                try {
-                    const blockingModal = this.page.locator('.cds--modal.is-visible');
-                    if ((await blockingModal.count()) > 0) {
-                        await this.page.keyboard.press('Escape');
-                        await (0, sleep_1.sleep)(1000);
-                    }
-                }
-                catch {
-                    // No blocking modal to dismiss
-                }
+                // Dismiss the dialog BEFORE the banner: the Modeler home page can
+                // stack both at once, and clickMessageBanner resolves an
+                // `.or(...).first()` union in DOM order — the top banner comes first,
+                // so on its own it closes the banner and leaves the dialog open.
+                await this.dismissBlockingDialog();
                 await this.clickMessageBanner();
             },
             postAction: async () => {
@@ -315,6 +308,39 @@ class ModelerHomePage {
     async clickUploadFilesButton() {
         await this.uploadFilesButton.click({ timeout: 60000 });
     }
+    // The release-announcement dialog ("New features" / "Check out our new
+    // release") renders over the projects list and swallows every click on it:
+    // Playwright reports the project link as visible, enabled and stable, then
+    // times out with the modal overlay "intercepts pointer events". Pressing
+    // Escape blindly does not help — Carbon only closes the dialog when focus is
+    // inside it, and focus sits on the body after a page load — so close it via
+    // its own controls and confirm it is gone before moving on.
+    // Anchored on the dismiss button rather than on the dialog: the Modeler home
+    // page keeps half a dozen `role="dialog"` containers mounted and hidden, so a
+    // dialog-first lookup resolves to a hidden one and reports "nothing to
+    // dismiss" while the announcement is still covering the projects list.
+    //
+    // The dialog is also mounted a beat after the projects list, so let the page
+    // settle before looking for it: probing the instant a load finishes lost that
+    // race on about half the attempts, and the dialog that appeared right after
+    // then swallowed the click.
+    async dismissBlockingDialog() {
+        await this.page
+            .waitForLoadState('networkidle', { timeout: 15000 })
+            .catch(() => false);
+        for (let attempt = 0; attempt < 3; attempt++) {
+            const isOpen = await this.closeButton
+                .waitFor({ state: 'visible', timeout: 10000 })
+                .then(() => true)
+                .catch(() => false);
+            if (!isOpen)
+                return;
+            await this.closeButton.click({ timeout: 5000 }).catch(() => { });
+            await this.closeButton
+                .waitFor({ state: 'hidden', timeout: 5000 })
+                .catch(() => false);
+        }
+    }
     async clickMessageBanner() {
         try {
             const button = this.messageBanner.or(this.closeButton).first();

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

@@ -11,6 +11,7 @@ declare class FormJsPage {
     readonly uploadMultipleFilesToggle: Locator;
     readonly documentReferenceInput: Locator;
     readonly documentPreview: Locator;
+    readonly deployDialog: Locator;
     readonly deployFormButton: Locator;
     readonly deployModalSubmitButton: Locator;
     readonly deploySuccessNotification: Locator;

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormJsPage = void 0;
 const test_1 = require("@playwright/test");
+const modelerCluster_1 = require("../../utils/modelerCluster");
 class FormJsPage {
     page;
     aiFormGeneratorButton;
@@ -14,6 +15,7 @@ class FormJsPage {
     uploadMultipleFilesToggle;
     documentReferenceInput;
     documentPreview;
+    deployDialog;
     deployFormButton;
     deployModalSubmitButton;
     deploySuccessNotification;
@@ -33,6 +35,7 @@ class FormJsPage {
             name: 'document reference',
         });
         this.documentPreview = page.locator('button[data-field-type="documentPreview"]');
+        this.deployDialog = page.getByRole('dialog');
         this.deployFormButton = page.locator('button.cds--btn--primary', {
             hasText: 'Deploy',
         });
@@ -78,6 +81,8 @@ class FormJsPage {
     }
     async deployForm() {
         await this.clickDeployFormButton();
+        await (0, test_1.expect)(this.deployDialog).toBeVisible({ timeout: 30000 });
+        await (0, modelerCluster_1.selectModelerCluster)(this.deployDialog);
         await this.clickDeployModalSubmitButton();
         await (0, test_1.expect)(this.deploySuccessNotification).toBeVisible({ timeout: 30000 });
     }

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

@@ -4,6 +4,7 @@ exports.ModelerCreatePage = void 0;
 const test_1 = require("@playwright/test");
 const ConnectorMarketplacePage_1 = require("./ConnectorMarketplacePage");
 const sleep_1 = require("../../utils/sleep");
+const modelerCluster_1 = require("../../utils/modelerCluster");
 class ModelerCreatePage {
     page;
     generalPanel;
@@ -281,6 +282,8 @@ class ModelerCreatePage {
     }
     async deployProcessInstance(tenant = '') {
         await this.clickDeployButton();
+        await (0, test_1.expect)(this.dialog).toBeVisible({ timeout: 30000 });
+        await (0, modelerCluster_1.selectModelerCluster)(this.dialog);
         if (tenant.length > 0) {
             await this.clickTenantIdInput();
             await this.fillTenantIdInput(tenant);
@@ -376,20 +379,7 @@ class ModelerCreatePage {
                 await (0, test_1.expect)(this.dialog).toBeVisible({
                     timeout: 30000,
                 });
-                const modelerClusterName = process.env.MODELER_CLUSTER_NAME;
-                if (modelerClusterName) {
-                    const clusterSelect = this.dialog.getByRole('combobox', {
-                        name: 'Select a cluster',
-                    });
-                    await clusterSelect.click();
-                    const escapedClusterName = modelerClusterName.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-                    await this.dialog
-                        .getByRole('option', {
-                        name: new RegExp(`^${escapedClusterName}(?: \\(|$)`),
-                    })
-                        .click();
-                    await (0, test_1.expect)(clusterSelect).toContainText(modelerClusterName);
-                }
+                await (0, modelerCluster_1.selectModelerCluster)(this.dialog);
                 if (variables.length > 0) {
                     await (0, test_1.expect)(this.variableInput).toBeVisible({
                         timeout: 60000,

package/dist/utils/modelerCluster.d.ts

@@ -0,0 +1,9 @@
+import { Locator } from '@playwright/test';
+/**
+ * Selects the cluster named by MODELER_CLUSTER_NAME in a Web Modeler deploy dialog.
+ *
+ * No-op when the variable is unset, which is every single-cluster environment. In a topology one
+ * Hub Web Modeler serves several orchestration clusters and preselects one of them, so a test that
+ * does not choose deploys somewhere other than the release under test.
+ */
+export declare function selectModelerCluster(dialog: Locator): Promise<void>;

package/dist/utils/modelerCluster.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.selectModelerCluster = void 0;
+const test_1 = require("@playwright/test");
+/**
+ * Selects the cluster named by MODELER_CLUSTER_NAME in a Web Modeler deploy dialog.
+ *
+ * No-op when the variable is unset, which is every single-cluster environment. In a topology one
+ * Hub Web Modeler serves several orchestration clusters and preselects one of them, so a test that
+ * does not choose deploys somewhere other than the release under test.
+ */
+async function selectModelerCluster(dialog) {
+    const modelerClusterName = process.env.MODELER_CLUSTER_NAME;
+    if (!modelerClusterName) {
+        return;
+    }
+    const clusterSelect = dialog.getByRole('combobox', {
+        name: 'Select a cluster',
+    });
+    await clusterSelect.click();
+    const escapedClusterName = modelerClusterName.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+    // The option label carries a trailing " (<status>)", so anchor the name and allow that suffix.
+    await dialog
+        .getByRole('option', {
+        name: new RegExp(`^${escapedClusterName}(?: \\(|$)`),
+    })
+        .click();
+    await (0, test_1.expect)(clusterSelect).toContainText(modelerClusterName);
+}
+exports.selectModelerCluster = selectModelerCluster;

package/package.json

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