@camunda/e2e-test-suite 0.0.1272 → 0.0.1274

package/dist/pages/8.9/ClusterDetailsPage.js

@@ -32,6 +32,10 @@ class ClusterDetailsPage {
     clustersLink;
     alertsTab;
     alertsList;
+    alertExpandRowButtons;
+    alertRowActionsButtons;
+    deleteAlertMenuItem;
+    deleteAlertConfirmButton;
     createFirstAlertButton;
     createNewAlertButton;
     alertsPanel;
@@ -133,6 +137,25 @@ class ClusterDetailsPage {
         this.alertsList = page
             .getByRole('row')
             .filter({ hasNotText: 'Delivery method' }); //Filter out header row
+        // Hub's Alerts tab is a design-system data table: one summary row per
+        // alert (Delivery method / Created at / Created by), with the detail
+        // fields in a sibling expansion row that only exists once the row's
+        // "Expand row" toggle is clicked, and Delete behind the row's "Row
+        // actions" kebab -> "Delete" -> "Delete alert" dialog (camunda-hub e2e
+        // ConsoleClusterDetailsPage). Scoped to the visible tab panel.
+        this.alertExpandRowButtons = page
+            .getByRole('tabpanel')
+            .getByRole('button', { name: 'Expand row', exact: true });
+        this.alertRowActionsButtons = page
+            .getByRole('tabpanel')
+            .getByRole('button', { name: 'Row actions', exact: true });
+        this.deleteAlertMenuItem = page.getByRole('menuitem', {
+            name: 'Delete',
+            exact: true,
+        });
+        this.deleteAlertConfirmButton = page
+            .getByRole('dialog', { name: 'Delete alert' })
+            .getByRole('button', { name: 'Delete', exact: true });
         this.createFirstAlertButton = page.getByRole('button', {
             name: 'Create an alert',
         });
@@ -524,7 +547,47 @@ class ClusterDetailsPage {
         });
     }
     async deleteAlerts() {
-        await this.doDelete(this.dialog, 'Alerts');
+        const hasRowActions = await this.alertRowActionsButtons
+            .first()
+            .waitFor({ state: 'visible', timeout: 10000 })
+            .then(() => true)
+            .catch(() => false);
+        if (!hasRowActions) {
+            await this.doDelete(this.dialog, 'Alerts');
+            return;
+        }
+        let remaining = await this.alertRowActionsButtons.count();
+        while (remaining > 0) {
+            // A re-render can detach the menu between opening it and the click, so
+            // open-menu-and-choose-Delete is retried as one unit.
+            await (0, test_1.expect)(async () => {
+                await this.alertRowActionsButtons.first().click({ timeout: 10000 });
+                await this.deleteAlertMenuItem.click({ timeout: 10000 });
+                await (0, test_1.expect)(this.deleteAlertConfirmButton).toBeVisible({
+                    timeout: 10000,
+                });
+            }).toPass({ timeout: 60000 });
+            await this.deleteAlertConfirmButton.click({ timeout: 30000 });
+            await (0, test_1.expect)(this.alertRowActionsButtons).toHaveCount(remaining - 1, {
+                timeout: 60000,
+            });
+            remaining = await this.alertRowActionsButtons.count();
+        }
+    }
+    // Reveals each alert's detail row. A no-op on the legacy table, whose
+    // detail rows are always rendered.
+    async expandAlerts() {
+        for (let i = 0; i < 10; i++) {
+            const toggle = this.alertExpandRowButtons.first();
+            if (!(await toggle.isVisible().catch(() => false))) {
+                return;
+            }
+            const before = await this.alertExpandRowButtons.count();
+            await toggle.click({ timeout: 10000 });
+            await (0, test_1.expect)(this.alertExpandRowButtons).toHaveCount(before - 1, {
+                timeout: 10000,
+            });
+        }
     }
     async doDelete(dialog, text) {
         try {
@@ -758,6 +821,8 @@ class ClusterDetailsPage {
     async assertAlertText(text, timeout = 60000, maxRetries = 10) {
         for (let attempt = 0; attempt < maxRetries; attempt++) {
             try {
+                await (0, test_1.expect)(this.alertsList.first()).toBeVisible({ timeout });
+                await this.expandAlerts();
                 await (0, test_1.expect)(this.alertsList.nth(1)).toContainText(text, { timeout });
                 return;
             }

package/dist/pages/8.9/ConsoleOrganizationPage.js

@@ -43,20 +43,39 @@ class ConsoleOrganizationPage {
     constructor(page) {
         this.page = page;
         this.usersTab = page.getByRole('tab', { name: 'Users' });
-        this.optionsButton = page.getByRole('button', { name: 'Options' });
-        this.editUserMenuItem = page.getByRole('menuitem', { name: 'Edit User' });
-        this.modelerCheckbox = page
-            .getByRole('group')
-            .locator('label')
-            .filter({ hasText: 'Modeler' });
-        this.adminCheckbox = page
-            .getByRole('group')
-            .locator('label')
-            .filter({ hasText: 'Admin' });
-        this.analystCheckbox = page
-            .getByRole('group')
-            .locator('label')
-            .filter({ hasText: 'Analyst' });
+        // Hub's org-management Users table is a design-system data table whose
+        // per-row kebab is named "Row actions" (camunda-hub e2e
+        // ConsoleOrgManagementPage), not Carbon's "Options". Scoped to the visible
+        // tab panel so another tab's rows cannot match.
+        this.optionsButton = page
+            .getByRole('button', { name: 'Options' })
+            .or(page.getByRole('tabpanel').getByRole('button', { name: 'Row actions' }))
+            .first();
+        this.editUserMenuItem = page.getByRole('menuitem', {
+            name: /^Edit user$/i,
+        });
+        // The "Edit user" dialog's role toggles are plain Carbon Checkboxes
+        // (@camunda/ccma-saas-frontend c4-user-details-page.tsx), each its own
+        // labelText-bound <input type="checkbox">, not a role="group" of
+        // <label>s -- there is no group wrapper around them at all. Scoped to
+        // whichever dialog is open rather than one named "Edit user": a modal
+        // whose heading isn't wired via aria-labelledby carries no accessible
+        // name at all, which silently zeroes out a name-matched dialog locator
+        // (confirmed live: the name-scoped version timed out the same as the
+        // original role="group" one).
+        const openDialog = page.getByRole('dialog');
+        this.modelerCheckbox = openDialog.getByRole('checkbox', {
+            name: 'Modeler',
+            exact: true,
+        });
+        this.adminCheckbox = openDialog.getByRole('checkbox', {
+            name: 'Admin',
+            exact: true,
+        });
+        this.analystCheckbox = openDialog.getByRole('checkbox', {
+            name: 'Analyst',
+            exact: true,
+        });
         this.confirmButton = page.getByRole('button', { name: 'Confirm' });
         this.settingsTab = page.getByRole('tab', { name: 'Settings' });
         this.optInButton = page.getByRole('button', { name: 'Opt-in', exact: true });
@@ -118,14 +137,28 @@ class ConsoleOrganizationPage {
             name: 'danger',
         })
             .last();
-        this.filterTableSearchbox = page.getByRole('searchbox', {
-            name: 'Filter table',
-        });
+        // Hub's org-management "Users" tab renders its table filter as a
+        // design-system <input type="search" aria-label="Search">, not Carbon's
+        // "Filter table" (nightly trace DOM; camunda-hub e2e
+        // ConsoleOrgManagementPage.searchbox). Keep the legacy name as a fallback.
+        this.filterTableSearchbox = page
+            .getByRole('searchbox', { name: 'Search', exact: true })
+            .or(page.getByRole('searchbox', { name: 'Filter table' }))
+            .first();
     }
     async filterTable(names) {
         for (const name of names) {
             await this.filterTableSearchbox.click({ timeout: 60000 });
             await this.filterTableSearchbox.fill(name);
+            // The design-system filter applies after a debounce; callers act on the
+            // first row next, so wait for a data row containing this name. A
+            // "does every row match" assertion never resolves: one row (header or
+            // toolbar) always carries a role="cell" descendant without the name.
+            await (0, test_1.expect)(this.page
+                .getByRole('row')
+                .filter({ has: this.page.getByRole('cell') })
+                .filter({ hasText: name })
+                .first()).toBeVisible({ timeout: 30000 });
         }
     }
     async clickProcessIdInput() {

package/dist/pages/8.9/FormJsPage.js

@@ -4,6 +4,7 @@ exports.FormJsPage = void 0;
 const test_1 = require("@playwright/test");
 const sleep_1 = require("../../utils/sleep");
 const ProcessApplicationPage_1 = require("./ProcessApplicationPage");
+const modelerCluster_1 = require("../../utils/modelerCluster");
 class FormJsPage {
     page;
     processApplicationPage;
@@ -144,6 +145,28 @@ class FormJsPage {
             throw new Error(`Process application has no cluster assigned to any stage, so "${clusterName}" cannot be deployed to. ` +
                 'ProcessApplicationPage.ensureStageCluster() should have bound it before the deploy dialog was opened.');
         }
+        // Hub's environment-based dialog (camunda-hub#29210) lists every
+        // Environment assigned to the workspace, preselects the first -- which
+        // need not be this one -- and renders a <label> per row that the legacy
+        // toggle detection below would mistake for its own. Same handling as
+        // ModelerCreatePage.selectCluster, so a form deploy targets the requested
+        // cluster instead of whichever environment the dialog preselected.
+        const hasEnvironmentRow = await this.dialog
+            .locator('[data-test^="environment-row-"]')
+            .first()
+            .waitFor({ state: 'visible', timeout: 10000 })
+            .then(() => true)
+            .catch(() => false);
+        if (hasEnvironmentRow) {
+            try {
+                await (0, modelerCluster_1.selectDeployEnvironment)(this.dialog, clusterName);
+            }
+            catch (error) {
+                this.processApplicationPage.forgetStageCluster();
+                throw error;
+            }
+            return;
+        }
         const legacyClusterToggle = this.dialog.locator('label').filter({
             hasText: new RegExp(`^${clusterName}`),
         });

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

@@ -14,8 +14,11 @@ declare class ModelerCreatePage {
     readonly viewProcessInstanceLink: Locator;
     readonly nameInput: Locator;
     readonly diagramBreadcrumb: Locator;
+    readonly diagramActionsButton: Locator;
     readonly renameDiagramNameButton: Locator;
     readonly diagramNameInput: Locator;
+    readonly renameInput: Locator;
+    readonly renameSubmitButton: Locator;
     readonly variableInput: Locator;
     readonly embedFormButton: Locator;
     readonly embedButton: Locator;

package/dist/pages/8.9/ModelerCreatePage.js

@@ -6,6 +6,7 @@ const sleep_1 = require("../../utils/sleep");
 const ConnectorMarketplacePage_1 = require("./ConnectorMarketplacePage");
 const clickLocatorWithRetry_1 = require("../../utils/assertionHelpers/clickLocatorWithRetry");
 const ProcessApplicationPage_1 = require("./ProcessApplicationPage");
+const modelerCluster_1 = require("../../utils/modelerCluster");
 class ModelerCreatePage {
     page;
     processApplicationPage;
@@ -21,8 +22,11 @@ class ModelerCreatePage {
     viewProcessInstanceLink;
     nameInput;
     diagramBreadcrumb;
+    diagramActionsButton;
     renameDiagramNameButton;
     diagramNameInput;
+    renameInput;
+    renameSubmitButton;
     variableInput;
     embedFormButton;
     embedButton;
@@ -165,8 +169,25 @@ class ModelerCreatePage {
         });
         this.nameInput = page.getByLabel('Name', { exact: true });
         this.diagramBreadcrumb = page.locator('[data-test="breadcrumb-diagram"]');
-        this.renameDiagramNameButton = page.getByText('Rename');
+        // Hub's newer nav (isNavV2, camunda-hub use-file-page-actions.ts) renders
+        // no breadcrumb-diagram dropdown: Rename/Duplicate/Delete sit behind a
+        // kebab next to the current (last) crumb, named "<entity name> actions".
+        // Same locator as camunda-hub's own e2e BasePage.breadcrumbActionsButton.
+        this.diagramActionsButton = page
+            .getByRole('navigation', { name: 'Context navigation' })
+            .or(page.getByRole('navigation', { name: 'Breadcrumb', exact: true }))
+            .getByRole('button', { name: / actions$/ })
+            .last();
+        this.renameDiagramNameButton = page
+            .getByRole('menuitem', { name: 'Rename', exact: true })
+            .or(page.locator('[data-test="diagram-menu-item-rename-diagram"]'))
+            .first();
         this.diagramNameInput = page.locator('[data-test="editable-input"]');
+        // The nav-v2 Rename opens a modal dialog (camunda-hub RenameDialogDs.tsx)
+        // instead of the legacy inline breadcrumb editor, and a fresh diagram no
+        // longer opens with its name in edit mode.
+        this.renameInput = page.locator('[data-test="rename-input"]');
+        this.renameSubmitButton = page.locator('[data-test="rename-submit"]');
         this.variableInput = page.locator('[id="variables-json"]');
         this.embedFormButton = page.getByRole('button', { name: 'Link form' });
         this.embedButton = page.locator('[data-test="confirm-move"]');
@@ -337,9 +358,14 @@ class ModelerCreatePage {
         this.formLinkedSuccessMessage = page
             .locator('.cds--toast-notification__subtitle')
             .getByText('Form has been successfully linked.');
-        this.diagramNameBreadcrumb = (diagramName) => page.locator('button[data-test="breadcrumb-diagram"]', {
+        // The legacy breadcrumb shows the name directly; the nav-v2 kebab embeds
+        // it in its own accessible name ("<name> actions").
+        this.diagramNameBreadcrumb = (diagramName) => page
+            .locator('button[data-test="breadcrumb-diagram"]', {
             hasText: diagramName,
-        });
+        })
+            .or(page.getByRole('button', { name: `${diagramName} actions` }))
+            .first();
         this.webhookActiveMessage = page.getByText('Webhook is active');
     }
     async clickSecondDeployButton() {
@@ -699,6 +725,27 @@ class ModelerCreatePage {
             throw new Error(`Process application has no cluster assigned to any stage, so "${clusterName}" cannot be deployed to. ` +
                 'ProcessApplicationPage.ensureStageCluster() should have bound it before the deploy dialog was opened.');
         }
+        // Hub's environment-based dialog (camunda-hub#29210) lists every
+        // Environment assigned to the workspace, preselects the first -- which
+        // need not be this one -- and renders a <label> per row that the legacy
+        // toggle detection below would mistake for its own. The dialog is visible
+        // a beat before its rows, so wait briefly rather than sampling once.
+        const hasEnvironmentRow = await this.dialog
+            .locator('[data-test^="environment-row-"]')
+            .first()
+            .waitFor({ state: 'visible', timeout: 10000 })
+            .then(() => true)
+            .catch(() => false);
+        if (hasEnvironmentRow) {
+            try {
+                await (0, modelerCluster_1.selectDeployEnvironment)(this.dialog, clusterName);
+            }
+            catch (error) {
+                this.processApplicationPage.forgetStageCluster();
+                throw error;
+            }
+            return;
+        }
         const legacyClusterToggle = this.dialog.locator('label').filter({
             hasText: new RegExp(`^${clusterName}`),
         });
@@ -747,8 +794,23 @@ class ModelerCreatePage {
     async fillNamedInput(name) {
         await this.nameInput.fill(name, { timeout: 60000 });
     }
+    // Opens the current diagram's crumb menu: the legacy breadcrumb dropdown, or
+    // the nav-v2 "<name> actions" kebab. Waits for the properties panel first:
+    // until the diagram has loaded, nav-v2 keeps showing the previous page's
+    // crumbs (camunda-hub NavProvider), so the last kebab would belong to the
+    // parent container and Rename would rename that instead.
     async clickDiagramBreadcrumb() {
-        await this.diagramBreadcrumb.click({ timeout: 10000 });
+        await (0, test_1.expect)(this.generalPanel).toBeVisible({ timeout: 120000 });
+        const crumbMenuTrigger = this.diagramBreadcrumb
+            .or(this.diagramActionsButton)
+            .first();
+        await (0, test_1.expect)(crumbMenuTrigger).toBeVisible({ timeout: 60000 });
+        if (await this.diagramActionsButton.isVisible().catch(() => false)) {
+            await this.diagramActionsButton.click({ timeout: 10000 });
+        }
+        else {
+            await this.diagramBreadcrumb.click({ timeout: 10000 });
+        }
     }
     // Opening the breadcrumb menu leaves the pointer on the breadcrumb button,
     // and hub renders that button's truncated-name tooltip on top of the menu,
@@ -787,12 +849,51 @@ class ModelerCreatePage {
                 // failure: the assertion below is what decides whether this worked.
                 await this.renameDiagramNameButton.dispatchEvent('click');
             }
-            await (0, test_1.expect)(this.diagramNameInput).toBeVisible({ timeout: 10000 });
+            await (0, test_1.expect)(this.diagramNameInput.or(this.renameInput).first()).toBeVisible({ timeout: 10000 });
         }).toPass({ timeout: 60000, intervals: [1000, 2000, 5000] });
     }
+    // Callers either just opened the rename editor or just created the diagram,
+    // which the legacy shell opens with its name already in inline-edit mode.
+    // Nav-v2 does neither for a fresh diagram, so open the rename action when no
+    // editor is showing, fill whichever editor it is, and confirm the crumb
+    // actually took the name rather than trusting the fill. Retried as a unit:
+    // a re-render (autosave, post-create refetch) can drop the editor mid-fill.
     async enterDiagramName(name) {
-        await this.diagramNameInput.fill(name, { timeout: 90000 });
-        await this.diagramNameInput.press('Enter', { timeout: 90000 });
+        const maxAttempts = 3;
+        for (let attempt = 1; attempt <= maxAttempts; attempt++) {
+            try {
+                const editorOpen = await this.diagramNameInput
+                    .or(this.renameInput)
+                    .first()
+                    .waitFor({ state: 'visible', timeout: 5000 })
+                    .then(() => true)
+                    .catch(() => false);
+                if (!editorOpen) {
+                    await this.clickEditDiagramNameButton();
+                }
+                if (await this.renameInput.isVisible().catch(() => false)) {
+                    await this.renameInput.fill(name, { timeout: 30000 });
+                    await (0, test_1.expect)(this.renameInput).toHaveValue(name, { timeout: 5000 });
+                    await this.renameSubmitButton.click({ timeout: 10000 });
+                    await (0, test_1.expect)(this.renameInput).toBeHidden({ timeout: 30000 });
+                }
+                else {
+                    await this.diagramNameInput.fill(name, { timeout: 45000 });
+                    await this.diagramNameInput.press('Enter', { timeout: 45000 });
+                }
+                await (0, test_1.expect)(this.diagramNameBreadcrumb(name)).toBeVisible({
+                    timeout: 30000,
+                });
+                return;
+            }
+            catch (error) {
+                if (attempt === maxAttempts) {
+                    throw error;
+                }
+                console.warn(`Diagram rename to "${name}" did not commit ` +
+                    `(attempt ${attempt}/${maxAttempts}): ${error}`);
+            }
+        }
     }
     async clickVariableInput() {
         await this.variableInput.click({ timeout: 60000 });

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

@@ -30,6 +30,8 @@ declare class ModelerHomePage {
     readonly messageBanner: Locator;
     readonly idpTemplateOption: Locator;
     readonly idpEmptyStateButton: Locator;
+    readonly idpProjectsTab: Locator;
+    readonly createIdpProjectButton: Locator;
     readonly idpApplicationNameInput: Locator;
     readonly createIdpApplicationButton: Locator;
     readonly dialog: Locator;
@@ -38,6 +40,11 @@ declare class ModelerHomePage {
     readonly blockingDialogDismiss: Locator;
     readonly optionsButton: Locator;
     readonly formNameBreadcrumb: (formName: string) => Locator;
+    readonly formBreadcrumbButton: Locator;
+    readonly formActionsButton: Locator;
+    readonly renameFormMenuItem: Locator;
+    readonly renameInput: Locator;
+    readonly renameSubmitButton: Locator;
     constructor(page: Page);
     dismissBlockingDialog(): Promise<void>;
     private dismissUncataloguedDialog;
@@ -55,6 +62,7 @@ declare class ModelerHomePage {
     clickBpmnTemplateOption(): Promise<void>;
     clickFormOption(): Promise<void>;
     enterFormName(name: string): Promise<void>;
+    openFormRenameEditor(): Promise<void>;
     clickProjectBreadcrumb(): Promise<void>;
     clickWorkspaceBreadcrumb(): Promise<void>;
     enterResourceContainer(name?: string): Promise<void>;

package/dist/pages/8.9/ModelerHomePage.js

@@ -7,6 +7,7 @@ const clickLocatorWithRetry_1 = require("../../utils/assertionHelpers/clickLocat
 const randomName_1 = require("../../utils/randomName");
 const ProcessApplicationPage_1 = require("./ProcessApplicationPage");
 const sessionRecovery_1 = require("../../utils/sessionRecovery");
+const modelerCluster_1 = require("../../utils/modelerCluster");
 class ModelerHomePage {
     defaultFolderName = 'Cross Component Test Project';
     // The default cluster test-setup.spec.ts's "Create Default Cluster" test
@@ -52,6 +53,8 @@ class ModelerHomePage {
     messageBanner;
     idpTemplateOption;
     idpEmptyStateButton;
+    idpProjectsTab;
+    createIdpProjectButton;
     idpApplicationNameInput;
     createIdpApplicationButton;
     dialog;
@@ -60,6 +63,11 @@ class ModelerHomePage {
     blockingDialogDismiss;
     optionsButton;
     formNameBreadcrumb;
+    formBreadcrumbButton;
+    formActionsButton;
+    renameFormMenuItem;
+    renameInput;
+    renameSubmitButton;
     constructor(page) {
         this.page = page;
         this.processApplicationPage = new ProcessApplicationPage_1.ProcessApplicationPage(page);
@@ -113,7 +121,12 @@ class ModelerHomePage {
         });
         this.projectNameInput = page.locator('[data-test="editable-input"]');
         this.formNameInput = page.locator('[data-test="editable-input"]');
-        this.idpApplicationNameInput = page.getByPlaceholder('New IDP Application');
+        // Hub's workspace projects page renamed IDP applications to "IDP projects"
+        // (camunda-hub CreateIdpApplicationModal.common.tsx).
+        this.idpApplicationNameInput = page
+            .getByPlaceholder('New IDP Application')
+            .or(page.getByPlaceholder('New IDP project'))
+            .first();
         this.createIdpApplicationButton = page.getByRole('button', {
             name: 'Create',
             exact: true,
@@ -130,6 +143,13 @@ class ModelerHomePage {
         this.idpEmptyStateButton = page
             .getByRole('button', { name: 'Create IDP application' })
             .first();
+        // Hub's workspace projects page (camunda-hub WorkspaceProjects.tsx) has no
+        // create menu at the root: IDP projects live on their own tab, created
+        // through its "Create IDP project" split button (header or empty state).
+        this.idpProjectsTab = page.locator('[data-test="tab-idp-applications"]');
+        this.createIdpProjectButton = page
+            .getByRole('button', { name: 'Create IDP project', exact: true })
+            .first();
         this.diagramTypeDropdown = page.locator('[data-test="diagram-dropdown"]');
         // Matched on the test id alone: hub's design-system variant of the create
         // menu renders "BPMN diagram" (lowercase d), so a text filter breaks the
@@ -192,9 +212,31 @@ class ModelerHomePage {
             .getByRole('button', { name: /^(Got it|Close|Dismiss)/i })
             .first();
         this.optionsButton = page.getByRole('button', { name: 'Options' });
-        this.formNameBreadcrumb = (formName) => page.locator('button[data-test="breadcrumb-form"]', {
+        // The legacy breadcrumb shows the name directly; Hub's newer nav
+        // (isNavV2) embeds it in the current crumb's kebab ("<name> actions").
+        this.formNameBreadcrumb = (formName) => page
+            .locator('button[data-test="breadcrumb-form"]', {
             hasText: formName,
-        });
+        })
+            .or(page.getByRole('button', { name: `${formName} actions` }))
+            .first();
+        this.formBreadcrumbButton = page.locator('button[data-test="breadcrumb-form"]');
+        // Nav-v2 moves Rename/Duplicate/Delete behind a kebab next to the current
+        // (last) crumb (camunda-hub use-file-page-actions.ts); same locator as
+        // camunda-hub's own e2e BasePage.breadcrumbActionsButton.
+        this.formActionsButton = page
+            .getByRole('navigation', { name: 'Context navigation' })
+            .or(page.getByRole('navigation', { name: 'Breadcrumb', exact: true }))
+            .getByRole('button', { name: / actions$/ })
+            .last();
+        this.renameFormMenuItem = page
+            .locator('[data-test="rename-form"]')
+            .or(page.getByRole('menuitem', { name: 'Rename', exact: true }))
+            .first();
+        // Nav-v2's Rename opens a modal dialog (camunda-hub RenameDialogDs.tsx)
+        // instead of the legacy inline breadcrumb editor.
+        this.renameInput = page.locator('[data-test="rename-input"]');
+        this.renameSubmitButton = page.locator('[data-test="rename-submit"]');
     }
     // An announcement dialog renders over the projects list and swallows every
     // click on it: Playwright reports the project link as visible, enabled and
@@ -361,10 +403,19 @@ class ModelerHomePage {
     // clickCreateProcessApplication, which already covers this for the sibling
     // resource type.
     async startIdpApplicationCreation() {
-        const rootLoaded = await this.becameVisible(this.idpEmptyStateButton.or(this.diagramTypeDropdown).first(), 60000);
+        const rootLoaded = await this.becameVisible(this.idpEmptyStateButton
+            .or(this.diagramTypeDropdown)
+            .or(this.idpProjectsTab)
+            .first(), 60000);
         if (!rootLoaded) {
             await this.page.reload();
         }
+        if (await this.becameVisible(this.idpProjectsTab, 5000)) {
+            await this.idpProjectsTab.click({ timeout: 30000 });
+            await (0, test_1.expect)(this.createIdpProjectButton).toBeVisible({ timeout: 60000 });
+            await this.createIdpProjectButton.click({ timeout: 30000 });
+            return;
+        }
         if (await this.becameVisible(this.idpEmptyStateButton, 5000)) {
             await this.idpEmptyStateButton.click({ timeout: 60000 });
             return;
@@ -381,10 +432,61 @@ class ModelerHomePage {
     async clickFormOption() {
         await this.formTemplateOption.click();
     }
+    // The legacy shell opens a fresh form with its breadcrumb name in inline-edit
+    // mode. Nav-v2 has no inline editing: the form stays "New form" until renamed
+    // through the crumb's "<name> actions" kebab and the shared rename dialog.
+    // Retried as a unit, and confirmed on the crumb, because a re-render
+    // (post-create refetch, form store load) can drop the editor mid-fill.
     async enterFormName(name) {
-        await this.formNameInput.click({ timeout: 60000 });
-        await this.formNameInput.fill(name);
-        await this.formNameInput.press('Enter');
+        const maxAttempts = 3;
+        for (let attempt = 1; attempt <= maxAttempts; attempt++) {
+            try {
+                if (await this.formNameBreadcrumb(name).isVisible()) {
+                    return;
+                }
+                const editorOpen = await this.becameVisible(this.formNameInput.or(this.renameInput).first(), 15000);
+                if (!editorOpen) {
+                    await this.openFormRenameEditor();
+                }
+                if (await this.renameInput.isVisible().catch(() => false)) {
+                    await this.renameInput.fill(name, { timeout: 30000 });
+                    await (0, test_1.expect)(this.renameInput).toHaveValue(name, { timeout: 5000 });
+                    await this.renameSubmitButton.click({ timeout: 10000 });
+                    await (0, test_1.expect)(this.renameInput).toBeHidden({ timeout: 30000 });
+                }
+                else {
+                    await this.formNameInput.click({ timeout: 30000 });
+                    await this.formNameInput.fill(name);
+                    await this.formNameInput.press('Enter');
+                }
+                await (0, test_1.expect)(this.formNameBreadcrumb(name)).toBeVisible({
+                    timeout: 30000,
+                });
+                return;
+            }
+            catch (error) {
+                if (attempt === maxAttempts) {
+                    throw error;
+                }
+                console.warn(`Form rename to "${name}" did not commit ` +
+                    `(attempt ${attempt}/${maxAttempts}): ${error}`);
+            }
+        }
+    }
+    async openFormRenameEditor() {
+        await (0, test_1.expect)(this.formBreadcrumbButton.or(this.formActionsButton).first()).toBeVisible({ timeout: 60000 });
+        if (await this.formActionsButton.isVisible().catch(() => false)) {
+            // Until the new form has loaded, nav-v2 keeps showing the previous
+            // page's crumbs (camunda-hub NavProvider), so the last kebab can still
+            // belong to the parent container. A fresh form is named "New form";
+            // wait for its own crumb before renaming anything.
+            await (0, test_1.expect)(this.formActionsButton).toHaveAccessibleName('New form actions', { timeout: 60000 });
+            await this.formActionsButton.click({ timeout: 30000 });
+        }
+        else {
+            await this.formBreadcrumbButton.click({ timeout: 60000 });
+        }
+        await this.renameFormMenuItem.click({ timeout: 30000 });
     }
     // Kept under its original name because it is what the existing call sites
     // already mean: "go back to where my resources live". That is now the
@@ -711,6 +813,13 @@ class ModelerHomePage {
     async selectCluster(clusterName) {
         //Select the correct cluster if multiple exist
         const baseClusterName = clusterName.split('(')[0].trim();
+        // With Hub's Environments feature on (camunda-hub#29210) the IDP create
+        // dialog picks an Environment row instead of a cluster toggle.
+        const hasEnvironmentRow = await this.becameVisible(this.dialog.locator('[data-test^="environment-row-"]').first(), 10000);
+        if (hasEnvironmentRow) {
+            await (0, modelerCluster_1.selectDeployEnvironment)(this.dialog, baseClusterName);
+            return;
+        }
         const cluster = this.dialog.getByText(new RegExp(`^${baseClusterName}`));
         await (0, test_1.expect)(cluster).toBeVisible({
             timeout: 30000,

package/dist/pages/8.9/ProcessApplicationPage.d.ts

@@ -24,6 +24,7 @@ declare class ProcessApplicationPage {
     rememberResourceContainer(url: string): void;
     forgetStageCluster(): void;
     ensureStageCluster(clusterName: string): Promise<boolean>;
+    private ensureWorkspaceEnvironment;
     private openStageDefinition;
     openByName(name: string): Promise<void>;
 }