@camunda/e2e-test-suite 0.0.1249 → 0.0.1250

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

@@ -15,8 +15,12 @@ declare class AppsPage {
     readonly consoleLink: Locator;
     readonly camundaComponentsButton: Locator;
     readonly camundaAppsButton: Locator;
+    readonly hubSidebar: Locator;
     constructor(page: Page);
     clickCluster(component: Locator, name: string): Promise<void>;
+    private expandHubClusterGroup;
+    private clickHubClusterApp;
+    isHubClusterAppPresent(clusterName: string, appName: string): Promise<boolean>;
     clickModeler(): Promise<void>;
     clickTasklist(clusterName: string): Promise<void>;
     private doClickClusterInOperate;
@@ -26,8 +30,8 @@ declare class AppsPage {
     clickOptimize(clusterName: string): Promise<void>;
     clickCamundaApps(maxRetries?: number): Promise<void>;
     clickConsoleLink(): Promise<void>;
-    assertOperatePresent(shouldBeVisible?: boolean): Promise<void>;
-    assertTasklistPresent(shouldBeVisible?: boolean): Promise<void>;
-    assertOptimizePresent(shouldBeVisible?: boolean): Promise<void>;
+    assertOperatePresent(clusterName: string, shouldBeVisible?: boolean): Promise<void>;
+    assertTasklistPresent(clusterName: string, shouldBeVisible?: boolean): Promise<void>;
+    assertOptimizePresent(clusterName: string, shouldBeVisible?: boolean): Promise<void>;
 }
 export { AppsPage };

package/dist/pages/8.7/AppsPage.js

@@ -3,6 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AppsPage = void 0;
 const test_1 = require("@playwright/test");
 const sleep_1 = require("../../utils/sleep");
+function escapeRegExp(value) {
+    return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
+function isHubUrl(url) {
+    return new URL(url).hostname.startsWith('hub.');
+}
 class AppsPage {
     page;
     modelerLink;
@@ -19,12 +25,17 @@ class AppsPage {
     consoleLink;
     camundaComponentsButton;
     camundaAppsButton;
+    hubSidebar;
     constructor(page) {
         this.page = page;
         this.modelerLink = page
             .getByRole('link', { name: 'Modeler', exact: true })
             .or(page.getByLabel('App Panel').getByLabel('Camunda Modeler'))
             .first();
+        // Camunda Hub's persistent "Main navigation" sidebar lists each cluster
+        // with its own apps (Operate/Tasklist/Optimize/...) as child links --
+        // there is no per-app switcher panel to open on Hub (see clickCamundaApps).
+        this.hubSidebar = page.getByRole('navigation', { name: 'Main navigation' });
         this.appSwitcherButton = page.getByLabel('App Switcher');
         this.tasklistLink = page.getByRole('link', { name: 'Tasklist', exact: true });
         this.operateLink = page.getByRole('link', { name: 'Operate', exact: true });
@@ -59,7 +70,130 @@ class AppsPage {
         await (0, test_1.expect)(cluster).toBeVisible({ timeout: 30000 });
         await cluster.click();
     }
+    // Camunda Hub's sidebar groups by cluster, not by app: each cluster has its
+    // own row with per-app child links (Operate/Tasklist/Optimize/...), the
+    // opposite axis from the old Console app-switcher (which grouped by app,
+    // with a cluster picked underneath it -- see doClickClusterInOperate and
+    // friends below). Expand the cluster's row if its children aren't already
+    // showing, then click the named app link inside it.
+    // Expands the requested cluster's Hub sidebar group and collapses every
+    // other expanded group, so a caller resolving an app link sidebar-wide
+    // (see clickHubClusterApp and isHubClusterAppPresent below) gets at most
+    // one match, scoped to this cluster.
+    async expandHubClusterGroup(clusterName) {
+        // camunda-hub's own nav-shell-ds.spec.saas.tsx documents the actual
+        // shape: "the design system splits the group row into a label control
+        // and a chevron control, both labelled by the cluster name; either one
+        // opens it" -- there is no separate "Toggle <name>" control, and the
+        // child links do not exist in the DOM at all until expanded (not merely
+        // hidden), nor are they nested under any container matchable by cluster
+        // name once expanded. So: find the toggle by the cluster's own name
+        // (`.first()` because both controls share that name), click it, then
+        // look up the app link sidebar-wide rather than scoped to a "group"
+        // container that doesn't reliably exist.
+        // Check THIS cluster's own toggle state, not "is any app link with this
+        // name visible anywhere in the sidebar" -- with more than one cluster in
+        // the org, a DIFFERENT cluster's group can already be expanded (left over
+        // from an earlier action on the same page), and that cluster's own
+        // Operate/Tasklist/Optimize link would satisfy an unscoped visibility
+        // check, skipping expansion of the requested cluster entirely and then
+        // clicking the wrong cluster's link. The child links are not nested under
+        // any container matchable by cluster name once expanded (confirmed
+        // against camunda-hub's own nav-shell-ds.spec.saas.tsx), so the toggle's
+        // own aria-expanded is the only reliable per-cluster signal available.
+        const toggle = this.hubSidebar
+            .getByRole('button', { name: clusterName, exact: true })
+            .first();
+        const alreadyExpanded = (await toggle.getAttribute('aria-expanded').catch(() => null)) === 'true';
+        if (!alreadyExpanded) {
+            // This is the only expansion action in the Hub path -- swallowing its
+            // failure made a broken expansion look successful and left the caller
+            // to burn the full 30s below waiting on an app link that could never
+            // appear, hiding the actionable error (e.g. a toggle that doesn't
+            // exist or isn't clickable) behind an unrelated timeout.
+            await toggle.click({ timeout: 10000 });
+        }
+        // An app link resolved after this is sidebar-wide (see callers below), so
+        // if an EARLIER call in the same test left a different cluster's group
+        // expanded too, two "Operate" (say) links now exist and that becomes a
+        // strict-mode violation. Collapse every other expanded group before
+        // resolving it -- there is no container to scope the link to instead,
+        // since the child links aren't nested under anything matchable by
+        // cluster name once expanded.
+        // hasNotText filters DOM text content, not the accessible name -- the
+        // expanded chevron can be labelled via aria-label with no text content
+        // of its own, in which case hasNotText would fail to exclude the toggle
+        // we just expanded and this loop would immediately collapse it again.
+        // Match by accessible name (same algorithm getByRole's own name option
+        // uses) instead, excluding an exact match on clusterName.
+        const otherExpandedToggles = this.hubSidebar.getByRole('button', {
+            expanded: true,
+            name: new RegExp(`^(?!${escapeRegExp(clusterName)}$).+$`),
+        });
+        for (let i = 0; i < 5 && (await otherExpandedToggles.count()) > 0; i++) {
+            // Let a failed collapse throw rather than swallowing it: the app link
+            // is intentionally sidebar-wide, so a group left expanded here produces
+            // a strict-mode violation (or the wrong cluster's link) below anyway --
+            // failing at the actual cause is more useful than at that symptom.
+            await otherExpandedToggles.first().click({ timeout: 10000 });
+        }
+    }
+    async clickHubClusterApp(clusterName, appName) {
+        await this.expandHubClusterGroup(clusterName);
+        // Not exact: camunda-hub's own nav-shell-ds.spec.saas.tsx asserts this same
+        // link with a substring/regex match (`{name: /Operate/}`), not an exact
+        // string -- and CI traces confirm why: even after the toggle click
+        // succeeds (no error thrown), an exact-match lookup here still times out
+        // with "element(s) not found", meaning the rendered link's accessible
+        // name is not byte-for-byte "Operate"/"Tasklist"/"Optimize" (likely
+        // additional content from the design-system sidebar item, e.g. an icon
+        // or badge). The five app names are distinct enough that a substring
+        // match carries no ambiguity risk.
+        const appLink = this.hubSidebar.getByRole('link', {
+            name: appName,
+        });
+        await (0, test_1.expect)(appLink).toBeVisible({ timeout: 30000 });
+        await appLink.click({ timeout: 10000 });
+    }
+    // Checks whether an app link is present inside the requested cluster's Hub
+    // sidebar group, without clicking it. Unlike clickHubClusterApp, absence is
+    // an expected, valid outcome here -- this is how callers assert per-cluster
+    // app authorization (e.g. an Analyst-role user should not see Operate),
+    // which on Hub renders as the link never appearing in the expanded group
+    // rather than a disabled control -- so this never throws on a miss.
+    async isHubClusterAppPresent(clusterName, appName) {
+        await this.expandHubClusterGroup(clusterName);
+        const appLink = this.hubSidebar.getByRole('link', { name: appName });
+        return appLink.isVisible({ timeout: 10000 }).catch(() => false);
+    }
     async clickModeler() {
+        // Camunda Hub (hub.*) replaced Console + Web Modeler on SaaS and has no
+        // app switcher. Its home is the Modeler/Workspaces home, but a hostname
+        // check alone can't tell whether we're already there -- Hub's cluster
+        // pages are on the same hub.* hostname, and a no-op here would leave a
+        // caller like console-user-flows.spec.ts (which reaches clickModeler()
+        // from a cluster page) stranded with the next locator running against
+        // the wrong page. Navigate home through the header logo link instead,
+        // same as ModelerHomePage.clickHomeBreadcrumb -- clicking it when
+        // already on the Modeler home is a harmless in-SPA no-op.
+        if (new URL(this.page.url()).hostname.startsWith('hub.')) {
+            const header = this.page.locator('header[data-slot="app-header"]');
+            // The href stays literally "/login" until the client's auth state
+            // catches up just after login (camunda-hub NavShellDs.common.tsx) --
+            // clicking it in that window would log the test out instead of
+            // navigating home, so exclude that href and wait for the authenticated
+            // one rather than racing it.
+            const homeLink = header
+                .getByRole('link', { name: 'Camunda Modeler home' })
+                .and(this.page.locator(':not([href$="/login"])'))
+                .or(header
+                .getByRole('link', { name: 'Camunda Hub home' })
+                .and(this.page.locator(':not([href$="/login"])')))
+                .first();
+            await (0, test_1.expect)(homeLink).toBeVisible({ timeout: 30000 });
+            await homeLink.click({ timeout: 30000 });
+            return;
+        }
         const maxRetries = 5;
         for (let retries = 0; retries < maxRetries; retries++) {
             try {
@@ -82,6 +216,10 @@ class AppsPage {
         throw new Error(`Failed to click the modeler link after ${maxRetries} attempts.`);
     }
     async clickTasklist(clusterName) {
+        if (new URL(this.page.url()).hostname.startsWith('hub.')) {
+            await this.clickHubClusterApp(clusterName, 'Tasklist');
+            return;
+        }
         const maxRetries = 5;
         for (let retries = 0; retries < maxRetries; retries++) {
             try {
@@ -148,6 +286,10 @@ class AppsPage {
         await this.clickCluster(this.optimizeListItem, clusterName);
     }
     async clickOperate(clusterName) {
+        if (new URL(this.page.url()).hostname.startsWith('hub.')) {
+            await this.clickHubClusterApp(clusterName, 'Operate');
+            return;
+        }
         const maxRetries = 5;
         for (let retries = 0; retries < maxRetries; retries++) {
             try {
@@ -184,6 +326,10 @@ class AppsPage {
         throw new Error(`Failed to click the operate link after ${maxRetries} attempts.`);
     }
     async clickOptimize(clusterName) {
+        if (new URL(this.page.url()).hostname.startsWith('hub.')) {
+            await this.clickHubClusterApp(clusterName, 'Optimize');
+            return;
+        }
         const maxRetries = 3;
         for (let retries = 0; retries < maxRetries; retries++) {
             try {
@@ -216,6 +362,14 @@ class AppsPage {
         throw new Error(`Failed to click the optimize link after ${maxRetries} attempts.`);
     }
     async clickCamundaApps(maxRetries = 3) {
+        // Camunda Hub's rewritten shells (NavShell / NavShellDs) have no
+        // app-switcher button to open -- Modeler is already Hub's home area and
+        // the other apps are reached per-cluster via the persistent sidebar, not
+        // through a global switcher panel. Mirrors the same hostname guard in
+        // clickModeler() below.
+        if (new URL(this.page.url()).hostname.startsWith('hub.')) {
+            return;
+        }
         await (0, sleep_1.sleep)(2000);
         const appButtons = [
             this.camundaComponentsButton,
@@ -248,6 +402,15 @@ class AppsPage {
         }
     }
     async clickConsoleLink() {
+        // Camunda Hub folded Console into the same persistent shell as
+        // Modeler/home: Console's Dashboard/Clusters/Organization links are just
+        // another section of the same "Main navigation" sidebar, not a separate
+        // app to switch into. Its header banner (homePage.consoleBanner) is
+        // already visible from any Hub page, so there is no navigation action
+        // needed here -- mirrors the same hostname guard in clickModeler().
+        if (new URL(this.page.url()).hostname.startsWith('hub.')) {
+            return;
+        }
         const maxRetries = 3;
         for (let retries = 0; retries < maxRetries; retries++) {
             try {
@@ -274,7 +437,16 @@ class AppsPage {
         }
         throw new Error(`Failed to click the console link after ${maxRetries} attempts.`);
     }
-    async assertOperatePresent(shouldBeVisible = true) {
+    // Asserts whether the current user's role grants them Operate access.
+    // clusterName is required on Hub (see isHubClusterAppPresent) but unused on
+    // the legacy Console app-switcher, which has no per-cluster concept here --
+    // the caller's single active cluster is implicit in operateLink/operateButton.
+    async assertOperatePresent(clusterName, shouldBeVisible = true) {
+        if (isHubUrl(this.page.url())) {
+            const present = await this.isHubClusterAppPresent(clusterName, 'Operate');
+            (0, test_1.expect)(present).toBe(shouldBeVisible);
+            return;
+        }
         const maxRetries = 3;
         for (let retries = 0; retries < maxRetries; retries++) {
             try {
@@ -303,7 +475,13 @@ class AppsPage {
         }
         throw new Error(`Failed to assert the operate link visibility after ${maxRetries} attempts.`);
     }
-    async assertTasklistPresent(shouldBeVisible = true) {
+    // See assertOperatePresent for the clusterName/Hub note.
+    async assertTasklistPresent(clusterName, shouldBeVisible = true) {
+        if (isHubUrl(this.page.url())) {
+            const present = await this.isHubClusterAppPresent(clusterName, 'Tasklist');
+            (0, test_1.expect)(present).toBe(shouldBeVisible);
+            return;
+        }
         const maxRetries = 3;
         for (let retries = 0; retries < maxRetries; retries++) {
             try {
@@ -332,7 +510,13 @@ class AppsPage {
         }
         throw new Error(`Failed to assert the tasklist link visibility after ${maxRetries} attempts.`);
     }
-    async assertOptimizePresent(shouldBeVisible = true) {
+    // See assertOperatePresent for the clusterName/Hub note.
+    async assertOptimizePresent(clusterName, shouldBeVisible = true) {
+        if (isHubUrl(this.page.url())) {
+            const present = await this.isHubClusterAppPresent(clusterName, 'Optimize');
+            (0, test_1.expect)(present).toBe(shouldBeVisible);
+            return;
+        }
         const maxRetries = 3;
         for (let retries = 0; retries < maxRetries; retries++) {
             try {

package/dist/pages/8.7/ClusterPage.js

@@ -118,10 +118,30 @@ class ClusterPage {
         });
     }
     async clickClusterBanner() {
-        await this.page
+        // Camunda Hub has no `banner` landmark; "Clusters" instead lives in its
+        // persistent "Main navigation" sidebar, and once the org has environments
+        // enabled that link is further renamed "Environments" (same rollout
+        // HomePage.clusterTab handles).
+        const clusterLink = this.page
             .getByRole('banner')
             .getByRole('link', { name: 'Clusters' })
-            .click({ timeout: 60000 });
+            .or(this.page
+            .getByRole('navigation', { name: 'Main navigation' })
+            .getByRole('link', { name: 'Clusters', exact: true }))
+            .or(this.page
+            .getByRole('navigation', { name: 'Main navigation' })
+            .getByRole('link', { name: 'Environments', exact: true }));
+        await clusterLink.click({ timeout: 60000 });
+        // Landing on Hub's Environments overview (see above) renders clusters as
+        // cards, not the getByRole('row') table this page's own locators expect
+        // -- route through the page's own "Clusters" tab to reach the classic
+        // route. Same fix as HomePage.clickClusters().
+        const clustersPageTab = this.page
+            .getByRole('navigation', { name: 'Environments views' })
+            .getByRole('link', { name: 'Clusters', exact: true });
+        if (await clustersPageTab.isVisible({ timeout: 5000 }).catch(() => false)) {
+            await clustersPageTab.click({ timeout: 15000 });
+        }
     }
     async deleteCluster(name) {
         const clusterInstance = this.cluster(name).first();

package/dist/pages/8.7/ClusterSecretsPage.js

@@ -49,9 +49,19 @@ class ClusterSecretsPage {
             .getByRole('dialog')
             .getByRole('button', { name: 'Delete', exact: true });
         this.dialog = page.getByRole('dialog');
+        // Camunda Hub has no `banner` landmark; "Clusters" instead lives in its
+        // persistent "Main navigation" sidebar (same fix as HomePage.clusterTab).
+        // Once the org has environments enabled, that sidebar link is further
+        // renamed "Environments" -- see HomePage.clusterTab for the full context.
         this.clusterBanner = this.page
             .getByRole('banner')
-            .getByRole('link', { name: 'Clusters' });
+            .getByRole('link', { name: 'Clusters' })
+            .or(this.page
+            .getByRole('navigation', { name: 'Main navigation' })
+            .getByRole('link', { name: 'Clusters', exact: true }))
+            .or(this.page
+            .getByRole('navigation', { name: 'Main navigation' })
+            .getByRole('link', { name: 'Environments', exact: true }));
         // exact: true because console-user-flows.spec.ts creates a second cluster
         // called "UI Test Cluster" in the same org -- a substring match on
         // "Test Cluster" then resolves to both links and fails on strict mode.
@@ -158,6 +168,17 @@ class ClusterSecretsPage {
         await this.dismissOpenModal();
         await (0, test_1.expect)(this.clusterBanner).toBeVisible({ timeout: 30000 });
         await this.clusterBanner.click({ timeout: 60000 });
+        // Landing on Hub's Environments overview (see clusterBanner above) renders
+        // clusters as cards, not the getByRole('link') the clusterLink() locator
+        // below expects to find in a row -- route through the page's own
+        // "Clusters" tab to reach the classic route. Same fix as
+        // HomePage.clickClusters().
+        const clustersPageTab = this.page
+            .getByRole('navigation', { name: 'Environments views' })
+            .getByRole('link', { name: 'Clusters', exact: true });
+        if (await clustersPageTab.isVisible({ timeout: 5000 }).catch(() => false)) {
+            await clustersPageTab.click({ timeout: 15000 });
+        }
     }
     async clickCluster(name) {
         await (0, test_1.expect)(this.clusterLink(name)).toBeVisible({ timeout: 30000 });

package/dist/pages/8.7/HomePage.d.ts

@@ -15,6 +15,8 @@ declare class HomePage {
     readonly modelerBanner: Locator;
     readonly gettingStartedHeading: Locator;
     readonly buttonSkipCustomization: Locator;
+    readonly hubSidebar: Locator;
+    readonly hubHeader: Locator;
     constructor(page: Page);
     clickClusters(): Promise<void>;
     clickDashboard(): Promise<void>;

package/dist/pages/8.7/HomePage.js

@@ -18,12 +18,39 @@ class HomePage {
     modelerBanner;
     gettingStartedHeading;
     buttonSkipCustomization;
+    hubSidebar;
+    hubHeader;
     constructor(page) {
         this.page = page;
         this.dashboardTab = page.getByRole('link', { name: 'Dashboard' });
+        // Camunda Hub (which replaced Console on SaaS) moved Clusters from the
+        // header into its "Main navigation" sidebar.
+        this.hubSidebar = page.getByRole('navigation', { name: 'Main navigation' });
+        // Structural signal that Hub's authenticated shell has mounted, used as a
+        // fallback below: the header logo link's accessible name AND href both
+        // depend on client state (aria-label toggles on the workspacesEnabled
+        // flag; href is literally `/login` until `isAuthenticated` flips true --
+        // camunda-hub NavShellDs.common.tsx) that can lag just after login,
+        // making a name+href-exclusion match miss the timing window. The header
+        // only renders the user menu once authenticated, so this never races.
+        this.hubHeader = page
+            .locator('header[data-slot="app-header"]')
+            .filter({ has: page.locator('[data-slot="user-menu-trigger"]') });
+        // camunda-hub's use-ds-sidebar-items.tsx: "Environments supersede the
+        // older Clusters surface: once the environments feature is on, the
+        // workspace nav drops Clusters entirely for every role." The sidebar
+        // link is renamed "Environments" (not merely relabelled -- "Clusters"
+        // stops rendering at all), but it still lists the same clusters by name
+        // underneath, so callers of clickClusters() need no other change.
         this.clusterTab = page
             .getByRole('banner')
-            .getByRole('link', { name: 'Clusters' });
+            .getByRole('link', { name: 'Clusters' })
+            .or(this.hubSidebar.getByRole('link', { name: 'Clusters', exact: true }))
+            .or(this.hubSidebar.getByRole('link', {
+            name: 'Environments',
+            exact: true,
+        }))
+            .first();
         this.organizationTab = page.getByRole('link', { name: 'Organization' });
         this.organizationViewTitle = page.getByText('Organization Management');
         this.welcomeMessage = page.getByText('Welcome to Camunda!').first();
@@ -32,17 +59,43 @@ class HomePage {
         });
         this.camundaAppsButton = page.getByLabel('Camunda apps');
         this.appSwitcher = page.getByLabel('App Switcher');
+        // Camunda Hub's rewritten shells (NavShell / NavShellDs) dropped the
+        // app-switcher dropdown entirely in favor of a persistent
+        // "Main navigation" sidebar (see hubSidebar above) -- there is no
+        // "Camunda components"/"Camunda apps"/"App Switcher" element to find on
+        // those shells. Accept the sidebar too so this locator resolves whichever
+        // shell the org's live rollout has reached.
         this.camundaComponentsButton = page
             .getByLabel('Camunda components')
             .or(this.camundaAppsButton)
-            .or(this.appSwitcher);
+            .or(this.appSwitcher)
+            .or(this.hubSidebar);
         this.openOrganizationButton = page.getByLabel('Open Organizations');
-        this.consoleBanner = page.getByRole('link', {
+        // Camunda Hub replaced the Console shell on SaaS; its header logo link is
+        // "Camunda Modeler home" on every page, Console pages included -- and, as
+        // of camunda-hub PR#29349, "Camunda Hub home" once workspaces are enabled
+        // for the org. Accept either name so login doesn't depend on which one
+        // this org's live rollout has reached.
+        this.consoleBanner = page
+            .getByRole('link', {
             name: 'Camunda logo Console',
-        });
-        this.modelerBanner = page.getByRole('banner', {
+        })
+            .or(page
+            .getByRole('link', { name: 'Camunda Modeler home' })
+            .and(page.locator(':not([href$="/login"])')))
+            .or(page
+            .getByRole('link', { name: 'Camunda Hub home' })
+            .and(page.locator(':not([href$="/login"])')))
+            .or(this.hubHeader)
+            .first();
+        this.modelerBanner = page
+            .getByRole('banner', {
             name: 'Camunda Modeler',
-        });
+        })
+            .or(page
+            .getByRole('link', { name: 'Camunda Hub home' })
+            .and(page.locator(':not([href$="/login"])')))
+            .or(this.hubHeader);
         this.gettingStartedHeading = page.getByText('start by creating a project');
         this.buttonSkipCustomization = page.getByRole('button', {
             name: 'Skip customization',
@@ -51,6 +104,17 @@ class HomePage {
     async clickClusters() {
         await (0, test_1.expect)(this.clusterTab).toBeVisible({ timeout: 15000 });
         await this.clusterTab.click({ timeout: 15000 });
+        // Landing on Hub's Environments overview (see clusterTab above) doesn't
+        // put us on the classic row-based cluster list ClusterPage.ts expects --
+        // that page renders clusters as cards. Its own header renders a separate
+        // "Clusters" tab (camunda-hub EnvironmentsPageHeader.tsx, href /clusters)
+        // that does.
+        const clustersPageTab = this.page
+            .getByRole('navigation', { name: 'Environments views' })
+            .getByRole('link', { name: 'Clusters', exact: true });
+        if (await clustersPageTab.isVisible({ timeout: 5000 }).catch(() => false)) {
+            await clustersPageTab.click({ timeout: 15000 });
+        }
     }
     async clickDashboard() {
         await this.dashboardTab.click({ timeout: 90000 });

package/dist/pages/8.7/LoginPage.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoginPage = void 0;
 const test_1 = require("@playwright/test");
 const UtilitiesPage_1 = require("./UtilitiesPage");
+const consoleApiHelpers_1 = require("../../utils/consoleApiHelpers");
 class LoginPage {
     page;
     usernameInput;
@@ -52,6 +53,10 @@ class LoginPage {
     }
     async login(credentials = {}) {
         const { username = process.env.C8_USERNAME, password = process.env.C8_PASSWORD, } = credentials;
+        // See loginWithTestUser below: this re-authenticates the same page and
+        // must clear the Hub bearer-token cache too, or getUserToken() can
+        // return whatever user was previously logged in on it.
+        (0, consoleApiHelpers_1.resetHubBearerToken)(this.page);
         await (0, test_1.expect)(this.usernameInput).toBeVisible({ timeout: 60000 });
         await this.fillUsername(username);
         await this.clickContinueButton();
@@ -63,6 +68,12 @@ class LoginPage {
     }
     async loginWithTestUser(credentials = {}) {
         const { username = process.env.C8_USERNAME_TEST, password = process.env.C8_PASSWORD_TEST, } = credentials;
+        // See loginWithRetry in UtilitiesPage.ts: the Hub bearer-token cache in
+        // consoleApiHelpers.ts is keyed by Page for the tab's whole lifetime, so
+        // this re-authentication (a different user than whatever was logged in
+        // before) must clear it too, or getUserToken() can return the previous
+        // user's cached token.
+        (0, consoleApiHelpers_1.resetHubBearerToken)(this.page);
         // Navigate to app root to start the auth flow.
         await this.page.goto('/');
         await this.page
@@ -112,6 +123,10 @@ class LoginPage {
     }
     async loginWithoutOrgAssertion(credentials = {}) {
         const { username = process.env.C8_USERNAME, password = process.env.C8_PASSWORD, } = credentials;
+        // See loginWithTestUser above: this re-authenticates the same page and
+        // must clear the Hub bearer-token cache too, or getUserToken() can
+        // return whatever user was previously logged in on it.
+        (0, consoleApiHelpers_1.resetHubBearerToken)(this.page);
         await (0, test_1.expect)(this.usernameInput).toBeVisible({ timeout: 180000 });
         await this.fillUsername(username);
         await this.clickContinueButton();

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

@@ -14,8 +14,12 @@ declare class ModelerCreatePage {
     readonly autosaveIndicator: Locator;
     readonly nameInput: Locator;
     readonly diagramBreadcrumb: Locator;
+    readonly diagramActionsButton: Locator;
     readonly renameDiagramNameButton: Locator;
     readonly diagramNameInput: Locator;
+    readonly renameDialog: Locator;
+    readonly renameDialogInput: Locator;
+    readonly renameDialogSubmitButton: Locator;
     readonly variableInput: Locator;
     readonly embedFormButton: Locator;
     readonly embedButton: Locator;

package/dist/pages/8.7/ModelerCreatePage.js

@@ -20,8 +20,12 @@ class ModelerCreatePage {
     autosaveIndicator;
     nameInput;
     diagramBreadcrumb;
+    diagramActionsButton;
     renameDiagramNameButton;
     diagramNameInput;
+    renameDialog;
+    renameDialogInput;
+    renameDialogSubmitButton;
     variableInput;
     embedFormButton;
     embedButton;
@@ -154,8 +158,26 @@ class ModelerCreatePage {
         this.autosaveIndicator = page.locator('[data-test="autosave"]');
         this.nameInput = page.getByLabel('Name', { exact: true });
         this.diagramBreadcrumb = page.locator('[data-test="breadcrumb-diagram"]');
+        // Hub's newer nav (isNavV2: the design-system shell or C3NavigationV2)
+        // makes the legacy TopBar breadcrumb dropdown above a no-op and moves
+        // Rename/Duplicate/Delete behind a separate kebab button next to it,
+        // labeled "<entity name> actions" (use-file-page-actions.ts). Its accessible
+        // name always ends in " actions", regardless of the current diagram name.
+        this.diagramActionsButton = page
+            .getByRole('button', { name: / actions$/ })
+            .first();
         this.renameDiagramNameButton = page.getByText('Rename');
         this.diagramNameInput = page.locator('[data-test="editable-input"]');
+        // The design-system nav's Rename action opens a modal dialog
+        // (RenameDialogDs.tsx) instead of the legacy inline breadcrumb editor.
+        this.renameDialog = page.getByRole('dialog', { name: 'Rename', exact: true });
+        this.renameDialogInput = this.renameDialog.getByLabel('Name', {
+            exact: true,
+        });
+        this.renameDialogSubmitButton = this.renameDialog.getByRole('button', {
+            name: 'Rename',
+            exact: true,
+        });
         this.variableInput = page.locator('textarea#variables-json');
         this.embedFormButton = page.getByRole('button', { name: 'Link form' });
         this.embedButton = page.locator('[data-test="confirm-move"]');
@@ -673,7 +695,19 @@ class ModelerCreatePage {
                 return;
             }
             try {
-                await this.diagramBreadcrumb.click({ timeout: 20000 });
+                // Hub's newer nav (isNavV2) makes this legacy breadcrumb click a
+                // no-op and moves the dropdown behind a separate "<name> actions"
+                // kebab instead -- prefer it when present, and only fall back to the
+                // legacy breadcrumb when it is not (see diagramActionsButton).
+                const kebabVisible = await this.diagramActionsButton
+                    .isVisible({ timeout: 5000 })
+                    .catch(() => false);
+                if (kebabVisible) {
+                    await this.diagramActionsButton.click({ timeout: 20000 });
+                }
+                else {
+                    await this.diagramBreadcrumb.click({ timeout: 20000 });
+                }
                 await this.renameDiagramNameButton.waitFor({
                     state: 'visible',
                     timeout: 20000,
@@ -726,7 +760,9 @@ 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 });
+            // The design-system nav's "Rename" opens a modal dialog
+            // (RenameDialogDs.tsx) instead of the legacy inline breadcrumb editor.
+            await (0, test_1.expect)(this.diagramNameInput.or(this.renameDialogInput)).toBeVisible({ timeout: 10000 });
         }).toPass({ timeout: 60000, intervals: [1000, 2000, 5000] });
     }
     async enterDiagramName(name) {
@@ -740,9 +776,27 @@ class ModelerCreatePage {
         const maxAttempts = 3;
         for (let attempt = 1; attempt <= maxAttempts; attempt++) {
             try {
-                await this.diagramNameInput.fill(name, { timeout: 45000 });
-                await this.diagramNameInput.press('Enter', { timeout: 45000 });
-                await this.diagramNameBreadcrumb(name).waitFor({
+                // The design-system nav's Rename opens a modal dialog
+                // (RenameDialogDs.tsx) instead of the legacy inline breadcrumb
+                // editor -- fill and submit whichever is actually open.
+                const modalOpen = await this.renameDialog
+                    .isVisible()
+                    .catch(() => false);
+                if (modalOpen) {
+                    await this.renameDialogInput.fill(name, { timeout: 45000 });
+                    await this.renameDialogSubmitButton.click({ timeout: 10000 });
+                    await this.renameDialog.waitFor({ state: 'hidden', timeout: 30000 });
+                }
+                else {
+                    await this.diagramNameInput.fill(name, { timeout: 45000 });
+                    await this.diagramNameInput.press('Enter', { timeout: 45000 });
+                }
+                // The legacy breadcrumb shows the new name directly; the
+                // design-system kebab instead embeds it in its own accessible name
+                // ("<name> actions"). Accept either as confirmation the rename took.
+                await this.diagramNameBreadcrumb(name)
+                    .or(this.page.getByRole('button', { name: `${name} actions` }))
+                    .waitFor({
                     state: 'visible',
                     timeout: 30000,
                 });

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

@@ -2,12 +2,18 @@ import { Page, Locator } from '@playwright/test';
 import { LoginPage } from './LoginPage';
 declare class ModelerHomePage {
     private defaultFolderName;
+    private defaultClusterName;
     private page;
     private processApplicationPage;
     private processApplicationUrl?;
     private processApplicationName?;
     readonly modelerPageBanner: Locator;
     readonly createNewProjectButton: Locator;
+    readonly createWorkspaceButton: Locator;
+    readonly workspaceWizardNameInput: Locator;
+    readonly workspaceWizardSubmitButton: Locator;
+    readonly workspaceWizardMembersStep: Locator;
+    readonly workspaceWizardEnvironmentsHeading: Locator;
     readonly projectNameInput: Locator;
     readonly formNameInput: Locator;
     readonly chooseBpmnTemplateButton: Locator;
@@ -31,7 +37,11 @@ declare class ModelerHomePage {
     readonly closeButton: Locator;
     readonly formNameBreadcrumb: (formName: string) => Locator;
     readonly formBreadcrumbButton: Locator;
+    readonly formActionsButton: Locator;
     readonly renameFormMenuItem: Locator;
+    readonly renameDialog: Locator;
+    readonly renameDialogInput: Locator;
+    readonly renameDialogSubmitButton: Locator;
     constructor(page: Page);
     dismissOverlays(): Promise<void>;
     clickCreateNewProjectButton(): Promise<void>;
@@ -63,6 +73,7 @@ declare class ModelerHomePage {
     clickHomeBreadcrumb(): Promise<void>;
     clickOpenOrganizationsButton(): Promise<void>;
     clickCrossComponentProjectFolder(): Promise<void>;
+    private createWorkspaceViaWizard;
     createCrossComponentProjectFolder(): Promise<void>;
     /**
      * Asserts the Cross Component project folder is listed on the Modeler home

package/dist/pages/8.7/ModelerHomePage.js

@@ -9,6 +9,11 @@ const ProcessApplicationPage_1 = require("./ProcessApplicationPage");
 const expectLocatorWithRetry_1 = require("../../utils/assertionHelpers/expectLocatorWithRetry");
 class ModelerHomePage {
     defaultFolderName = 'Cross Component Test Project';
+    // The default cluster test-setup.spec.ts's "Create Default Cluster" test
+    // provisions for the whole suite -- assigned to the shared workspace's
+    // Environments step so downstream specs can deploy to it without a manual
+    // assignment step first.
+    defaultClusterName = 'Test Cluster';
     page;
     // Since camunda/camunda-hub#25831 files and folders cannot sit at a
     // workspace ("project" in today's UI) root -- only process applications and
@@ -25,6 +30,11 @@ class ModelerHomePage {
     processApplicationName;
     modelerPageBanner;
     createNewProjectButton;
+    createWorkspaceButton;
+    workspaceWizardNameInput;
+    workspaceWizardSubmitButton;
+    workspaceWizardMembersStep;
+    workspaceWizardEnvironmentsHeading;
     projectNameInput;
     formNameInput;
     chooseBpmnTemplateButton;
@@ -48,13 +58,31 @@ class ModelerHomePage {
     closeButton;
     formNameBreadcrumb;
     formBreadcrumbButton;
+    formActionsButton;
     renameFormMenuItem;
+    renameDialog;
+    renameDialogInput;
+    renameDialogSubmitButton;
     constructor(page) {
         this.page = page;
         this.processApplicationPage = new ProcessApplicationPage_1.ProcessApplicationPage(page);
-        this.modelerPageBanner = page.getByRole('banner', {
+        // Hub's design-system shell renders the app header as a role=banner with no
+        // accessible name after the Camunda Hub rebrand, so the classic
+        // name-matched banner no longer resolves; the Modeler logo link inside it
+        // carries "Camunda Modeler home" or, once camunda-hub PR#29349's rename
+        // has rolled out to an org, "Camunda Hub home". Keep the legacy
+        // named-banner branch for shells where the rename has not shipped yet.
+        this.modelerPageBanner = page
+            .getByRole('banner', {
             name: 'Camunda Modeler',
-        });
+        })
+            .or(page
+            .getByRole('link', { name: 'Camunda Modeler home' })
+            .and(page.locator(':not([href$="/login"])')))
+            .or(page
+            .getByRole('link', { name: 'Camunda Hub home' })
+            .and(page.locator(':not([href$="/login"])')))
+            .first();
         // Hub renamed this button to "Create project" on both the classic and the
         // design-system shell. The legacy label is kept so the flow still works
         // against Modeler builds where the rename has not shipped yet. exact:true
@@ -67,6 +95,24 @@ class ModelerHomePage {
             name: 'Create project',
             exact: true,
         }));
+        // Camunda Hub, which replaced Console + Web Modeler on SaaS, tops the
+        // hierarchy with a Workspaces overview whose "Create workspace" CTA opens a
+        // wizard (General -> Members) that names the workspace up front. Same
+        // hooks as pages/8.10/ModelerHomePage.ts. exact:true keeps the split
+        // button's options chevron out of the match.
+        this.createWorkspaceButton = page.getByRole('button', {
+            name: 'Create workspace',
+            exact: true,
+        });
+        this.workspaceWizardNameInput = page.locator('#workspace-name');
+        this.workspaceWizardSubmitButton = page.locator('[data-test="workspace-wizard-submit"]');
+        this.workspaceWizardMembersStep = page.locator('[data-test="step-members"]');
+        // When the org has environments enabled, an "Assign environments" step is
+        // inserted after Members -- camunda-hub's own
+        // e2e-playwright/pages/CreateWorkspacePage.ts detects it the same way.
+        this.workspaceWizardEnvironmentsHeading = page.getByRole('heading', {
+            name: 'Assign environments',
+        });
         this.projectNameInput = page.locator('[data-test="editable-input"]');
         this.formNameInput = page.locator('[data-test="editable-input"]');
         this.idpApplicationNameInput = page.getByPlaceholder('New IDP Application');
@@ -98,10 +144,13 @@ class ModelerHomePage {
         this.homeBreadcrumb = page.locator('[data-test="breadcrumb-home"]');
         this.openOrganizationsButton = page.getByLabel('Open Organizations');
         this.manageButton = page.getByRole('menuitem', { name: 'Manage' });
+        // On the Camunda Hub Workspaces overview the folder is a workspace tile
+        // whose "Open workspace <name>" button navigates into it.
         this.crossComponentProjectFolder = page
-            .getByTitle(this.defaultFolderName, {
+            .getByRole('button', { name: `Open workspace ${this.defaultFolderName}` })
+            .or(page.getByTitle(this.defaultFolderName, {
             exact: true,
-        })
+        }))
             .first();
         this.rows = page.getByRole('row');
         this.uploadFilesButton = page.getByRole('menuitem', { name: 'Upload files' });
@@ -116,7 +165,26 @@ class ModelerHomePage {
             hasText: formName,
         });
         this.formBreadcrumbButton = page.locator('button[data-test="breadcrumb-form"]');
-        this.renameFormMenuItem = page.locator('[data-test="rename-form"]');
+        // Hub's newer nav (isNavV2) makes formBreadcrumbButton a no-op and moves
+        // Rename/Duplicate/Delete behind a separate "<name> actions" kebab
+        // instead (use-file-page-actions.ts); its own menu item carries no
+        // data-test, just the text "Rename".
+        this.formActionsButton = page
+            .getByRole('button', { name: / actions$/ })
+            .first();
+        this.renameFormMenuItem = page
+            .locator('[data-test="rename-form"]')
+            .or(page.getByRole('menuitem', { name: 'Rename', exact: true }));
+        // The design-system nav's Rename opens a modal dialog (RenameDialogDs.tsx)
+        // instead of the legacy inline breadcrumb editor.
+        this.renameDialog = page.getByRole('dialog', { name: 'Rename', exact: true });
+        this.renameDialogInput = this.renameDialog.getByLabel('Name', {
+            exact: true,
+        });
+        this.renameDialogSubmitButton = this.renameDialog.getByRole('button', {
+            name: 'Rename',
+            exact: true,
+        });
     }
     // The release-announcement dialog ("Check out our new release") re-mounts
     // after the projects list re-renders, so one dismissal pass is not enough.
@@ -300,10 +368,28 @@ class ModelerHomePage {
                 if (!editorOpen) {
                     await this.openFormRenameEditor();
                 }
-                await this.formNameInput.click({ timeout: 30000 });
-                await this.formNameInput.fill(name);
-                await this.formNameInput.press('Enter');
-                await this.formNameBreadcrumb(name).waitFor({
+                // The design-system nav's Rename opens a modal dialog
+                // (RenameDialogDs.tsx) instead of the legacy inline breadcrumb
+                // editor -- fill and submit whichever is actually open.
+                const modalOpen = await this.renameDialog
+                    .isVisible()
+                    .catch(() => false);
+                if (modalOpen) {
+                    await this.renameDialogInput.fill(name, { timeout: 45000 });
+                    await this.renameDialogSubmitButton.click({ timeout: 10000 });
+                    await this.renameDialog.waitFor({ state: 'hidden', timeout: 30000 });
+                }
+                else {
+                    await this.formNameInput.click({ timeout: 30000 });
+                    await this.formNameInput.fill(name);
+                    await this.formNameInput.press('Enter');
+                }
+                // The legacy breadcrumb shows the new name directly; the
+                // design-system kebab instead embeds it in its own accessible name
+                // ("<name> actions"). Accept either as confirmation the rename took.
+                await this.formNameBreadcrumb(name)
+                    .or(this.page.getByRole('button', { name: `${name} actions` }))
+                    .waitFor({
                     state: 'visible',
                     timeout: 30000,
                 });
@@ -319,7 +405,18 @@ class ModelerHomePage {
         }
     }
     async openFormRenameEditor() {
-        await this.formBreadcrumbButton.click({ timeout: 60000 });
+        // Hub's newer nav (isNavV2) makes formBreadcrumbButton a no-op and moves
+        // the dropdown behind a separate "<name> actions" kebab instead -- prefer
+        // it when present, and only fall back to the legacy breadcrumb otherwise.
+        const kebabVisible = await this.formActionsButton
+            .isVisible({ timeout: 5000 })
+            .catch(() => false);
+        if (kebabVisible) {
+            await this.formActionsButton.click({ timeout: 60000 });
+        }
+        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
@@ -432,6 +529,28 @@ class ModelerHomePage {
         return this.becameVisible(this.modelerPageBanner, timeout);
     }
     async clickHomeBreadcrumb() {
+        // Camunda Hub has no Modeler home breadcrumb: its home is the Workspaces
+        // overview, reached through the header logo link so the SPA keeps its
+        // in-memory session (a full navigation re-runs the whole Auth0 hand-off).
+        if (new URL(this.page.url()).hostname.startsWith('hub.')) {
+            const header = this.page.locator('header[data-slot="app-header"]');
+            // The href stays literally "/login" until the client's auth state
+            // catches up just after login (camunda-hub NavShellDs.common.tsx) --
+            // clicking it in that window would log the test out instead of
+            // navigating home, so exclude that href and wait for the authenticated
+            // one rather than racing it (same hazard AppsPage.clickModeler()
+            // guards against).
+            const homeLink = header
+                .getByRole('link', { name: 'Camunda Modeler home' })
+                .and(this.page.locator(':not([href$="/login"])'))
+                .or(header
+                .getByRole('link', { name: 'Camunda Hub home' })
+                .and(this.page.locator(':not([href$="/login"])')))
+                .first();
+            await (0, test_1.expect)(homeLink).toBeVisible({ timeout: 30000 });
+            await homeLink.click({ timeout: 30000 });
+            return;
+        }
         try {
             await this.homeBreadcrumb.click();
         }
@@ -468,6 +587,57 @@ class ModelerHomePage {
             },
         });
     }
+    // Drives Camunda Hub's workspace-creation wizard. The name is entered on
+    // the General step, which enables "Next"; the same submit button then
+    // relabels itself through the remaining steps and finally reads "Create
+    // workspace" once it creates the workspace and routes the creator into its
+    // projects listing. Gate the Members-step click on that step becoming
+    // active so the shared submit button is not clicked twice while still on
+    // General.
+    async createWorkspaceViaWizard(name) {
+        await this.dismissOverlays();
+        await this.createWorkspaceButton.click({ timeout: 60000 });
+        await this.workspaceWizardNameInput.fill(name, { timeout: 60000 });
+        await this.workspaceWizardSubmitButton.click({ timeout: 60000 });
+        await (0, test_1.expect)(this.workspaceWizardMembersStep).toHaveAttribute('data-state', 'active', { timeout: 30000 });
+        await this.workspaceWizardSubmitButton.click({ timeout: 60000 });
+        // When the org has environments enabled, this only advances the wizard
+        // into an "Assign environments" step instead of submitting. Assign the
+        // suite's default cluster here rather than submitting with an empty
+        // selection -- otherwise this shared workspace starts with no
+        // environments and every downstream spec that deploys to it needs its
+        // own manual assignment first. Each card's accessible name is
+        // "Select <cluster name>" before it is picked (camunda-hub's own
+        // create-workspace-environments.spec.tsx asserts the same pattern).
+        // Sampled immediately (isVisible() doesn't wait) since the step change
+        // is a synchronous client-side re-render.
+        if (await this.workspaceWizardEnvironmentsHeading
+            .isVisible()
+            .catch(() => false)) {
+            // "Create Default Cluster" runs in parallel with this flow
+            // (test-setup.spec.ts's mode: 'parallel'), so the cluster this picker
+            // lists may still be provisioning -- wait for it a generous 90s rather
+            // than sampling once. If it genuinely never appears (the cluster
+            // failed rather than just being slow), don't fail the whole shared
+            // workspace's setup over it: Hub's own recovery copy for this step
+            // ("Could not load environments. You can finish creating the
+            // workspace and assign them later.") confirms submitting unassigned
+            // is a supported, recoverable path, not a broken one.
+            const clusterOption = this.page.getByRole('button', {
+                name: new RegExp(`^Select ${this.defaultClusterName}`),
+            });
+            if (await this.becameVisible(clusterOption, 90000)) {
+                await clusterOption.click({ timeout: 10000 });
+            }
+            else {
+                console.warn(`"${this.defaultClusterName}" was not selectable on the Environments step; creating the workspace without it.`);
+            }
+            await this.workspaceWizardSubmitButton.click({ timeout: 60000 });
+        }
+        await this.page.waitForURL(/\/workspaces?\/[^/]+\/projects/, {
+            timeout: 120000,
+        });
+    }
     async createCrossComponentProjectFolder() {
         await this.dismissOverlays();
         // The project list can take well over a minute to render after a session
@@ -483,6 +653,10 @@ class ModelerHomePage {
             await this.clickCrossComponentProjectFolder();
             return;
         }
+        if (await this.becameVisible(this.createWorkspaceButton, 5000)) {
+            await this.createWorkspaceViaWizard(this.defaultFolderName);
+            return;
+        }
         await this.clickCreateNewProjectButton();
         await this.enterNewProjectName(this.defaultFolderName);
     }

package/dist/pages/8.7/ProcessApplicationPage.js

@@ -48,21 +48,36 @@ class ProcessApplicationPage {
         // .first() defensively only: hub renders exactly one of these today, in the
         // workspace-root empty state. A future second placement should not turn
         // every PA-creating test into a strict-mode violation.
+        //
+        // camunda-hub#25831 renamed the concept from "process application" to
+        // "project" (workspace root's CreateSplitButton renders literal text
+        // "Create project", opening a dialog titled "Create project"). Accept
+        // both names so this resolves whichever the org's live rollout has
+        // reached.
         this.createProcessApplicationButton = page
             .getByRole('button', { name: 'Create process application' })
+            .or(page.getByRole('button', { name: 'Create project' }))
             .first();
         this.createProcessApplicationOption = page.locator('[data-test="create-process-application"]');
-        this.creationDialog = page.getByRole('dialog', {
-            name: 'Create a process application',
-        });
+        this.creationDialog = page
+            .getByRole('dialog', { name: 'Create a process application' })
+            .or(page.getByRole('dialog', { name: 'Create project' }));
         // Deliberately scoped to the dialog: ModelerCreatePage owns an unscoped
         // getByLabel('Name', {exact: true}) for the properties panel, which would
         // resolve to two elements while the creation modal is open.
-        this.nameInput = this.creationDialog.getByLabel('Name', { exact: true });
-        this.submitButton = this.creationDialog.getByRole('button', {
-            name: 'Create',
+        // CreateProjectModal.tsx labels its field "Project name", not "Name" --
+        // accept both so this resolves under either dialog variant.
+        this.nameInput = this.creationDialog
+            .getByLabel('Name', { exact: true })
+            .or(this.creationDialog.getByLabel('Project name', { exact: true }));
+        // CreateProjectModal.tsx's submit button reads "Create project", not the
+        // exact "Create" the legacy dialog used.
+        this.submitButton = this.creationDialog
+            .getByRole('button', { name: 'Create', exact: true })
+            .or(this.creationDialog.getByRole('button', {
+            name: 'Create project',
             exact: true,
-        });
+        }));
         this.cancelButton = this.creationDialog.getByRole('button', {
             name: 'Cancel',
             exact: true,
@@ -72,8 +87,13 @@ class ProcessApplicationPage {
         // The process application page renders more than one diagram-dropdown
         // (hub's own unit tests reach for it with getAllByTestId), so the dropdown
         // has to be resolved inside the folder explorer rather than page-wide.
+        // camunda-hub#25831's workspace-projects flow (WorkspaceProjectDetail.tsx)
+        // renders this control as CreateActionDs with test-id
+        // "create-action-dropdown" instead of the legacy "diagram-dropdown" --
+        // accept both.
         this.createNewDropdown = this.folderExplorer
             .locator('[data-test="diagram-dropdown"]')
+            .or(this.folderExplorer.locator('[data-test="create-action-dropdown"]'))
             .first();
         this.inlineNameInput = page.locator('[data-test="editable-input"]');
         this.defineStagesDialog = page

package/dist/pages/8.7/UtilitiesPage.js

@@ -7,11 +7,34 @@ const HomePage_1 = require("./HomePage");
 const sleep_1 = require("../../utils/sleep");
 const fileUpload_1 = require("../../utils/fileUpload");
 const mailSlurpClient_1 = require("../../utils/mailSlurpClient");
+const consoleApiHelpers_1 = require("../../utils/consoleApiHelpers");
 // Tracks which worker-derived `timeout` values have already paid the
 // pre-flight stagger below, so a worker only pays it once per process
 // lifetime rather than on every call -- see the comment at the call sites.
 const staggeredWorkerTimeouts = new Set();
+const onboardingTourSuppressed = new WeakSet();
+// Mirrors camunda-hub@452978f: pre-seed the onboarding tour's "seen" localStorage flag
+// (SEEN_KEY_PREFIX in .../tour-dialog/use-onboarding-seen.ts) so it never auto-opens. The
+// "Welcome to Camunda Hub" tour mounts app-wide -- Console included, not just Modeler -- and
+// hides the post-login banner link from the accessibility tree until dismissed, which times
+// out assertTestUsesCorrectOrganization's banner check. addInitScript runs before any page
+// script on every navigation/reload, so there's no login-response race to lose; the flag is
+// matched by prefix since the user id isn't known ahead of login.
+async function suppressOnboardingTour(page) {
+    if (onboardingTourSuppressed.has(page)) {
+        return;
+    }
+    onboardingTourSuppressed.add(page);
+    await page.addInitScript((prefixPattern) => {
+        const pattern = new RegExp(prefixPattern);
+        const originalGetItem = Storage.prototype.getItem;
+        Storage.prototype.getItem = function (key) {
+            return pattern.test(key) ? 'true' : originalGetItem.call(this, key);
+        };
+    }, '^hub\\.onboarding\\..*\\.seen\\.');
+}
 async function loginWithRetry(page, loginPage, testUser, timeout, maxRetries = 5, skipOrgAssertion = false) {
+    await suppressOnboardingTour(page);
     // Callers derive `timeout` as (workerIndex + 1) * 1000, so it's a stable
     // per-worker identifier: a Playwright worker is a long-lived process that
     // calls loginWithRetry once per test/repeat it runs, and this stagger only
@@ -32,6 +55,11 @@ async function loginWithRetry(page, loginPage, testUser, timeout, maxRetries = 5
     for (let attempt = 0; attempt < maxRetries; attempt++) {
         try {
             await page.context().clearCookies();
+            // The Hub bearer-token cache in consoleApiHelpers.ts is keyed by Page
+            // for the tab's whole lifetime; without clearing it here alongside
+            // cookies/storage, a flow that logs a different user into the same
+            // page could have getUserToken() return the PREVIOUS user's token.
+            (0, consoleApiHelpers_1.resetHubBearerToken)(page);
             await page.goto('about:blank');
             await page
                 .evaluate(() => {
@@ -429,8 +457,15 @@ async function assertTestUsesCorrectOrganization(page) {
     const homePage = new HomePage_1.HomePage(page);
     if (page.url().includes('?code=') || page.url().includes('&state=')) {
         console.log('OAuth callback detected, waiting for redirect...');
+        // Camunda Hub (which replaced Console on SaaS) only exchanges the code
+        // once its SPA has booted, and on CI runners that boot alone was measured
+        // at ~45s past /login-callback -- a 30s wait aborted the exchange on every
+        // attempt. The code is single-use, so falling back to page.goto('/') on
+        // timeout (as this used to) doesn't recover a slow-but-valid exchange, it
+        // just turns it into a guaranteed failure. Wait longer instead, matching
+        // the sibling 8.10 fix.
         await page.waitForURL((url) => !url.toString().includes('?code='), {
-            timeout: 30000,
+            timeout: 120000,
         });
         await (0, sleep_1.sleep)(5000);
     }
@@ -442,6 +477,24 @@ async function assertTestUsesCorrectOrganization(page) {
     else {
         await (0, test_1.expect)(homePage.consoleBanner).toBeVisible({ timeout: 30000 });
     }
+    // Camunda Hub replaced Console + Web Modeler on SaaS: it lands on
+    // /workspaces (no org id in the URL) and has no "Open Organizations"
+    // button. Its sidebar links are org-scoped, so assert on those instead and
+    // switch via the same /org/<id> route Hub's org breadcrumb dropdown uses.
+    const isShown = (locator, timeout) => locator
+        .waitFor({ state: 'visible', timeout })
+        .then(() => true)
+        .catch(() => false);
+    if (await isShown(homePage.hubSidebar, 10000)) {
+        const orgScopedLink = homePage.hubSidebar
+            .locator(`a[href*="/org/${process.env.ORG_ID}/"]`)
+            .first();
+        if (!(await isShown(orgScopedLink, 30000))) {
+            await page.goto(`/org/${process.env.ORG_ID}`);
+        }
+        await (0, test_1.expect)(orgScopedLink).toBeVisible({ timeout: 60000 });
+        return;
+    }
     await (0, test_1.expect)(homePage.openOrganizationButton).toBeVisible({ timeout: 180000 });
     try {
         await (0, test_1.expect)(page.url()).toContain(process.env.ORG_ID);

package/dist/tests/8.7/test-setup.spec.js

@@ -12,7 +12,8 @@ _8_7_1.test.describe('Cluster Setup Tests', () => {
         await (0, _setup_1.captureScreenshot)(page, testInfo);
         await (0, _setup_1.captureFailureVideo)(page, testInfo);
     });
-    (0, _8_7_1.test)('Enable Alpha Features', async ({ page, loginPage, consoleOrganizationsPage, homePage, }, testInfo) => {
+    // Skipped due to bug #29346: https://github.com/camunda/camunda-hub/issues/29346
+    _8_7_1.test.skip('Enable Alpha Features', async ({ page, loginPage, consoleOrganizationsPage, homePage, }, testInfo) => {
         _8_7_1.test.skip(process.env.IS_PROD === 'true', 'Skipping test because not required on PROD test org');
         _8_7_1.test.skip(process.env.IS_AG === 'true', 'Skipping test because not required when IS_AG is true');
         await (0, UtilitiesPage_1.loginWithRetry)(page, loginPage, users_1.testUsers.mainUser, (testInfo.workerIndex + 1) * 1000);
@@ -60,10 +61,14 @@ _8_7_1.test.describe('Cluster Setup Tests', () => {
                 await (0, UtilitiesPage_1.loginWithRetry)(page, loginPage, user, (testInfo.workerIndex + 1) * 1000);
             });
             await _8_7_1.test.step('Navigate to Web Modeler', async () => {
-                await (0, test_1.expect)(homePage.camundaComponentsButton).toBeVisible({
-                    timeout: 120000,
-                });
-                await appsPage.clickCamundaApps();
+                // Camunda Hub replaced Console + Web Modeler on SaaS: it lands on the
+                // Modeler home directly and has no app switcher to open.
+                if (!new URL(page.url()).hostname.startsWith('hub.')) {
+                    await (0, test_1.expect)(homePage.camundaComponentsButton).toBeVisible({
+                        timeout: 120000,
+                    });
+                    await appsPage.clickCamundaApps();
+                }
                 await appsPage.clickModeler();
                 await (0, test_1.expect)(modelerHomePage.modelerPageBanner).toBeVisible({
                     timeout: 180000,
@@ -71,6 +76,14 @@ _8_7_1.test.describe('Cluster Setup Tests', () => {
             });
             await _8_7_1.test.step('Create Cross Component Project Folder', async () => {
                 await homePage.clickSkipCustomization();
+                // Do not attempt a "only User 1 creates, everyone else waits" fix for
+                // the parallel race here: the 8.10 sibling already tried exactly this
+                // and reverted it (see tests/8.10/test-setup.spec.ts) after finding
+                // the created workspace never became visible to the other users'
+                // sessions at all -- not a wait-budget problem, so no amount of
+                // retrying fixes it. Every user independently checking-and-creating
+                // still races occasionally, but that is the smaller, known failure
+                // mode; see camunda/c8-cross-component-e2e-tests#3649.
                 await modelerHomePage.createCrossComponentProjectFolder();
                 await modelerHomePage.clickHomeBreadcrumb();
                 await modelerHomePage.assertCrossComponentProjectFolderVisible();

package/dist/tests/8.7/web-modeler-user-flows.spec.js

@@ -134,13 +134,15 @@ _8_7_1.test.describe('Web Modeler User Flow Tests', () => {
             });
             await (0, sleep_1.sleep)(30000);
             await appsPage.clickCamundaApps();
-            await (0, test_1.expect)(appsPage.modelerLink).toBeVisible({
-                timeout: 30000,
-            });
+            // clickCamundaApps() is a no-op on Hub (no global app-switcher panel to
+            // open -- see its own comment), so modelerLink has nothing to assert
+            // there: Hub's authenticated shell already proves Modeler access by
+            // having been reached at all. consoleLink's accessible name ("Console")
+            // matches Hub's persistent sidebar link unchanged, so that assertion
+            // still applies on both shells.
             await (0, test_1.expect)(appsPage.consoleLink).toBeVisible();
-            await (0, test_1.expect)(appsPage.operateLink).not.toBeVisible();
-            await (0, test_1.expect)(appsPage.tasklistLink).not.toBeVisible();
-            await (0, test_1.expect)(appsPage.modelerLink).toBeVisible();
+            await appsPage.assertOperatePresent(clusterName, false);
+            await appsPage.assertTasklistPresent(clusterName, false);
             await appsPage.clickModeler();
             await homePage.clickSkipCustomization();
             await modelerHomePage.createCrossComponentProjectFolder();
@@ -206,10 +208,9 @@ _8_7_1.test.describe('Web Modeler User Flow Tests', () => {
             await (0, test_1.expect)(appsPage.consoleLink).toBeVisible({
                 timeout: 30000,
             });
-            await appsPage.assertOperatePresent();
-            await appsPage.assertTasklistPresent();
-            await (0, test_1.expect)(appsPage.modelerLink).toBeVisible();
-            await appsPage.assertOptimizePresent(false);
+            await appsPage.assertOperatePresent(clusterName);
+            await appsPage.assertTasklistPresent(clusterName);
+            await appsPage.assertOptimizePresent(clusterName, false);
             await appsPage.clickModeler();
             await modelerHomePage.clickCrossComponentProjectFolder();
             await modelerHomePage.clickProcessDiagram(processName);
@@ -266,10 +267,9 @@ _8_7_1.test.describe('Web Modeler User Flow Tests', () => {
             await (0, test_1.expect)(appsPage.consoleLink).toBeVisible({
                 timeout: 20000,
             });
-            await appsPage.assertOptimizePresent();
-            await appsPage.assertOperatePresent();
-            await appsPage.assertTasklistPresent();
-            await (0, test_1.expect)(appsPage.modelerLink).toBeVisible();
+            await appsPage.assertOptimizePresent(clusterName);
+            await appsPage.assertOperatePresent(clusterName);
+            await appsPage.assertTasklistPresent(clusterName);
             await appsPage.clickModeler();
             await modelerHomePage.clickCrossComponentProjectFolder();
             await modelerHomePage.clickProcessDiagram(processName);

package/package.json

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