@camunda/e2e-test-suite 0.0.1249 → 0.0.1251

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,
                 });