@camunda/e2e-test-suite 0.0.1273 → 0.0.1274

package/dist/pages/8.8/HomePage.js

@@ -15,16 +15,35 @@ class HomePage {
     appSwitcher;
     openOrganizationButton;
     consoleBanner;
+    hubHeader;
+    hubSidebar;
     modelerBanner;
     gettingStartedHeading;
     buttonSkipCustomization;
     constructor(page) {
         this.page = page;
+        // Camunda Hub replaces Console on SaaS: an app header (only carrying the
+        // user menu once authenticated) plus a sidebar whose Console section
+        // links to /org/<id>/clusters and /org/<id>/management.
+        this.hubHeader = page
+            .locator('header[data-slot="app-header"]')
+            .filter({ has: page.locator('[data-slot="user-menu-trigger"]') });
+        this.hubSidebar = page.locator('nav[data-slot="app-sidebar"]');
         this.dashboardTab = page.getByRole('link', { name: 'Dashboard' });
+        // Once an org has environmentsEnabled, camunda-hub's
+        // use-ds-sidebar-items.tsx replaces the sidebar's Clusters link with one
+        // labelled "Environments" whose href is '/environments', not
+        // '/clusters' -- accept both hrefs so this resolves either way.
         this.clusterTab = page
             .getByRole('banner')
-            .getByRole('link', { name: 'Clusters' });
-        this.organizationTab = page.getByRole('link', { name: 'Organization' });
+            .getByRole('link', { name: 'Clusters' })
+            .or(this.hubSidebar.locator('a[href$="/clusters"]'))
+            .or(this.hubSidebar.locator('a[href$="/environments"]'))
+            .first();
+        this.organizationTab = page
+            .getByRole('link', { name: 'Organization' })
+            .or(this.hubSidebar.locator('a[href$="/management"]'))
+            .first();
         this.organizationViewTitle = page.getByText('Organization Management');
         this.welcomeMessage = page.getByText('Welcome to Camunda!').first();
         this.informationDialog = page.getByRole('button', {
@@ -32,14 +51,23 @@ class HomePage {
         });
         this.camundaAppsButton = page.getByLabel('Camunda apps');
         this.appSwitcher = page.getByLabel('App Switcher');
+        // Specs assert this as "the authenticated app shell has rendered" before
+        // navigating. Camunda Hub has no app-switcher button at all (apps are
+        // reached from the sidebar), so on Hub its authenticated header is the
+        // equivalent readiness signal.
         this.camundaComponentsButton = page
             .getByLabel('Camunda components')
             .or(this.camundaAppsButton)
-            .or(this.appSwitcher);
+            .or(this.appSwitcher)
+            .or(this.hubHeader);
         this.openOrganizationButton = page.getByLabel('Open Organizations');
-        this.consoleBanner = page.getByRole('link', {
-            name: 'Camunda logo Console',
-        });
+        // "Camunda logo Console" was the old Carbon header's logo link. Camunda
+        // Hub has no equivalent link -- its post-login landing is `hubHeader`
+        // (see above) -- so callers that assert this banner as a login/Console
+        // arrival signal need the Hub fallback too.
+        this.consoleBanner = page
+            .getByRole('link', { name: 'Camunda logo Console' })
+            .or(this.hubHeader);
         this.gettingStartedHeading = page.getByText('start by creating a project');
         this.buttonSkipCustomization = page.getByRole('button', {
             name: 'Skip customization',
@@ -49,8 +77,35 @@ class HomePage {
         });
     }
     async clickClusters() {
-        await (0, test_1.expect)(this.clusterTab).toBeVisible({ timeout: 15000 });
+        await (0, test_1.expect)(this.clusterTab).toBeVisible({ timeout: 30000 });
         await this.clusterTab.click({ timeout: 15000 });
+        await this.clickClustersPageTabIfPresent();
+    }
+    // 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.
+    async clickClustersPageTabIfPresent() {
+        const clustersPageTab = this.page
+            .getByRole('navigation', { name: 'Environments views' })
+            .getByRole('link', { name: 'Clusters', exact: true });
+        // Required on Hub, not optional: this page's row-based cluster locators
+        // cannot be satisfied by the card-based Environments overview we just
+        // landed on. isVisible() does not wait, so a slow tab render used to be
+        // read as "no tab here" and the flow continued on the wrong route.
+        const onHub = new URL(this.page.url()).hostname.startsWith('hub.');
+        const tabShown = await clustersPageTab
+            .waitFor({ state: 'visible', timeout: onHub ? 30000 : 5000 })
+            .then(() => true)
+            .catch(() => false);
+        if (tabShown) {
+            await clustersPageTab.click({ timeout: 15000 });
+        }
+        else if (onHub) {
+            throw new Error('Hub Environments view did not render its "Clusters" tab; the ' +
+                'row-based cluster list this page needs is unreachable without it');
+        }
     }
     async clickDashboard() {
         await this.dashboardTab.click({ timeout: 90000 });

package/dist/pages/8.8/LoginPage.js

@@ -5,6 +5,7 @@ const test_1 = require("@playwright/test");
 const authErrorClassification_1 = require("../../utils/authErrorClassification");
 const UtilitiesPage_1 = require("./UtilitiesPage");
 const sessionRecovery_1 = require("../../utils/sessionRecovery");
+const consoleApiHelpers_1 = require("../../utils/consoleApiHelpers");
 class LoginPage {
     page;
     usernameInput;
@@ -50,7 +51,34 @@ class LoginPage {
     }
     async fillPassword(password) {
         await this.passwordInput.waitFor({ state: 'visible', timeout: 60000 });
-        await this.passwordInput.fill(password);
+        // Auth0's password screen becomes visible before its own scripts finish
+        // wiring up the field, and that initialisation wipes whatever is already
+        // in it. A discarded value makes Continue post an empty password, Auth0
+        // re-renders the same screen with "Password is required", and a login can
+        // burn all five retries without ever reaching the app.
+        //
+        // Typed, not filled: a live trace of that failure shows six fill +
+        // read-back cycles in a row all coming back empty, so re-filling cannot
+        // help -- `fill()` sets the value in one shot and Auth0's own handlers
+        // never see it, leaving their state empty and the field cleared on the
+        // next render. pressSequentially dispatches real key events, which those
+        // handlers do process.
+        //
+        // Polled rather than slept on: the check settles as soon as the value is
+        // there, so a healthy login pays nothing.
+        //
+        // Only the LENGTH is ever read back or asserted on, so the secret cannot
+        // reach a log, a trace entry or an assertion-failure message.
+        await (0, test_1.expect)(async () => {
+            await this.passwordInput.click();
+            await this.passwordInput.fill('');
+            await this.passwordInput.pressSequentially(password, { delay: 20 });
+            await test_1.expect
+                .poll(async () => this.passwordInput
+                .evaluate((el) => el.value.length)
+                .catch(() => 0), { timeout: 5000, intervals: [200, 400, 800] })
+                .toBe(password.length);
+        }).toPass({ timeout: 60000, intervals: [500, 1000, 2000] });
     }
     async clickLoginButton() {
         await this.loginButton.click({ timeout: 60000 });
@@ -58,6 +86,7 @@ class LoginPage {
     async login(credentials = {}) {
         const { username = process.env.C8_USERNAME, password = process.env.C8_PASSWORD, } = credentials;
         (0, sessionRecovery_1.trackSignedInUser)(this.page, username);
+        (0, consoleApiHelpers_1.resetHubBearerToken)(this.page);
         await (0, test_1.expect)(this.usernameInput).toBeVisible({ timeout: 200000 });
         await this.fillUsername(username);
         await this.clickContinueButton();
@@ -69,6 +98,7 @@ class LoginPage {
     async loginWithTestUser(credentials = {}) {
         const { username = process.env.C8_USERNAME_TEST, password = process.env.C8_PASSWORD_TEST, } = credentials;
         (0, sessionRecovery_1.trackSignedInUser)(this.page, username);
+        (0, consoleApiHelpers_1.resetHubBearerToken)(this.page);
         // SSO re-auth may silently log us back in as the previous user after logout.
         // Detect Console (settings button visible) and retry logout until Auth0 form appears.
         const settingsBtn = this.page.getByLabel('Open Settings');
@@ -119,6 +149,7 @@ class LoginPage {
     async loginWithoutOrgAssertion(credentials = {}) {
         const { username = process.env.C8_USERNAME, password = process.env.C8_PASSWORD, } = credentials;
         (0, sessionRecovery_1.trackSignedInUser)(this.page, username);
+        (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.8/ModelerCreatePage.d.ts

@@ -145,6 +145,7 @@ declare class ModelerCreatePage {
     runProcessInstance(clusterName: string, variables?: string, formVariables?: {
         [key: string]: string;
     }, textToVisible?: string, expectRejection?: boolean): Promise<void>;
+    selectOnlyThisResource(): Promise<void>;
     selectCluster(clusterName: string): Promise<void>;
     clickViewProcessInstanceLink(): Promise<void>;
     clickNameInput(): Promise<void>;

package/dist/pages/8.8/ModelerCreatePage.js

@@ -7,6 +7,9 @@ const clickLocatorWithRetry_1 = require("../../utils/assertionHelpers/clickLocat
 const ConnectorMarketplacePage_1 = require("./ConnectorMarketplacePage");
 const ProcessApplicationPage_1 = require("./ProcessApplicationPage");
 const sessionRecovery_1 = require("../../utils/sessionRecovery");
+const hubResourceRename_1 = require("../../utils/hubResourceRename");
+const hubDeployDialog_1 = require("../../utils/hubDeployDialog");
+const consoleApiHelpers_1 = require("../../utils/consoleApiHelpers");
 class ModelerCreatePage {
     page;
     processApplicationPage;
@@ -172,14 +175,38 @@ class ModelerCreatePage {
         this.nameInput = page.getByLabel('Name', { exact: true });
         this.diagramBreadcrumb = page.locator('[data-test="breadcrumb-diagram"]');
         this.renameDiagramNameButton = page.getByText('Rename');
-        this.diagramNameInput = page.locator('[data-test="editable-input"]');
+        // Hub's rename dialog field, with the legacy inline editable kept for
+        // shells where the design-system migration has not shipped.
+        this.diagramNameInput = page
+            .locator('[data-test="rename-input"]')
+            .or(page.locator('[data-test="editable-input"]'))
+            .first();
         this.variableInput = page.locator('[id="variables-json"]');
         this.embedFormButton = page.getByRole('button', { name: 'Link form' });
-        this.embedButton = page.locator('[data-test="confirm-move"]');
+        // Hub's link picker confirms with `link-target-confirm` ("Link");
+        // `confirm-move` was the old move/link dialog's id and exists only in
+        // hub's older cypress specs now. Keep it as a fallback.
+        this.embedButton = page
+            .locator('[data-test="link-target-confirm"]')
+            .or(page.locator('[data-test="confirm-move"]'))
+            .first();
+        // Same picker as clickForm(): entries are buttons labelled
+        // "Select <name>" inside `link-target-list`, not `item-<name>` nodes.
         this.newForm = page
-            .locator('[data-test="item-New form"]')
-            .getByText('New form');
-        this.deploySubButton = page.locator('[data-test="deploy-action"]');
+            .locator('[data-test="link-target-list"]')
+            .getByRole('button', { name: /^Select New form/ })
+            .first()
+            .or(page.locator('[data-test="item-New form"]').getByText('New form'))
+            .first();
+        // `deploy-action` is absent from Hub's shell (a DOM audit of a live run
+        // found no such id); its deploy dialog confirms with a plain button named
+        // "Deploy" in the dialog footer.
+        this.deploySubButton = page
+            .locator('[data-test="deploy-action"]')
+            .or(page
+            .getByRole('dialog')
+            .getByRole('button', { name: 'Deploy', exact: true }))
+            .first();
         this.cancelButton = page.getByRole('button', { name: 'Cancel' });
         this.restConnectorOption = page.locator('[data-id="replace.template-io.camunda.connectors.HttpJson.v2"]');
         this.changeElementSearchInput = page.locator('.djs-popup-search input');
@@ -337,12 +364,25 @@ class ModelerCreatePage {
         this.backupDeployButton = page.getByRole('button', {
             name: 'Deploy',
         });
+        // Hub's design-system shell emits no Carbon markup, so the `cds--toast-*`
+        // scope matched nothing and this assertion read as "not linked" even on a
+        // successful link. Assert the message itself and keep the Carbon scope for
+        // shells that still render it.
         this.formLinkedSuccessMessage = page
+            .getByText('Form has been successfully linked.')
+            .or(page
             .locator('.cds--toast-notification__subtitle')
-            .getByText('Form has been successfully linked.');
-        this.diagramNameBreadcrumb = (diagramName) => page.locator('button[data-test="breadcrumb-diagram"]', {
+            .getByText('Form has been successfully linked.'))
+            .first();
+        // Hub's breadcrumbs carry no data-test (DOM audit of a live run found none
+        // of the breadcrumb-* ids present), so address the diagram by its own name
+        // in the breadcrumb navigation and keep the legacy id as a fallback.
+        this.diagramNameBreadcrumb = (diagramName) => page
+            .locator('button[data-test="breadcrumb-diagram"]', {
             hasText: diagramName,
-        });
+        })
+            .or((0, hubResourceRename_1.hubBreadcrumbs)(page).getByText(diagramName, { exact: true }))
+            .first();
         this.webhookActiveMessage = page.getByText('Webhook is active');
     }
     async clickSecondDeployButton() {
@@ -500,10 +540,16 @@ class ModelerCreatePage {
         // a form with the same name and the picker then lists two identical entries.
         // Scope to the first matching item so the link step stays deterministic on retry
         // instead of failing with a strict-mode violation.
+        // Hub's link picker is `ul[data-test="link-target-list"]` whose entries are
+        // buttons labelled "Select <name>" with a per-file
+        // `data-test="link-target-file-<uuid>"`; the old `item-<name>` id does not
+        // exist on it (a DOM audit of a live run found no `item-*` at all). Keep
+        // the legacy id as a fallback for pre-design-system shells.
         await this.page
-            .locator(`[data-test="item-${name}"]`)
+            .locator('[data-test="link-target-list"]')
+            .getByRole('button', { name: `Select ${name}`, exact: true })
+            .or(this.page.locator(`[data-test="item-${name}"]`).first().getByText(name))
             .first()
-            .getByText(name)
             .click({ timeout: 90000 });
     }
     async clickUserTask(id) {
@@ -620,6 +666,12 @@ class ModelerCreatePage {
         const retryDelayMs = 20000;
         for (let attempt = 1; attempt <= maxRetries; attempt++) {
             try {
+                // Hub lists only the ENVIRONMENTS assigned to the workspace in this
+                // dialog, so a cluster the workspace does not carry is simply absent
+                // from the picker. deployForm() ensures that link for the form path;
+                // a spec that runs a diagram without deploying a form first would
+                // otherwise reach this dialog with nothing to select.
+                await (0, consoleApiHelpers_1.ensureClusterLinkedToSharedWorkspace)(this.page, clusterName);
                 // Inside the loop, not before it: a no-op once bound, but selectCluster
                 // clears the binding when the dialog does not offer the cluster, so the
                 // next attempt rebinds rather than reopening an unchanged dialog.
@@ -677,8 +729,18 @@ class ModelerCreatePage {
             }
         }
     }
+    // Scopes Hub's deploy/run dialog to the single resource being deployed.
+    // Mirrors FormJsPage.selectOnlyThisResource(): the select trigger carries no
+    // aria-labelledby, so it is addressed by its id (`deployment-scope-selection`)
+    // -- a name-based lookup silently matches nothing -- and its options render
+    // in a portal attached to <body>, outside the dialog, so they are looked up
+    // page-scoped. A no-op on dialogs that offer no scope choice.
+    async selectOnlyThisResource() {
+        await (0, hubDeployDialog_1.selectOnlyThisResourceInDialog)(this.page, this.dialog);
+    }
     async selectCluster(clusterName) {
         await (0, test_1.expect)(this.dialog).toBeVisible({ timeout: 30000 });
+        await this.selectOnlyThisResource();
         const healthCheckTimeout = 30000;
         // Inside a process application the deploy dialog renders
         // ProcessAppClusterSelection, not the per-deploy ClusterSelection toggle
@@ -720,15 +782,13 @@ class ModelerCreatePage {
             }
             return;
         }
-        const healthyRegex = new RegExp(`${clusterName}.*?HealthydevManage`);
+        const healthyRegex = new RegExp(`${clusterName}.*?Healthy`);
         const clusterLabel = this.dialog
             .locator('label')
             .filter({ hasText: new RegExp(`^${clusterName}`) });
         await (0, test_1.expect)(clusterLabel).toBeVisible({ timeout: 30000 });
         await clusterLabel.click();
-        await (0, test_1.expect)(clusterLabel.getByRole('switch')).toBeChecked({
-            timeout: 30000,
-        });
+        await (0, hubDeployDialog_1.assertClusterSelectedInDialog)(this.dialog, clusterName);
         await (0, test_1.expect)(this.dialog).toHaveText(healthyRegex, {
             timeout: healthCheckTimeout,
         });
@@ -809,8 +869,10 @@ class ModelerCreatePage {
         }).toPass({ timeout: 60000, intervals: [1000, 2000, 5000] });
     }
     async enterDiagramName(name) {
-        await this.diagramNameInput.fill(name, { timeout: 90000 });
-        await this.diagramNameInput.press('Enter', { timeout: 90000 });
+        // Hub renames through the current crumb's actions menu into a shared
+        // dialog; the inline editable this used to fill never mounts on its own.
+        // "New BPMN diagram" is the server default the diagram still carries here.
+        await (0, hubResourceRename_1.renameHubResource)(this.page, 'New BPMN diagram', name);
     }
     async clickVariableInput() {
         await this.variableInput.click({ timeout: 60000 });

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

@@ -1,12 +1,18 @@
 import { Page, Locator } from '@playwright/test';
 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;
@@ -49,6 +55,7 @@ declare class ModelerHomePage {
     reload(): Promise<void>;
     getProjectNames(name: string): Promise<string[]>;
     clickProcessDiagram(name: string): Promise<void>;
+    private openProjectCreateMenuWithResources;
     clickDiagramTypeDropdown(): Promise<void>;
     clickWorkspaceDiagramTypeDropdown(): Promise<void>;
     clickBpmnTemplateOption(): Promise<void>;
@@ -61,7 +68,9 @@ declare class ModelerHomePage {
     private ensureInResourceContainer;
     returnToResourceContainer(): Promise<void>;
     startBlankBpmnDiagram(): Promise<void>;
+    showAllWorkspaces(probeTimeout: number): Promise<void>;
     private becameVisible;
+    private createWorkspaceViaWizard;
     clickHomeBreadcrumb(): Promise<void>;
     private dismissBlockingDialogs;
     clickOpenOrganizationsButton(): Promise<void>;
@@ -70,6 +79,7 @@ declare class ModelerHomePage {
     clickCrossComponentProjectFolder(): Promise<void>;
     private clickCrossComponentProjectFolderWithRetry;
     createCrossComponentProjectFolder(): Promise<void>;
+    private enterProjectInsideWorkspace;
     clickManageButton(retries?: number): Promise<void>;
     clickUploadFilesButton(): Promise<void>;
     clickMessageBanner(): Promise<void>;