@camunda/e2e-test-suite 0.0.635 → 0.0.637

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

@@ -30,6 +30,7 @@ declare class AppsPage {
     clickOperate(clusterName: string): Promise<void>;
     clickOptimize(clusterName: string): Promise<void>;
     clickCamundaApps(maxRetries?: number): Promise<void>;
+    private dismissBlockingModal;
     clickConsoleLink(): Promise<void>;
     assertOperatePresent(shouldBeVisible?: boolean): Promise<void>;
     assertTasklistPresent(shouldBeVisible?: boolean): Promise<void>;

package/dist/pages/8.8/AppsPage.js

@@ -68,23 +68,53 @@ class AppsPage {
         await cluster.click();
     }
     async clickModeler() {
-        const maxRetries = 3;
+        const maxRetries = 5;
+        const modelerBanner = this.page.getByRole('banner', {
+            name: 'Camunda Modeler',
+        });
+        const modelerDiagramDropdown = this.page.locator('[data-test="diagram-dropdown"]');
+        // If the click is already done and we are sitting on Modeler, return
+        // immediately — observed in failing runs where the banner role lookup
+        // never resolves because partial app.js 429s prevent the accessible
+        // name from being set, even though the project list rendered.
+        if (this.page.url().includes('modeler.')) {
+            return;
+        }
         for (let retries = 0; retries < maxRetries; retries++) {
             try {
-                if (retries === 0) {
-                    await (0, test_1.expect)(this.modelerLink).toBeVisible({ timeout: 30000 });
-                    await this.modelerLink.click();
-                }
-                else {
-                    await this.clickCamundaApps();
-                    await (0, test_1.expect)(this.modelerLink).toBeVisible({ timeout: 30000 });
-                    await this.modelerLink.click();
-                }
+                await this.clickCamundaApps();
+                await (0, test_1.expect)(this.modelerLink).toBeVisible({ timeout: 30000 });
+                await this.modelerLink.click({ timeout: 30000 });
+                // Primary success signal: the browser actually landed on the
+                // Modeler hostname. Some Modeler renders never expose the banner
+                // accessible name when modeler asset requests get 429-throttled
+                // by SaaS infra, but the URL transition is reliable.
+                await this.page.waitForURL((url) => url.hostname.includes('modeler.'), {
+                    timeout: 90000,
+                });
+                // Best-effort: also wait briefly for the banner or the project
+                // dropdown so the caller's next interaction has a stable DOM.
+                // Tolerate this timing out — the URL is already correct.
+                await Promise.race([
+                    modelerBanner.waitFor({ state: 'visible', timeout: 30000 }),
+                    modelerDiagramDropdown.waitFor({ state: 'visible', timeout: 30000 }),
+                ]).catch(() => { });
                 return;
             }
             catch (error) {
                 console.warn(`Click attempt ${retries + 1} failed: ${error}`);
-                await new Promise((resolve) => setTimeout(resolve, 10000));
+                if (this.page.url().includes('modeler.')) {
+                    // Click registered and navigation actually happened — accept it
+                    // even though banner/dropdown took too long to settle.
+                    return;
+                }
+                if (!this.page.isClosed()) {
+                    await this.page
+                        .waitForLoadState('domcontentloaded', { timeout: 20000 })
+                        .catch(() => { });
+                    await this.page.reload({ waitUntil: 'domcontentloaded' });
+                }
+                await (0, sleep_1.sleep)(5000);
             }
         }
         throw new Error(`Failed to click the modeler link after ${maxRetries} attempts.`);
@@ -272,13 +302,44 @@ class AppsPage {
             this.appSwitcherButton,
         ];
         for (let retries = 0; retries < maxRetries; retries++) {
-            for (const appButton of appButtons) {
-                if (await appButton.isVisible({ timeout: 20000 })) {
-                    await appButton.click({ timeout: 30000 });
-                    return;
+            try {
+                await this.dismissBlockingModal();
+                for (const appButton of appButtons) {
+                    if (await appButton.isVisible({ timeout: 5000 }).catch(() => false)) {
+                        await appButton.click({ timeout: 30000 });
+                        return;
+                    }
                 }
             }
+            catch (error) {
+                console.warn(`Click attempt ${retries + 1} failed while opening app switcher: ${error}`);
+            }
+            await this.dismissBlockingModal();
+            await (0, sleep_1.sleep)(2000);
+        }
+        throw new Error(`Failed to open app switcher after ${maxRetries} attempts.`);
+    }
+    async dismissBlockingModal() {
+        const visibleModal = this.page.locator('.cds--modal.is-visible').first();
+        if (!(await visibleModal.isVisible().catch(() => false))) {
+            return;
         }
+        await this.page.keyboard.press('Escape').catch(() => { });
+        await this.page
+            .getByRole('button', { name: 'Close' })
+            .last()
+            .click({ timeout: 3000, force: true })
+            .catch(() => { });
+        await this.page
+            .getByRole('button', { name: 'Got it - Dismiss' })
+            .last()
+            .click({ timeout: 3000, force: true })
+            .catch(() => { });
+        await this.page
+            .getByRole('button', { name: 'Skip customization' })
+            .last()
+            .click({ timeout: 3000, force: true })
+            .catch(() => { });
     }
     async clickConsoleLink() {
         const maxRetries = 3;

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

@@ -6,6 +6,8 @@ declare class ConnectorMarketplacePage {
     readonly snackbar: Locator;
     readonly closeButton: Locator;
     readonly replaceResourceButton: Locator;
+    readonly addToProjectButton: Locator;
+    readonly saveAsCopyButton: Locator;
     readonly cancelButton: Locator;
     constructor(page: Page);
     clickSearchForConnectorTextbox(): Promise<void>;

package/dist/pages/8.8/ConnectorMarketplacePage.js

@@ -8,6 +8,8 @@ class ConnectorMarketplacePage {
     snackbar;
     closeButton;
     replaceResourceButton;
+    addToProjectButton;
+    saveAsCopyButton;
     cancelButton;
     constructor(page) {
         this.page = page;
@@ -20,6 +22,21 @@ class ConnectorMarketplacePage {
         this.replaceResourceButton = page.getByRole('button', {
             name: 'Replace resource',
         });
+        // Camunda Hub's ImportModal renders one of three primary buttons depending
+        // on state. Source: camunda-hub
+        // frontend/apps/hub/src/components/ImportModal/get-action-buttons-props.js
+        //   - "Add to project"   for a brand-new resource (showPublish)
+        //   - "Replace resource" when a duplicate exists and replace is allowed
+        //   - "Save as copy"     when a duplicate exists but replace is NOT
+        //                        allowed (e.g. an existing project template
+        //                        conflict — user must save the import under a
+        //                        new ID to keep both)
+        this.addToProjectButton = page.getByRole('button', {
+            name: 'Add to project',
+        });
+        this.saveAsCopyButton = page.getByRole('button', {
+            name: 'Save as copy',
+        });
         this.cancelButton = page.getByRole('button', { name: 'Cancel' });
     }
     async clickSearchForConnectorTextbox() {
@@ -42,15 +59,35 @@ class ConnectorMarketplacePage {
     }
     async downloadConnectorToProject() {
         await this.clickDownloadToProjectButton();
-        try {
-            await Promise.race([
-                this.replaceResourceButton.click({ timeout: 20000 }),
-                this.cancelButton.click({ timeout: 20000 }),
-            ]);
-        }
-        catch (e) {
+        // After "Download to project", the Hub ImportModal opens. Per
+        // camunda-hub
+        // frontend/apps/hub/src/components/ImportModal/get-action-buttons-props.js
+        // the primary button is one of:
+        //   - "Add to project"   fresh import — we want to confirm
+        //   - "Replace resource" duplicate exists, replace allowed
+        //   - "Save as copy"     duplicate exists, replace NOT allowed
+        //
+        // Strategy:
+        //   - If "Add to project" is visible, click it: the connector wasn't
+        //     in the project, this commits the fresh import.
+        //   - Otherwise the connector is already in the project (conflict).
+        //     Cancel the modal: Save as copy would create a duplicate under a
+        //     different name (and the test then can't find "Worldwide Public
+        //     Holiday"), and Replace risks other tests' state. The connector
+        //     already exists — clickPublicHolidayConnectorOption just needs
+        //     to find it in the change-element popup, which it does via a
+        //     state reset.
+        if (await this.addToProjectButton
+            .isVisible({ timeout: 20000 })
+            .catch(() => false)) {
+            await this.addToProjectButton.click({ timeout: 30000 });
             return;
         }
+        if (await this.cancelButton.isVisible({ timeout: 5000 }).catch(() => false)) {
+            await this.cancelButton.click({ timeout: 30000 });
+        }
+        // If neither button is visible the import dialog never opened; nothing
+        // to dismiss and downstream state-reset will recover.
     }
 }
 exports.ConnectorMarketplacePage = ConnectorMarketplacePage;

package/dist/pages/8.8/ConsoleOrganizationPage.js

@@ -266,9 +266,17 @@ class ConsoleOrganizationPage {
             }
         }
         //Enable Alpha Feature
-        const toggleText = await alphaFeature
-            .locator('[class= "cds--toggle__text"]')
-            .textContent();
+        const toggleTextLocator = alphaFeature.locator('[class= "cds--toggle__text"]');
+        await (0, expectLocatorWithRetry_1.expectLocatorWithRetry)(this.page, toggleTextLocator, {
+            visibilityTimeout: 15000,
+            totalTimeout: 90000,
+            maxRetries: 3,
+            postAction: async () => {
+                await this.page.reload();
+                await this.clickSettingsTab();
+            },
+        });
+        const toggleText = await toggleTextLocator.textContent();
         console.info(`Previous feature(${name}) setting is ${toggleText}.`);
         if (toggleText == 'Enabled') {
             console.log(`Feature ${name} is already enabled.`);

package/dist/pages/8.8/HomePage.js

@@ -74,7 +74,13 @@ class HomePage {
             if (!(await next.isVisible({ timeout: visibleTimeout }))) {
                 return;
             }
-            await next.click({ timeout: 30000, force: true });
+            try {
+                await next.click({ timeout: 30000, force: true });
+            }
+            catch {
+                // Dialogs are often re-rendered during fade animations; if the current
+                // close button becomes stale or hidden, continue and try the latest one.
+            }
         }
     }
     organizationUuid() {
@@ -89,20 +95,15 @@ class HomePage {
         await this.openOrganizationButton.click({ timeout: 60000 });
     }
     async clickSkipCustomization() {
-        try {
-            await (0, test_1.expect)(this.gettingStartedHeading).toBeVisible({
-                timeout: 20000,
-            });
-            await (0, test_1.expect)(this.buttonSkipCustomization).toBeVisible({
-                timeout: 20000,
-            });
-            await this.buttonSkipCustomization.click();
-            await this.closeInformationDialog();
-            return;
-        }
-        catch (error) {
-            console.error(error);
+        // The onboarding modal is not consistently shown for every session; this
+        // step must remain non-blocking for the rest of test setup.
+        const hasCustomizationModal = await this.buttonSkipCustomization
+            .isVisible({ timeout: 20000 })
+            .catch(() => false);
+        if (hasCustomizationModal) {
+            await this.buttonSkipCustomization.click({ timeout: 30000, force: true });
         }
+        await this.closeInformationDialog();
     }
 }
 exports.HomePage = HomePage;

package/dist/pages/8.8/LoginPage.js

@@ -17,7 +17,10 @@ class LoginPage {
         this.usernameInput = page
             .getByLabel('Email address')
             .and(page.locator(':not([id="c4-invite-email"])'));
-        this.passwordInput = page.getByLabel('Password *');
+        this.passwordInput = page
+            .getByLabel(/^Password\s*\*?$/i)
+            .or(page.locator('input[type="password"]'))
+            .first();
         this.continueButton = page.getByRole('button', {
             name: 'Continue',
             exact: true,
@@ -75,9 +78,23 @@ class LoginPage {
                 await this.page.waitForLoadState('domcontentloaded', { timeout: 30000 });
             }
         }
-        await (0, test_1.expect)(this.usernameInput).toBeVisible({ timeout: 120000 });
-        await this.fillUsername(username);
-        await this.clickContinueButton();
+        const onPasswordStep = await this.passwordHeading
+            .isVisible({ timeout: 5000 })
+            .catch(() => false);
+        if (!onPasswordStep) {
+            // After logout the page can stall on a blank/intermediate Console
+            // state and never redirect to Auth0. Wait a shorter window first and
+            // reload once if the email field still isn't there.
+            try {
+                await (0, test_1.expect)(this.usernameInput).toBeVisible({ timeout: 60000 });
+            }
+            catch {
+                await this.page.reload();
+                await (0, test_1.expect)(this.usernameInput).toBeVisible({ timeout: 120000 });
+            }
+            await this.fillUsername(username);
+            await this.clickContinueButton();
+        }
         await this.fillPassword(password);
         await (0, test_1.expect)(this.loginButton).toBeVisible({ timeout: 120000 });
         await this.clickLoginButton();

package/dist/pages/8.8/ModelerCreatePage.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ModelerCreatePage = void 0;
 const test_1 = require("@playwright/test");
 const sleep_1 = require("../../utils/sleep");
-const ConnectorMarketplacePage_1 = require("./ConnectorMarketplacePage");
 const clickLocatorWithRetry_1 = require("../../utils/assertionHelpers/clickLocatorWithRetry");
 class ModelerCreatePage {
     page;
@@ -187,9 +186,17 @@ class ModelerCreatePage {
         this.secondPlacedElement = page.locator('g:nth-child(2) > .djs-element > .djs-hit');
         this.payloadInput = page.locator('[class="fjs-input"]');
         this.marketPlaceButton = page.getByTitle('Browse Marketplace for more Connectors');
-        this.publicHolidayConnectorOption = page
-            .locator('[data-test="modeler"]')
-            .getByText('Worldwide Public Holiday');
+        // Match the listitem rendered by bpmn-js's change-element popup. The
+        // previous getByText-inside-[data-test="modeler"] resolver finds the
+        // text node anywhere in the modeler, including off-screen positions in
+        // the virtualized list — which never satisfies toBeVisible. Targeting
+        // the listitem by accessible name mirrors the SM-8.8 pattern
+        // (pages/SM-8.8/ModelerCreatePage.ts:165) and works whether the
+        // connector is at the top of the list or filtered via search.
+        this.publicHolidayConnectorOption = page.getByRole('listitem', {
+            name: 'Worldwide Public Holiday',
+            exact: false,
+        });
         this.publicHolidayYearOption = page.getByLabel('Year');
         this.publicHolidayCountryCodeOption = page.getByLabel('Countrycode');
         this.implementationSection = page.locator('[data-group-id="group-userTaskImplementation"]');
@@ -777,33 +784,77 @@ class ModelerCreatePage {
         throw new Error(`Failed to click the button after ${maxRetries} attempts.`);
     }
     async clickPublicHolidayConnectorOption() {
+        // Port of the 8.7 state-reset approach
+        // (pages/8.7/ModelerCreatePage.ts). After the test's marketplace flow
+        // completes, the connector is on the project (whether freshly added or
+        // already there from a prior run) but the modeler may be in any of
+        // several states: change-element popup closed, residual import modal
+        // up, virtualized list with the connector off-screen. Instead of
+        // trying to manage those states, dismiss any overlay, reload the page,
+        // then re-open the change-element popup from a clean state. The
+        // downloaded connector persists across reloads (server-side project
+        // state). Filter the popup so the listitem comes into view —
+        // `.djs-popup-search input` is the popup's own search, same selector
+        // the camunda-hub e2e tests use under
+        // e2e/cypress/e2e/bpmn/browse-market-place/.
         const maxRetries = 4;
+        const setupModelerState = async () => {
+            const onModeler = await this.page
+                .locator('[data-test="modeler"]')
+                .waitFor({ state: 'visible', timeout: 5000 })
+                .then(() => true)
+                .catch(() => false);
+            if (!onModeler) {
+                await this.page.keyboard.press('Escape');
+                await this.page.waitForTimeout(2000);
+                const afterEscape = await this.page
+                    .locator('[data-test="modeler"]')
+                    .waitFor({ state: 'visible', timeout: 3000 })
+                    .then(() => true)
+                    .catch(() => false);
+                if (!afterEscape) {
+                    await this.page.goBack();
+                    await this.page.waitForTimeout(5000);
+                }
+                await this.page.reload();
+                await this.page.waitForTimeout(5000);
+            }
+            await this.clickCanvas();
+            await this.secondElement.click({ timeout: 60000 });
+            await this.clickChangeTypeButton();
+            // Wait for the change-element popup to be fully loaded.
+            await (0, test_1.expect)(this.marketPlaceButton).toBeVisible({ timeout: 60000 });
+            // Filter the change-element popup so the connector listitem comes
+            // into the rendered slice of the virtualized list.
+            const changeElementSearch = this.page.locator('.djs-popup-search input');
+            if (await changeElementSearch.isVisible({ timeout: 5000 }).catch(() => false)) {
+                await changeElementSearch.fill('Worldwide Public Holiday');
+            }
+        };
         for (let retries = 0; retries < maxRetries; retries++) {
             try {
-                if (retries <= 2) {
-                    await this.publicHolidayConnectorOption.click({ timeout: 60000 });
-                }
-                else {
-                    await this.clickMarketPlaceButton();
-                    const connectorMarketplacePage = new ConnectorMarketplacePage_1.ConnectorMarketplacePage(this.page);
-                    await connectorMarketplacePage.clickSearchForConnectorTextbox();
-                    await connectorMarketplacePage.fillSearchForConnectorTextbox('Worldwide Public Holiday');
-                    await (0, sleep_1.sleep)(10000);
-                    await connectorMarketplacePage.downloadConnectorToProject();
-                    await this.publicHolidayConnectorOption.click({ timeout: 120000 });
-                }
+                await setupModelerState();
+                await this.publicHolidayConnectorOption.click({ timeout: 120000 });
                 return;
             }
             catch (error) {
                 console.error(`Click attempt ${retries + 1} failed: ${error}`);
+                if (retries >= maxRetries - 1)
+                    break;
+                const onModeler = await this.page
+                    .locator('[data-test="modeler"]')
+                    .waitFor({ state: 'visible', timeout: 3000 })
+                    .then(() => true)
+                    .catch(() => false);
+                if (!onModeler) {
+                    await this.page.goBack();
+                    await this.page.waitForTimeout(3000);
+                }
                 await this.page.reload();
-                await new Promise((resolve) => setTimeout(resolve, 10000));
-                await this.clickCanvas();
-                await this.secondElement.click({ timeout: 60000 });
-                await this.clickChangeTypeButton();
+                await this.page.waitForTimeout(5000);
             }
         }
-        throw new Error(`Failed to click the button after ${maxRetries} attempts.`);
+        throw new Error(`Failed to click the public holiday connector after ${maxRetries} attempts.`);
     }
     async clickPublicHolidayYearOption() {
         await this.publicHolidayYearOption.click({ timeout: 60000 });

package/dist/pages/8.8/ModelerHomePage.js

@@ -103,9 +103,28 @@ class ModelerHomePage {
         });
     }
     async enterNewProjectName(name) {
-        await this.projectNameInput.click({ timeout: 60000 });
-        await this.projectNameInput.fill(name);
-        await this.projectNameInput.press('Enter');
+        for (let attempt = 0; attempt < 3; attempt++) {
+            try {
+                await (0, test_1.expect)(this.projectNameInput.first()).toBeVisible({
+                    timeout: 90000,
+                });
+                await this.projectNameInput
+                    .first()
+                    .click({ timeout: 60000, force: true });
+                await this.projectNameInput.first().fill(name);
+                await this.projectNameInput.first().press('Enter');
+                return;
+            }
+            catch (error) {
+                if (attempt >= 2) {
+                    throw error;
+                }
+                await this.dismissOverlays();
+                await this.page.reload({ waitUntil: 'domcontentloaded' });
+                await this.page.waitForLoadState('domcontentloaded');
+                await this.clickCreateNewProjectButton();
+            }
+        }
     }
     async enterIdpApplicationName(name) {
         await this.idpApplicationNameInput.click({ timeout: 60000 });
@@ -131,10 +150,24 @@ class ModelerHomePage {
         await process.click();
     }
     async clickDiagramTypeDropdown() {
-        await (0, test_1.expect)(this.diagramTypeDropdown).toBeVisible({
-            timeout: 30000,
-        });
-        await this.diagramTypeDropdown.click({ timeout: 30000 });
+        for (let attempt = 0; attempt < 4; attempt++) {
+            try {
+                await this.dismissOverlays();
+                await (0, test_1.expect)(this.diagramTypeDropdown).toBeVisible({
+                    timeout: 45000,
+                });
+                await this.diagramTypeDropdown.click({ timeout: 30000 });
+                return;
+            }
+            catch (error) {
+                if (attempt >= 3) {
+                    throw error;
+                }
+                await this.page.reload({ waitUntil: 'domcontentloaded' });
+                await this.page.waitForLoadState('domcontentloaded');
+                await this.clickCrossComponentProjectFolder();
+            }
+        }
     }
     async clickBpmnTemplateOption() {
         await this.bpmnTemplateOption.click({ timeout: 120000 });
@@ -143,8 +176,9 @@ class ModelerHomePage {
         await this.formTemplateOption.click();
     }
     async enterFormName(name) {
-        await this.formNameInput.click({ timeout: 60000 });
-        await this.formNameInput.fill(name);
+        await (0, test_1.expect)(this.formNameInput).toBeVisible({ timeout: 120000 });
+        await this.formNameInput.click({ timeout: 60000, force: true });
+        await this.formNameInput.fill(name, { timeout: 60000 });
         await this.formNameInput.press('Enter');
     }
     async clickProjectBreadcrumb() {
@@ -166,10 +200,23 @@ class ModelerHomePage {
         await this.openOrganizationsButton.click({ timeout: 30000 });
     }
     async createForm(formName) {
-        await this.clickDiagramTypeDropdown();
-        await this.clickFormOption();
-        await this.enterFormName(formName);
-        await (0, sleep_1.sleep)(10000);
+        const maxRetries = 3;
+        for (let attempt = 0; attempt < maxRetries; attempt++) {
+            try {
+                await this.clickDiagramTypeDropdown();
+                await this.clickFormOption();
+                await this.enterFormName(formName);
+                await (0, sleep_1.sleep)(10000);
+                return;
+            }
+            catch (error) {
+                if (attempt >= maxRetries - 1) {
+                    throw error;
+                }
+                await this.page.reload({ waitUntil: 'domcontentloaded' });
+                await this.clickCrossComponentProjectFolder();
+            }
+        }
     }
     async clickCreateIdpApplicationButton() {
         await this.createIdpApplicationButton.click();

package/dist/pages/8.8/OCIdentityRolesPage.js

@@ -120,7 +120,16 @@ class OCIdentityRolesPage {
         await (0, test_1.expect)(this.assignUserModal).toBeVisible({ timeout: 30000 });
         await this.assignUserModalInputField.fill(email);
         await this.assignUserModalAssignButton.click({ timeout: 30000 });
-        await (0, test_1.expect)(this.assignUserModal).not.toBeVisible({ timeout: 30000 });
+        try {
+            await (0, test_1.expect)(this.assignUserModal).not.toBeVisible({ timeout: 30000 });
+        }
+        catch {
+            // The Assign click occasionally lands while the modal is mid-render
+            // and the submission is silently dropped — the modal stays open with
+            // no error surfaced. Re-click Assign once before failing the test.
+            await this.assignUserModalAssignButton.click({ timeout: 30000 });
+            await (0, test_1.expect)(this.assignUserModal).not.toBeVisible({ timeout: 30000 });
+        }
     }
     async createRole(role) {
         await (0, test_1.expect)(this.createRoleButton).toBeVisible({ timeout: 30000 });

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

@@ -2,6 +2,9 @@ import { Page, Locator } from '@playwright/test';
 declare class PlayPage {
     private page;
     readonly completeJobButton: Locator;
+    readonly configureTestPanel: Locator;
+    readonly configureTestPanelStartButton: Locator;
+    readonly startInstanceOverlayButton: Locator;
     constructor(page: Page);
     waitForCompleteJobButtonToBeAvailable(): Promise<void>;
     clickCompleteJobButton(): Promise<void>;

package/dist/pages/8.8/PlayPage.js

@@ -2,15 +2,35 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PlayPage = void 0;
 const test_1 = require("@playwright/test");
+const clickLocatorWithRetry_1 = require("../../utils/assertionHelpers/clickLocatorWithRetry");
 const maxWaitTimeSeconds = 120000;
 class PlayPage {
     page;
     completeJobButton;
+    configureTestPanel;
+    configureTestPanelStartButton;
+    startInstanceOverlayButton;
     constructor(page) {
         this.page = page;
         this.completeJobButton = page
             .getByTestId('diagram')
             .getByLabel('Complete job');
+        // Newer Modeler Play UI: the "Configure Scenario" floating card hosts a
+        // primary "Start" Carbon button (variants: "Start", "Start with
+        // variables", "Start with a form"). Source:
+        // camunda-hub frontend/packages/modeler/play/src/Definition/
+        //   ConfigureTestPanel/index.tsx — renders <FloatingCard
+        //   data-testid="configure-test-panel"> with a <Button> whose visible
+        //   text starts with "Start".
+        this.configureTestPanel = page.getByTestId('configure-test-panel');
+        this.configureTestPanelStartButton = this.configureTestPanel.getByRole('button', { name: /^Start( with .*)?$/, exact: false });
+        // Legacy bpmn-js canvas overlay button (still emitted by older Modeler
+        // builds, also relabeled with cached/example-data suffixes). Kept as a
+        // fallback for environments that haven't shipped the ConfigureTestPanel
+        // yet.
+        this.startInstanceOverlayButton = page
+            .getByTestId('diagram')
+            .getByLabel('Start instance', { exact: false });
     }
     async waitForCompleteJobButtonToBeAvailable() {
         await (0, test_1.expect)(this.completeJobButton).toBeVisible({
@@ -21,17 +41,31 @@ class PlayPage {
         await this.completeJobButton.click();
     }
     async clickStartInstanceButton() {
-        await this.page
-            .getByTestId('diagram')
-            .getByLabel('Start instance', { exact: true })
-            .click();
+        const startTrigger = this.configureTestPanelStartButton
+            .or(this.startInstanceOverlayButton)
+            .first();
+        await (0, clickLocatorWithRetry_1.clickLocatorWithRetry)(this.page, startTrigger, {
+            totalTimeout: 240000,
+            visibilityTimeout: 60000,
+            maxRetries: 8,
+            retryDelayMs: 5000,
+        });
     }
     async dismissStartModal() {
-        await this.page
-            .getByRole('button', {
-            name: 'Start a process instance',
-        })
-            .click();
+        // The intro dialog cycles labels across Modeler versions/states.
+        const buttonVariations = [
+            'Start a process instance',
+            'Start another instance',
+            'Start new instance',
+            'Start instance',
+        ];
+        for (const buttonName of buttonVariations) {
+            const button = this.page.getByRole('button', { name: buttonName });
+            if ((await button.count()) > 0) {
+                await button.first().click();
+                return;
+            }
+        }
     }
     async waitForInstanceDetailsToBeLoaded() {
         const maxRetries = 2;

package/dist/pages/8.8/UtilitiesPage.js

@@ -33,21 +33,45 @@ async function forceLogoutIfNeeded(page) {
 }
 exports.forceLogoutIfNeeded = forceLogoutIfNeeded;
 async function loginWithRetry(page, loginPage, testUser, timeout, maxRetries = 3) {
+    let lastError;
     for (let attempt = 0; attempt < maxRetries; attempt++) {
         try {
-            await page.goto('/');
+            await page.context().clearCookies();
+            await page.goto('about:blank');
+            await page
+                .evaluate(() => {
+                try {
+                    localStorage.clear();
+                }
+                catch (_) {
+                    // storage may be unavailable in some contexts
+                }
+                try {
+                    sessionStorage.clear();
+                }
+                catch (_) {
+                    // storage may be unavailable in some contexts
+                }
+            })
+                .catch(() => { });
+            await page.goto('/', { waitUntil: 'domcontentloaded', timeout: 60000 });
+            await page
+                .waitForLoadState('networkidle', { timeout: 30000 })
+                .catch(() => { });
             await (0, sleep_1.sleep)(timeout);
+            await (0, test_1.expect)(loginPage.loginMessage.or(loginPage.passwordHeading)).toBeVisible({ timeout: 60000 });
             await loginPage.loginWithTestUser(testUser);
             return;
         }
         catch (error) {
+            lastError = error;
             if (attempt < maxRetries - 1) {
-                console.warn(`Attempt ${attempt + 1} failed for logging in. Retrying...`);
+                console.warn(`Attempt ${attempt + 1} failed for logging in. Retrying with clean session...`);
                 await (0, randomSleep_1.randomSleep)(10000, 20000);
             }
             else {
-                console.error(error);
-                throw new Error(`Login failed after ${maxRetries} attempts`);
+                console.error(lastError);
+                throw new Error(`Login failed after ${maxRetries} attempts: ${String(lastError)}`);
             }
         }
     }

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

@@ -4,6 +4,7 @@ exports.ModelerHomePage = void 0;
 const test_1 = require("@playwright/test");
 const sleep_1 = require("../../utils/sleep");
 const expectLocatorWithRetry_1 = require("../../utils/assertionHelpers/expectLocatorWithRetry");
+const LoginPage_1 = require("./LoginPage");
 class ModelerHomePage {
     page;
     defaultFolderName = 'Cross Component Test Project';
@@ -143,6 +144,16 @@ class ModelerHomePage {
                     console.log(`Attempt ${attempts} failed. Reloading page and retrying...`);
                     await this.page.reload();
                     await (0, sleep_1.sleep)(10000);
+                    // A reload can bounce the Modeler SPA back to the Identity login
+                    // screen (the session is re-validated on reload). When that happens
+                    // the project folder can never appear, so re-authenticate before the
+                    // next attempt instead of looping uselessly against the login page.
+                    const loginPage = new LoginPage_1.LoginPage(this.page);
+                    if (await loginPage.usernameInput.isVisible().catch(() => false)) {
+                        await loginPage.login('demo', process.env.DISTRO_QA_E2E_TESTS_IDENTITY_FIRSTUSER_PASSWORD ??
+                            'demo');
+                        await this.page.waitForLoadState('load').catch(() => { });
+                    }
                 }
                 else {
                     throw new Error('Failed to click crossComponentProjectFolder after 3 attempts.');

package/package.json

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