@camunda/e2e-test-suite 0.0.1004 → 0.0.1006

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

@@ -42,6 +42,7 @@ declare class ModelerCreatePage {
     readonly firstPlacedElement: Locator;
     readonly secondPlacedElement: Locator;
     readonly appendElementButton: Locator;
+    readonly appendIndicator: Locator;
     readonly payloadInput: Locator;
     readonly marketPlaceButton: Locator;
     readonly publicHolidayConnectorOption: Locator;
@@ -176,6 +177,7 @@ declare class ModelerCreatePage {
     clickFirstPlacedElement(): Promise<void>;
     clickSecondPlacedElement(): Promise<void>;
     clickSecondElement(): Promise<void>;
+    openAppendCreatePad(): Promise<void>;
     clickAppendElementButton(): Promise<void>;
     clickMarketPlaceButton(): Promise<void>;
     clickPublicHolidayConnectorOption(): Promise<void>;

package/dist/pages/8.8/ModelerCreatePage.js

@@ -48,6 +48,7 @@ class ModelerCreatePage {
     firstPlacedElement;
     secondPlacedElement;
     appendElementButton;
+    appendIndicator;
     payloadInput;
     marketPlaceButton;
     publicHolidayConnectorOption;
@@ -120,6 +121,10 @@ class ModelerCreatePage {
         this.appendElementButton = page
             .locator('[class="djs-create-pad open djs-append-create-pad"]')
             .first();
+        // Every element keeps an indicator overlay in the DOM and hides the ones
+        // that do not apply, so match on the visible call-to-action indicator —
+        // the one belonging to the currently selected element.
+        this.appendIndicator = page.locator('.djs-append-indicator.selected:visible');
         this.appendTaskButton = page.getByRole('button', { name: 'Append task' });
         this.changeTypeButton = page.getByRole('button', {
             name: 'Change element',
@@ -510,6 +515,7 @@ class ModelerCreatePage {
             else if (parentElement == 'parallelGateway') {
                 await this.clickSecondPlacedGateway();
             }
+            await this.openAppendCreatePad();
             await this.appendElementButton.hover();
             await this.appendEndEventButton.click({ timeout: 120000 });
         }
@@ -883,6 +889,13 @@ class ModelerCreatePage {
         await this.endEventCanvas.click({ timeout: 60000 });
     }
     async clickConnectToOtherElementButton() {
+        // 'Connect to other element' is a create-pad entry
+        // (`data-entry-id="connect"`), so the pad has to be open before the entry
+        // exists at all. The element this is called on already has an outgoing
+        // sequence flow, which is exactly the case that no longer auto-opens the
+        // pad since improved-canvas 1.11.0 — go through the append indicator
+        // first, which is what clickAppendElementButton does (with its retries).
+        await this.clickAppendElementButton();
         await (0, test_1.expect)(this.connectToOtherElementButton).toBeVisible({
             timeout: 60000,
         });
@@ -899,11 +912,35 @@ class ModelerCreatePage {
         await (0, test_1.expect)(this.secondElement).toBeVisible({ timeout: 60000 });
         await this.secondElement.click({ timeout: 60000 });
     }
+    // Selecting an element does not open the append create pad on its own. The
+    // improved canvas gives the selected element a "+" overlay
+    // (.djs-append-indicator) instead, and only a mouseenter on that indicator
+    // opens the pad. The pad still opens by itself right after an append, and
+    // the indicator is hidden while the pad is open, so both lookups are
+    // best-effort and this is a no-op in that case.
+    async openAppendCreatePad() {
+        const padAlreadyOpen = await this.appendElementButton
+            .isVisible()
+            .catch(() => false);
+        if (padAlreadyOpen) {
+            return;
+        }
+        const indicator = this.appendIndicator.first();
+        const indicatorShown = await indicator
+            .waitFor({ state: 'visible', timeout: 10000 })
+            .then(() => true)
+            .catch(() => false);
+        if (!indicatorShown) {
+            return;
+        }
+        await indicator.hover({ force: true, timeout: 30000 });
+    }
     async clickAppendElementButton() {
         const maxRetries = 3;
         for (let retries = 0; retries < maxRetries; retries++) {
             try {
                 await this.page.waitForTimeout(1000);
+                await this.openAppendCreatePad();
                 await (0, test_1.expect)(this.appendElementButton).toBeVisible({ timeout: 10000 });
                 await this.appendElementButton.hover({ force: true });
                 return;
@@ -1117,6 +1154,7 @@ class ModelerCreatePage {
     async clickFirstPlacedGateway() {
         try {
             await this.firstPlacedGateway.click({ timeout: 60000 });
+            await this.openAppendCreatePad();
             await (0, test_1.expect)(this.appendElementButton).toBeVisible({ timeout: 60000 });
         }
         catch (error) {
@@ -1153,6 +1191,7 @@ class ModelerCreatePage {
             await this.page.reload();
             await (0, sleep_1.sleep)(20000);
             await this.clickFirstPlacedElement();
+            await this.openAppendCreatePad();
             await this.appendElementButton.hover();
         }
         await this.clickAppendGatewayButton();

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

@@ -36,13 +36,19 @@ class FormJsPage {
         });
         this.documentPreview = page.locator('button[data-field-type="documentPreview"]');
         this.deployDialog = page.getByRole('dialog');
-        this.deployFormButton = page.locator('button.cds--btn--primary', {
-            hasText: 'Deploy',
-        });
-        this.deployModalSubmitButton = page.locator('button[data-modal-primary-focus="true"][type="submit"]');
-        this.deploySuccessNotification = page
-            .locator('.cds--toast-notification--success')
-            .filter({ hasText: 'Form deployed!' });
+        // The Design System shell renders none of Carbon's cds-- classes, so the
+        // editor's Deploy button, the dialog's submit and the success toast are all
+        // matched by role and text instead -- which resolves on both shells.
+        // .first(): once the deploy dialog is open its submit carries the same
+        // accessible name; the editor's button is the earlier one in the DOM.
+        this.deployFormButton = page
+            .getByRole('button', { name: 'Deploy', exact: true })
+            .first();
+        this.deployModalSubmitButton = this.deployDialog
+            .getByRole('button', { name: 'Deploy', exact: true })
+            .or(page.locator('button[data-modal-primary-focus="true"][type="submit"]'))
+            .first();
+        this.deploySuccessNotification = page.getByText('Form deployed!').first();
     }
     async clickAIFormGeneratorButton() {
         await this.aiFormGeneratorButton.click();

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

@@ -94,10 +94,26 @@ class ManagementIdentityPage {
         await (0, test_1.expect)(this.demoUser).toBeVisible({ timeout: 60000 });
         await this.demoUser.click({ timeout: 180000 });
     }
+    // The assigned-roles table can come up with a stale row set shortly after the
+    // roles were assigned — run 32920068272 recorded `/api/users/<id>/roles`
+    // returning Optimize while the table repeated the neighbouring row's label —
+    // and it does not re-render on its own. Rebuild it from a fresh response
+    // between attempts before reporting the role as missing.
     async clickDeleteAccessButton(accessToDelete) {
         const roleRow = this.page
             .locator(':text("' + accessToDelete + '")')
             .first();
+        for (let attempt = 1; attempt <= 2; attempt++) {
+            const rowVisible = await roleRow
+                .waitFor({ state: 'visible', timeout: 30000 })
+                .then(() => true)
+                .catch(() => false);
+            if (rowVisible) {
+                break;
+            }
+            await this.page.reload({ waitUntil: 'domcontentloaded' });
+            await this.clickAssignedRolesTab();
+        }
         await (0, test_1.expect)(roleRow, `No assigned role matching "${accessToDelete}" was found. The role may ` +
             `already be removed, or its label may have changed in this version.`).toBeVisible({ timeout: 60000 });
         await this.page

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

@@ -21,6 +21,10 @@ declare class ModelerCreatePage {
     readonly diagramBreadcrumb: Locator;
     readonly renameDiagramNameButton: Locator;
     readonly diagramNameInput: Locator;
+    readonly moreActionsButton: Locator;
+    readonly renameMenuItem: Locator;
+    readonly renameInput: Locator;
+    readonly renameSubmitButton: Locator;
     readonly variableInput: Locator;
     readonly businessIdInput: Locator;
     readonly embedFormButton: Locator;
@@ -113,6 +117,7 @@ declare class ModelerCreatePage {
     private clickCreatePadEntry;
     private appendViaPopup;
     clickAppendTaskButton(): Promise<void>;
+    private padHoverTargets;
     hoverOnLocator(locator: Locator, selector?: string): Promise<void>;
     clickAppendGatewayButton(): Promise<void>;
     setEngineVersion(version: string): Promise<void>;
@@ -136,6 +141,7 @@ declare class ModelerCreatePage {
     fillJobTypeInput(name: string): Promise<void>;
     clickDiagramBreadcrumb(): Promise<void>;
     clickEditDiagramNameButton(): Promise<void>;
+    private legacyBreadcrumbPresent;
     enterDiagramName(name: string): Promise<void>;
     clickVariableInput(): Promise<void>;
     fillVariableInput(variable: string): Promise<void>;

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

@@ -27,6 +27,10 @@ class ModelerCreatePage {
     diagramBreadcrumb;
     renameDiagramNameButton;
     diagramNameInput;
+    moreActionsButton;
+    renameMenuItem;
+    renameInput;
+    renameSubmitButton;
     variableInput;
     businessIdInput;
     embedFormButton;
@@ -107,7 +111,13 @@ class ModelerCreatePage {
         this.processIdInput = page.getByLabel('ID', { exact: true });
         this.elemendIdInput = page.getByLabel('ID', { exact: true });
         this.startEventElement = page.locator('.djs-hit').first();
-        this.appendPreButton = page.locator('.djs-create-pad-icon > svg').first();
+        // The improved canvas exposes the append affordance of the selected element
+        // as an overlay indicator ("+" beside the shape) that stands in for the
+        // create pad's call-to-action entry; the `.djs-create-pad-icon` wrapper this
+        // used to hover is no longer rendered.
+        this.appendPreButton = page
+            .locator('.djs-append-indicator.selected')
+            .first();
         this.appendTaskButton = page.getByRole('button', { name: 'Append task' });
         this.appendAnythingEntry = page.locator('.djs-create-pad-entries [data-entry-id="append"]');
         this.appendPopup = page.locator('.djs-popup.bpmn-append');
@@ -123,7 +133,18 @@ class ModelerCreatePage {
         this.appendGatewayButton = page.getByRole('button', {
             name: 'Append gateway',
         });
-        this.parallelGatewayOption = page.getByText('parallel gateway');
+        // bpmn-js renders popup entries as <li role="option" data-id="..."> and
+        // binds the click handler to that li. getByText resolved the nested
+        // <span class="djs-popup-label"> instead, whose box kept failing the
+        // visible/stable actionability check inside the scrolling results list --
+        // which is why this timed out on some runs and not others. Target the li,
+        // by the data-id bpmn-js owns, with the role as a fallback. The suffix
+        // match covers both the append and change-element popups
+        // (append-* / replace-with-parallel-gateway).
+        this.parallelGatewayOption = page
+            .locator('.djs-popup-results [data-id$="parallel-gateway"]')
+            .or(page.getByRole('option', { name: /parallel gateway/i }))
+            .first();
         this.dialog = page.getByRole('dialog');
         this.startInstanceMainButton = page.getByRole('button', {
             name: 'Run',
@@ -145,6 +166,10 @@ class ModelerCreatePage {
         this.diagramBreadcrumb = page.locator('[data-test="breadcrumb-diagram"]');
         this.renameDiagramNameButton = page.getByText('Rename');
         this.diagramNameInput = page.locator('[data-test="editable-input"]');
+        this.moreActionsButton = page.getByRole('button', { name: 'More actions' });
+        this.renameMenuItem = page.getByRole('menuitem', { name: 'Rename' });
+        this.renameInput = page.locator('[data-test="rename-input"]');
+        this.renameSubmitButton = page.locator('[data-test="rename-submit"]');
         this.variableInput = page.locator('[id="variables-json"]');
         this.businessIdInput = page.locator('[id^="business-id-input"]');
         this.embedFormButton = page.getByRole('button', { name: 'Link form' });
@@ -529,25 +554,75 @@ class ModelerCreatePage {
         }
         await this.appendViaPopup('append-task', ['append-tasks'], 'Task');
     }
-    async hoverOnLocator(locator, selector = '.djs-create-pad-entry') {
-        const canvasState = await Promise.race([
+    // The create pad is only mounted while the append affordance is engaged. An
+    // element without an outgoing flow gets the pad on selection, but one that
+    // already has an outgoing flow (the first gateway of a parallel branch) only
+    // gets the overlay indicator ("+" beside the shape), and the pad appears once
+    // that indicator is hovered. The indicator carries its element id in
+    // `data-element`, so key the hover on the current selection: hovering another
+    // element's indicator would open its pad and append to the wrong shape.
+    async padHoverTargets(locator, selector) {
+        if (!selector.includes('create-pad')) {
+            return [locator];
+        }
+        const selectedElementId = await this.page
+            .locator('.djs-element.selected')
+            .first()
+            .getAttribute('data-element-id', { timeout: 5000 })
+            .catch(() => null);
+        if (!selectedElementId) {
+            return [locator];
+        }
+        return [
             this.page
-                .waitForSelector(selector, { state: 'visible' })
-                .then(() => 'pad')
-                .catch(() => {
-                throw new Error('Canvas not visible');
-            }),
-            locator
-                .waitFor({ state: 'visible' })
-                .then(() => 'hover')
-                .catch(() => {
-                throw new Error('Locator not visible');
-            }),
-        ]);
-        if (canvasState === 'hover') {
-            await locator.hover({ timeout: 5000 });
-            await this.page.waitForSelector(selector, { state: 'visible' });
+                .locator(`.djs-append-indicator[data-element="${selectedElementId}"]`)
+                .first(),
+            locator,
+        ];
+    }
+    async hoverOnLocator(locator, selector = '.djs-create-pad-entry') {
+        // Only visible entries count: both `page.waitForSelector` and `.first()`
+        // resolve a single DOM match, so an entry belonging to another element's
+        // closed pad would never satisfy `visible`.
+        const padEntry = this.page.locator(`${selector}:visible`).first();
+        let lastError = null;
+        // Promise.race leaves the losing branch pending, so when that branch later
+        // rejects nobody awaits it: the unhandled rejection fails the whole test
+        // with the loser's message ("Canvas not visible") before the callers'
+        // retries can recover. Poll the two states sequentially instead.
+        for (let attempt = 1; attempt <= 3; attempt++) {
+            if (await padEntry.isVisible()) {
+                return;
+            }
+            // bpmn-js opens the pad on mouseover, which does not re-fire while the
+            // pointer already rests on the trigger, so park it off-element on retries.
+            if (attempt > 1) {
+                await this.page.mouse.move(0, 0);
+            }
+            for (const target of await this.padHoverTargets(locator, selector)) {
+                const targetVisible = await target
+                    .waitFor({ state: 'visible', timeout: 5000 })
+                    .then(() => true)
+                    .catch(() => false);
+                if (!targetVisible) {
+                    continue;
+                }
+                // force: the append affordance of an element that already has an
+                // outgoing flow is drawn on top of that sequence flow, so the
+                // hit-target check resolves to the connection instead of the trigger.
+                await target.hover({ timeout: 10000, force: true }).catch((error) => {
+                    lastError = error;
+                });
+                const padOpen = await padEntry
+                    .waitFor({ state: 'visible', timeout: 10000 })
+                    .then(() => true)
+                    .catch(() => false);
+                if (padOpen) {
+                    return;
+                }
+            }
         }
+        throw new Error(`Canvas pad entries "${selector}" did not open${lastError ? `: ${lastError}` : ''}`);
     }
     async clickAppendGatewayButton() {
         await this.appendGatewayButton.click({ timeout: 90000 });
@@ -725,15 +800,51 @@ class ModelerCreatePage {
     async fillJobTypeInput(name) {
         await this.jobTypeInput.fill(name);
     }
+    // Carbon renamed a diagram in three steps: click the diagram crumb, click
+    // "Rename" in the menu it opens, then type into the inline input. The Design
+    // System shell has no breadcrumb-diagram hook and drives the whole rename
+    // from enterDiagramName()'s dialog path, so these two steps have nothing to
+    // do there -- skip them instead of timing out on a hook that is gone.
     async clickDiagramBreadcrumb() {
+        if (!(await this.legacyBreadcrumbPresent())) {
+            return;
+        }
         await this.diagramBreadcrumb.click({ timeout: 60000 });
     }
     async clickEditDiagramNameButton() {
+        if (!(await this.legacyBreadcrumbPresent())) {
+            return;
+        }
         await this.renameDiagramNameButton.click();
     }
+    async legacyBreadcrumbPresent() {
+        return this.diagramBreadcrumb
+            .waitFor({ state: 'visible', timeout: 5000 })
+            .then(() => true)
+            .catch(() => false);
+    }
+    // The Carbon editor renames the diagram through an inline editable input. The
+    // Design System editor has none: renaming moved to the breadcrumb's "More
+    // actions" > "Rename" dialog. Use whichever the deployed shell offers.
     async enterDiagramName(name) {
-        await this.diagramNameInput.fill(name, { timeout: 60000 });
-        await this.diagramNameInput.press('Enter', { timeout: 60000 });
+        await this.diagramNameInput
+            .or(this.moreActionsButton)
+            .first()
+            .waitFor({ state: 'visible', timeout: 60000 });
+        if (await this.diagramNameInput.isVisible()) {
+            await this.diagramNameInput.fill(name, { timeout: 60000 });
+            await this.diagramNameInput.press('Enter', { timeout: 60000 });
+            return;
+        }
+        // Two "More actions" buttons render here -- the project crumb's and the
+        // diagram's. first() is the diagram's; the Rename click fails loudly
+        // rather than renaming the wrong entity if that order ever changes.
+        await this.moreActionsButton.first().click();
+        await this.renameMenuItem.click();
+        await (0, test_1.expect)(this.renameInput).toBeVisible({ timeout: 10000 });
+        await this.renameInput.fill(name);
+        await this.renameSubmitButton.click();
+        await (0, test_1.expect)(this.renameInput).toBeHidden({ timeout: 10000 });
     }
     async clickVariableInput() {
         await this.variableInput.click();
@@ -1092,16 +1203,9 @@ class ModelerCreatePage {
         }
     }
     async clickAppendElementButton() {
-        for (let attempt = 1; attempt <= 3; attempt++) {
-            try {
-                await this.hoverOnLocator(this.appendPreButton);
-                return; // Exit loop if successful
-            }
-            catch (error) {
-                if (attempt === 3)
-                    throw error; // Rethrow after 3 failed attempts
-            }
-        }
+        // hoverOnLocator already retries the hover; a second retry layer here only
+        // multiplied the worst-case wait.
+        await this.hoverOnLocator(this.appendPreButton);
     }
     async clickParallelGatewayOption() {
         await this.parallelGatewayOption.click({ timeout: 90000 });

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

@@ -5,6 +5,10 @@ declare class ModelerHomePage {
     readonly modelerPageBanner: Locator;
     readonly createNewProjectButton: Locator;
     readonly projectNameInput: Locator;
+    readonly moreActionsButton: Locator;
+    readonly renameMenuItem: Locator;
+    readonly renameInput: Locator;
+    readonly renameSubmitButton: Locator;
     readonly chooseBpmnTemplateButton: Locator;
     readonly diagramTypeDropdown: Locator;
     readonly bpmnTemplateOption: Locator;
@@ -37,6 +41,7 @@ declare class ModelerHomePage {
     clickBpmnTemplateOption(): Promise<void>;
     clickFormOption(): Promise<void>;
     enterFormName(name: string): Promise<void>;
+    private renameViaMoreActions;
     clickProjectBreadcrumb(): Promise<void>;
     clickOpenOrganizationsButton(): Promise<void>;
     clickManageButton(): Promise<void>;

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

@@ -10,6 +10,10 @@ class ModelerHomePage {
     modelerPageBanner;
     createNewProjectButton;
     projectNameInput;
+    moreActionsButton;
+    renameMenuItem;
+    renameInput;
+    renameSubmitButton;
     chooseBpmnTemplateButton;
     diagramTypeDropdown;
     bpmnTemplateOption;
@@ -31,9 +35,13 @@ class ModelerHomePage {
     modalCloseButton;
     constructor(page) {
         this.page = page;
+        // Matches both Modeler shells -- see NavigationPage.modelerPageBanner for
+        // why the Design System branch excludes the /login href.
         this.modelerPageBanner = page
-            .locator('a')
-            .filter({ hasText: 'Camunda logoModeler' });
+            .getByRole('link', { name: 'Camunda Modeler home' })
+            .and(page.locator(':not([href$="/login"])'))
+            .or(page.locator('a').filter({ hasText: 'Camunda logoModeler' }))
+            .first();
         this.createNewProjectButton = page
             .getByRole('button', {
             name: 'Create new project',
@@ -42,6 +50,10 @@ class ModelerHomePage {
             name: 'New project',
         }));
         this.projectNameInput = page.locator('[data-test="editable-input"]');
+        this.moreActionsButton = page.getByRole('button', { name: 'More actions' });
+        this.renameMenuItem = page.getByRole('menuitem', { name: 'Rename' });
+        this.renameInput = page.locator('[data-test="rename-input"]');
+        this.renameSubmitButton = page.locator('[data-test="rename-submit"]');
         this.chooseBpmnTemplateButton = page.getByRole('button', {
             name: 'Choose BPMN template',
         });
@@ -52,7 +64,17 @@ class ModelerHomePage {
         this.formTemplateOption = page
             .locator('[data-test="create-form"]')
             .getByText('Form');
-        this.projectBreadcrumb = page.locator('[data-test="breadcrumb-project"]');
+        // The Design System shell drops the breadcrumb-project hook. Its context
+        // breadcrumb is org / project / entity, so the project crumb is the second
+        // item -- scoped to the breadcrumb nav, never a bare nth() on the page.
+        this.projectBreadcrumb = page
+            .locator('[data-test="breadcrumb-project"]')
+            .or(page
+            .locator('nav[aria-label="Context navigation"] [data-slot="nav-breadcrumb-item"]')
+            .nth(1)
+            .getByRole('button')
+            .first())
+            .first();
         this.openOrganizationsButton = page.getByLabel('Open Organizations');
         this.manageButton = page.getByRole('button', { name: 'Manage' });
         this.crossComponentProjectFolder = page
@@ -60,7 +82,12 @@ class ModelerHomePage {
             exact: true,
         })
             .first();
-        this.homeBreadcrumb = page.locator('[data-test="breadcrumb-home"]');
+        // The Design System shell drops the breadcrumb-home hook and labels the
+        // same crumb "My organisation".
+        this.homeBreadcrumb = page
+            .locator('[data-test="breadcrumb-home"]')
+            .or(page.getByRole('button', { name: 'My organisation' }))
+            .first();
         this.formNameInput = page.locator('[data-test="editable-input"]');
         this.rows = page.getByRole('row');
         this.licenseKeyTagNonProduction = page
@@ -90,11 +117,24 @@ class ModelerHomePage {
             .catch(() => { });
         await this.createNewProjectButton.click();
     }
+    // The Carbon shell renames a project through an inline editable input on the
+    // project page. The Design System shell renders the name as a plain span and
+    // moved renaming behind "More actions" > "Rename", which opens a dialog. Wait
+    // for whichever affordance the deployed shell offers, then use that one --
+    // both images are still in circulation.
     async enterNewProjectName(name) {
-        await (0, test_1.expect)(this.projectNameInput).toBeVisible({ timeout: 10000 });
-        await this.projectNameInput.click({ timeout: 60000 });
-        await this.projectNameInput.fill(name);
-        await this.projectNameInput.press('Enter');
+        await this.projectNameInput
+            .or(this.moreActionsButton)
+            .first()
+            .waitFor({ state: 'visible', timeout: 30000 });
+        // Inline first: when the Carbon shell renders it, it is the whole flow.
+        if (await this.projectNameInput.isVisible()) {
+            await this.projectNameInput.click({ timeout: 60000 });
+            await this.projectNameInput.fill(name);
+            await this.projectNameInput.press('Enter');
+            return;
+        }
+        await this.renameViaMoreActions(name);
     }
     // Wait for the Modeler project workspace to become interactive. The caller
     // arrives here via goToModeler(), which has already loaded and authenticated
@@ -242,11 +282,32 @@ class ModelerHomePage {
     async clickFormOption() {
         await this.formTemplateOption.click();
     }
+    // Same shell split as enterNewProjectName: the Design System form editor has
+    // no inline editable input and renames through the breadcrumb's "More
+    // actions" > "Rename" dialog.
     async enterFormName(name) {
-        await (0, test_1.expect)(this.formNameInput).toBeVisible({ timeout: 10000 });
-        await this.formNameInput.click({ timeout: 60000 });
-        await this.formNameInput.fill(name);
-        await this.formNameInput.press('Enter');
+        await this.formNameInput
+            .or(this.moreActionsButton)
+            .first()
+            .waitFor({ state: 'visible', timeout: 30000 });
+        if (await this.formNameInput.isVisible()) {
+            await this.formNameInput.click({ timeout: 60000 });
+            await this.formNameInput.fill(name);
+            await this.formNameInput.press('Enter');
+            return;
+        }
+        await this.renameViaMoreActions(name);
+    }
+    // The editors show two "More actions" buttons -- one for the project crumb
+    // and one for the entity being edited. first() is the entity's; the Rename
+    // click fails loudly rather than renaming the wrong thing if that changes.
+    async renameViaMoreActions(name) {
+        await this.moreActionsButton.first().click();
+        await this.renameMenuItem.click();
+        await (0, test_1.expect)(this.renameInput).toBeVisible({ timeout: 10000 });
+        await this.renameInput.fill(name);
+        await this.renameSubmitButton.click();
+        await (0, test_1.expect)(this.renameInput).toBeHidden({ timeout: 10000 });
     }
     async clickProjectBreadcrumb() {
         await this.projectBreadcrumb.click({ timeout: 60000 });

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

@@ -35,6 +35,10 @@ declare class NavigationPage {
         username?: string;
         password?: string;
     }): Promise<void>;
+    goToModelerWithoutAccess({ username, password, }?: {
+        username?: string;
+        password?: string;
+    }): Promise<void>;
     goToKeycloak(maxRetries?: number): Promise<void>;
     goToOCAdmin(sleepTimeout?: number, credentials?: {
         username: string;

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

@@ -35,9 +35,19 @@ class NavigationPage {
             .getByRole('link', { name: 'Camunda logo Operate' })
             .or(page.getByRole('link', { name: 'Camunda Operate', exact: true }))
             .first();
+        // Web Modeler renders the Design System nav shell (NavShellDs) whenever
+        // `design-system-enabled` is on -- its home link is
+        // aria-label="Camunda Modeler home" wrapping an aria-hidden logo, so the
+        // legacy shell's "Camunda logoModeler" text no longer exists. The
+        // unauthenticated shell reuses that aria-label pointing at /login, and
+        // waitForBanner() gates only on visibility, so exclude that href here:
+        // callers use this banner as the logged-in gate.
+        // Match either shell so the banner resolves with the flag on or off.
         this.modelerPageBanner = page
-            .locator('a')
-            .filter({ hasText: 'Camunda logoModeler' });
+            .getByRole('link', { name: 'Camunda Modeler home' })
+            .and(page.locator(':not([href$="/login"])'))
+            .or(page.locator('a').filter({ hasText: 'Camunda logoModeler' }))
+            .first();
         this.tasklistPageBanner = page.getByRole('link', {
             name: 'Camunda logo Tasklist',
         });
@@ -258,6 +268,27 @@ class NavigationPage {
         }
         await new LoginPage_1.LoginPage(this.page).login(username, password);
     }
+    // Same reason as `goToOptimizeWithoutAccess`: a user whose Web Modeler role
+    // was removed never reaches a page carrying the Modeler banner — the OAuth
+    // round trip ends back on the Keycloak authorize URL — so `goTo` burns all 8
+    // attempts (~570s) and throws instead of letting the caller assert the denial.
+    // Navigate and log in only; the caller asserts what the denied page shows.
+    async goToModelerWithoutAccess({ username = IDENTITY_FIRSTUSER_USERNAME, password = IDENTITY_FIRSTUSER_PASSWORD, } = {}) {
+        await this.page.goto(MODELER_CONTEXT_PATH, {
+            timeout: 60000,
+            waitUntil: 'domcontentloaded',
+        });
+        let gatewayReloads = 0;
+        while (gatewayReloads < 8 && (await this.isGatewayErrorPage())) {
+            await (0, sleep_1.sleep)(constants_1._1_SECOND_IN_MS * 5);
+            await this.page.goto(MODELER_CONTEXT_PATH, {
+                timeout: 60000,
+                waitUntil: 'domcontentloaded',
+            });
+            gatewayReloads++;
+        }
+        await new LoginPage_1.LoginPage(this.page).login(username, password);
+    }
     async goToKeycloak(maxRetries = 5) {
         const keycloakUrl = process.env.KEYCLOAK_URL
             ? `${process.env.KEYCLOAK_URL}/auth`

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

@@ -30,9 +30,15 @@ class PlayPage {
     constructor(page) {
         this.page = page;
         this.dialog = page.getByRole('dialog');
+        // Test mode labels this button with a <span class="sr-only">Complete job</span>
+        // rather than an aria-label, so getByLabel cannot see it -- its data-testid
+        // is element-scoped ("<elementId>-Complete job"). getByRole reads the
+        // accessible name, which the sr-only text and the legacy aria-label both
+        // supply, so this resolves on either shell.
         this.completeJobButton = page
             .getByTestId('diagram')
-            .getByLabel('Complete job');
+            .getByRole('button', { name: 'Complete job' })
+            .first();
         // Test mode renamed "scenario" to "test case" across this panel
         // (camunda-hub a90fd06). Each label below accepts both wordings so the
         // page object works either side of the rename.
@@ -42,8 +48,18 @@ class PlayPage {
         this.runAllScenariosButton = page.getByRole('button', {
             name: /^Run all (scenarios|test cases)$/i,
         });
+        // The Design System confirmation is a Radix AlertDialog, so its role is
+        // "alertdialog" -- a distinct ARIA role that getByRole('dialog') does not
+        // match. Accept either role and identify it by its heading rather than an
+        // accessible name, which the DS dialog does not always expose.
         this.confirmDeleteScenarioButton = page
-            .getByRole('dialog', { name: /^Delete (scenario|test case)$/i })
+            .getByRole('alertdialog')
+            .or(page.getByRole('dialog'))
+            .filter({
+            has: page.getByRole('heading', {
+                name: /^Delete (scenario|test case)$/i,
+            }),
+        })
             .getByRole('button', { name: 'Delete', exact: true });
         // After saving a scenario, the Scenarios panel is in detail-view mode.
         // To get back to the list (where "Run all scenarios" lives in
@@ -82,9 +98,14 @@ class PlayPage {
         // non-actionable toasts (see Notification.tsx in @camunda/c4-notifications).
         // Anchor on the accessible role instead of the Carbon CSS class so the
         // locator is resilient to Carbon version bumps.
+        // The Design System toast stack is an <ol> of plain <li> items with no
+        // role="alert" (the only alert role in Test mode belongs to the Copilot
+        // panel), so match the text as well as the legacy alert role.
         this.scenarioSavedToast = page
             .getByRole('alert')
-            .filter({ hasText: /(Scenario|Test case) saved/i });
+            .filter({ hasText: /(Scenario|Test case) saved/i })
+            .or(page.getByText(/(Scenario|Test case) saved/i))
+            .first();
         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.

package/dist/tests/8.8/hto-user-flows.spec.js

@@ -311,10 +311,7 @@ _8_8_1.test.describe('HTO User Flow Tests', () => {
             await (0, expectTextWithPagination_1.expectTextWithPagination)(page, processName + '2');
         });
     });
-    // Temporarily skipped pending fix PR #3144:
-    // https://github.com/camunda/c8-cross-component-e2e-tests/pull/3144
-    // Re-enable in the same change that lands #3144.
-    _8_8_1.test.skip('Zeebe User Task With Priority', async ({ page, homePage, modelerHomePage, appsPage, modelerCreatePage, taskPanelPage, taskDetailsPage, operateHomePage, operateProcessesPage, operateProcessInstancePage, }) => {
+    (0, _8_8_1.test)('Zeebe User Task With Priority', async ({ page, homePage, modelerHomePage, appsPage, modelerCreatePage, taskPanelPage, taskDetailsPage, operateHomePage, operateProcessesPage, operateProcessInstancePage, }) => {
         const randomName = await (0, _setup_1.generateRandomStringAsync)(3);
         const processName = 'Zeebe_User_Task_Process_With_Priority' + randomName;
         const taskName = 'priorityTest' + randomName;

package/dist/tests/8.8/smoke-tests.spec.js

@@ -37,10 +37,7 @@ _8_8_1.test.describe('Smoke Tests', () => {
         await (0, _setup_1.captureScreenshot)(page, testInfo);
         await (0, _setup_1.captureFailureVideo)(page, testInfo);
     });
-    // Temporarily skipped pending fix PR #3144:
-    // https://github.com/camunda/c8-cross-component-e2e-tests/pull/3144
-    // Re-enable in the same change that lands #3144.
-    _8_8_1.test.skip('Most Common Flow User Flow With All Apps', async ({ page, homePage, modelerHomePage, appsPage, modelerCreatePage, formJsPage, }) => {
+    (0, _8_8_1.test)('Most Common Flow User Flow With All Apps', async ({ page, homePage, modelerHomePage, appsPage, modelerCreatePage, formJsPage, }) => {
         _8_8_1.test.slow();
         const randomString = useFixedNames
             ? 'UpgradeTest'

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

@@ -46,10 +46,7 @@ SM_8_10_1.test.describe('HTO User Flow Tests', () => {
             await operateProcessInstancePage.completedIconAssertion();
         });
     });
-    // Temporarily skipped pending fix PR #3144:
-    // https://github.com/camunda/c8-cross-component-e2e-tests/pull/3144
-    // Re-enable in the same change that lands #3144.
-    SM_8_10_1.test.skip('Zeebe User Task With Priority', async ({ page, modelerHomePage, navigationPage, modelerCreatePage, operateHomePage, operateProcessesPage, operateProcessInstancePage, taskDetailsPage, taskPanelPage, }) => {
+    (0, SM_8_10_1.test)('Zeebe User Task With Priority', async ({ page, modelerHomePage, navigationPage, modelerCreatePage, operateHomePage, operateProcessesPage, operateProcessInstancePage, taskDetailsPage, taskPanelPage, }) => {
         SM_8_10_1.test.slow();
         const randomName = await (0, _setup_1.generateRandomStringAsync)(3);
         const processName = 'Zeebe_User_Task_Process_With_Priority' + randomName;

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

@@ -61,7 +61,10 @@ SM_8_10_1.test.describe('Identity User Flow Tests', () => {
             await (0, sleep_1.sleep)(40000);
         });
         await SM_8_10_1.test.step('Ensure Modeler is not Accessible', async () => {
-            await navigationPage.goToModeler(undefined, credentials);
+            // goToModeler asserts the Modeler banner, which is exactly what a user
+            // without the Hub role never gets: it exhausts its 8 login attempts on
+            // the Keycloak authorize URL and throws before this assertion can run.
+            await navigationPage.goToModelerWithoutAccess(credentials);
             await (0, test_1.expect)(modelerHomePage.modelerPageBanner).not.toBeVisible({
                 timeout: 60000,
             });

package/dist/tests/SM-8.10/migration-path-user-flows.spec.js

@@ -115,8 +115,8 @@ if (process.env.IS_MIGRATION === 'true') {
                 'ManagementIdentity',
                 'Optimize',
                 'Orchestration',
-                'Web Modeler',
-                'Web Modeler Admin',
+                'Hub',
+                'Hub Admin',
             ]);
             await managementIdentityPage.clickUsersLink();
             await identityUsersPage.assertUserIsAssignedCorrectRole('bart', [
@@ -124,8 +124,8 @@ if (process.env.IS_MIGRATION === 'true') {
                 'ManagementIdentity',
                 'Optimize',
                 'Orchestration',
-                'Web Modeler',
-                'Web Modeler Admin',
+                'Hub',
+                'Hub Admin',
             ]);
             await managementIdentityPage.clickUsersLink();
             await identityUsersPage.assertUserIsAssignedCorrectRole('lisa', [
@@ -133,8 +133,8 @@ if (process.env.IS_MIGRATION === 'true') {
                 'ManagementIdentity',
                 'Optimize',
                 'Orchestration',
-                'Web Modeler',
-                'Web Modeler Admin',
+                'Hub',
+                'Hub Admin',
             ]);
         });
         (0, SM_8_10_1.test)('Assert Demo User Can Deploy Processes', async ({ page, modelerHomePage, navigationPage, modelerCreatePage, operateHomePage, operateProcessesPage, operateProcessInstancePage, taskDetailsPage, taskPanelPage, }) => {

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

@@ -41,10 +41,7 @@ SM_8_10_1.test.describe('Deploy and run a process in Play', () => {
             await playPage.waitForProcessToBeCompleted();
         });
     });
-    // Temporarily skipped pending fix PR #3144:
-    // https://github.com/camunda/c8-cross-component-e2e-tests/pull/3144
-    // Re-enable in the same change that lands #3144.
-    SM_8_10_1.test.skip('Create,update and delete test scenarios in play', async ({ modelerHomePage, modelerCreatePage, playPage, }) => {
+    (0, SM_8_10_1.test)('Create,update and delete test scenarios in play', async ({ modelerHomePage, modelerCreatePage, playPage, }) => {
         SM_8_10_1.test.slow();
         const randomString = await (0, _setup_1.generateRandomStringAsync)(3);
         const processName = 'Play_Test_Process' + randomString;

package/package.json

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