@camunda/e2e-test-suite 0.0.1251 → 0.0.1252

package/dist/pages/8.9/AppsPage.js

@@ -93,18 +93,21 @@ class AppsPage {
     // look up the app link sidebar-wide rather than scoped to a "group"
     // container that doesn't reliably exist.
     async clickHubClusterApp(clusterName, appName) {
-        // 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 app names are distinct enough that a substring match
-        // carries no ambiguity risk.
-        const appLink = this.hubSidebar.getByRole('link', {
-            name: appName,
-        });
+        // When the sidebar is collapsed (the default on a fresh session), the
+        // group toggle opens a Radix popover -- a role="dialog" labelled with the
+        // cluster name and portalled OUTSIDE the "Main navigation" <nav> -- so a
+        // sidebar-scoped lookup finds nothing there (nightly trace: the toggle
+        // flips to aria-expanded="true" and the popover renders "Operate in Test
+        // Cluster (opens in a new tab)" et al., yet the nav-scoped link never
+        // resolves). Look in that popover first; keep the sidebar-scoped lookup
+        // for the expanded-sidebar layout, where the links render inline.
+        // Not exact: the rendered accessible name carries more than the bare app
+        // name (e.g. "Operate in <cluster> (opens in a new tab)").
+        const appLink = this.page
+            .getByRole('dialog', { name: clusterName, exact: true })
+            .getByRole('link', { name: appName })
+            .or(this.hubSidebar.getByRole('link', { name: appName }))
+            .first();
         // Decide whether to expand from clusterName's OWN toggle state, not from
         // whether "some" appLink is already visible sidebar-wide: in a
         // multi-cluster org another cluster's group can already be expanded with
@@ -123,6 +126,15 @@ class AppsPage {
             await collapsedToggle.click({ timeout: 10000 });
         }
         await (0, test_1.expect)(appLink).toBeVisible({ timeout: 30000 });
+        // Hub's cluster-app links carry target="_blank", so clicking them opens
+        // the app in a new tab while every caller keeps asserting on this.page.
+        // Follow the href in the current tab instead, matching the same-tab
+        // navigation the Console app switcher gave these callers.
+        const href = await appLink.getAttribute('href');
+        if (href) {
+            await this.page.goto(new URL(href, this.page.url()).toString());
+            return;
+        }
         await appLink.click({ timeout: 10000 });
     }
     async clickModeler() {

package/dist/pages/8.9/ClusterDetailsPage.js

@@ -174,7 +174,14 @@ class ClusterDetailsPage {
         this.orchestrationClusterCheckbox = page
             .locator('label')
             .filter({ hasText: /^Orchestration Cluster API$/ });
-        this.clientCredentialsLink = (clientCredentials) => page.getByRole('cell', { name: clientCredentials }).locator('a');
+        // Camunda Hub's data table renders the client name as a link-styled
+        // <button data-slot="button"> rather than an <a>. The cell also holds a
+        // pointer-events-none row-overlay button with the same accessible name,
+        // so match the visible one by its data-slot.
+        this.clientCredentialsLink = (clientCredentials) => page
+            .getByRole('cell', { name: clientCredentials })
+            .locator('a, button[data-slot="button"]')
+            .first();
         this.clientRow = (name) => this.clientsList.filter({ hasText: name });
         this.clientRowDeleteButton = (name) => this.clientRow(name).getByRole('button', { name: 'Delete' });
         this.mcpSupportToggle = page.getByRole('switch', {

package/dist/pages/8.9/ClusterPage.js

@@ -76,33 +76,32 @@ class ClusterPage {
         this.connectorSecretsTab = page.getByRole('tab', {
             name: 'Connector Secrets',
         });
-        this.belgiumRegion = page.locator('label').filter({
+        // Camunda Hub's create-cluster form replaced the Carbon tiles (a
+        // <label> per option) and tabs with design-system choice cards and toggle
+        // groups, all exposed as role="radio" named by their title. Each locator
+        // below accepts either shape via this helper.
+        const choice = (legacy, name) => legacy.or(page.getByRole('radio', { name, exact: true }));
+        this.belgiumRegion = choice(page.locator('label').filter({
             hasText: 'Chaos, Belgium, Europe (europe-west1)',
-        });
-        this.londonRegion = page.locator('label').filter({
-            hasText: 'London, Europe (europe-west2)',
-        });
-        this.ohioRegion = page.locator('label').filter({
+        }), 'Chaos, Belgium, Europe (europe-west1)');
+        this.londonRegion = choice(page.locator('label').filter({ hasText: 'London, Europe (europe-west2)' }), 'London, Europe (europe-west2)');
+        this.ohioRegion = choice(page.locator('label').filter({
             hasText: 'Ohio, North America (us-east-2)',
-        });
-        this.finlandRegion = page.locator('label').filter({
+        }), 'Ohio, North America (us-east-2)');
+        this.finlandRegion = choice(page.locator('label').filter({
             hasText: 'Finland, Europe (europe-north1)',
-        });
+        }), 'Finland, Europe (europe-north1)');
         this.createAClusterButton = page.getByRole('button', {
             name: 'Create a Cluster',
         });
         this.clusterVersionOption = page.getByText(`${process.env.CLUSTER_VERSION}`, { exact: true });
         this.generationSearchInput = page.getByPlaceholder('Search generations');
-        this.g3DevClusterType = page.locator('label').filter({
-            hasText: this.defaultClusterType,
-        });
-        this.alphaTab = page.getByRole('tab', { name: 'Alpha' });
-        this.devTab = page.getByRole('tab', { name: 'Internal Dev' });
-        this.stableTab = page.getByRole('tab', { name: 'Stable' });
-        this.qaGenerationsTab = page.getByRole('tab', { name: 'QA Generations' });
-        this.gcpRegion = page.getByRole('tab', {
-            name: 'GCP',
-        });
+        this.g3DevClusterType = choice(page.locator('label').filter({ hasText: this.defaultClusterType }), this.defaultClusterType);
+        this.alphaTab = choice(page.getByRole('tab', { name: 'Alpha' }), 'Alpha');
+        this.devTab = choice(page.getByRole('tab', { name: 'Internal Dev' }), 'Internal Dev');
+        this.stableTab = choice(page.getByRole('tab', { name: 'Stable' }), 'Stable');
+        this.qaGenerationsTab = choice(page.getByRole('tab', { name: 'QA Generations' }), 'QA Generations');
+        this.gcpRegion = choice(page.getByRole('tab', { name: 'GCP' }), 'GCP');
         this.clustersList = page
             .getByRole('row')
             .filter({ hasNotText: 'Generation' }); //Filter out header row
@@ -261,7 +260,10 @@ class ClusterPage {
         await this.clickClusterNameInput();
         await this.fillClusterNameInput(name);
         await this.clickClusterType();
-        await this.page.getByRole('tab', { name: region }).click();
+        await this.page
+            .getByRole('tab', { name: region })
+            .or(this.page.getByRole('radio', { name: region, exact: true }))
+            .click();
         await this.selectSubRegion(region);
         await this.clickClusterOption();
         await this.determineTasklistAPI(tasklistV1Api);

package/dist/pages/8.9/HomePage.js

@@ -52,10 +52,15 @@ 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 -- see AppsPage.clickCamundaApps), 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');
         // "Camunda logo Console" was the old Carbon header's logo link. Camunda
         // Hub has no equivalent link -- its post-login landing is `hubHeader`

package/dist/pages/8.9/ProcessApplicationPage.js

@@ -48,32 +48,52 @@ 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 renamed the process application to a "project", created from
+        // the workspace's "Create project" split button + dialog (camunda-hub
+        // CreateSplitButton / CreateProjectModal) -- the same surface
+        // pages/SM-8.10/ProcessApplicationPage.ts already handles. exact: the split
+        // button's chevron is labelled "Create project options".
         this.createProcessApplicationButton = page
-            .getByRole('button', { name: 'Create process application' })
+            .getByRole('button', { name: 'Create project', exact: true })
+            .or(page.getByRole('button', { name: 'Create process application' }))
             .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')
+            .filter({ has: page.getByLabel('Project name') })
+            .or(page.getByRole('dialog', { name: 'Create a process application' }))
+            .first();
         // 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',
-            exact: true,
-        });
+        this.nameInput = this.creationDialog
+            .getByLabel('Project name')
+            .or(this.creationDialog.getByLabel('Name', { exact: true }))
+            .first();
+        this.submitButton = this.creationDialog
+            .getByRole('button', { name: 'Create project', exact: true })
+            .or(this.creationDialog.getByRole('button', { name: 'Create', exact: true }))
+            .first();
         this.cancelButton = this.creationDialog.getByRole('button', {
             name: 'Cancel',
             exact: true,
         });
-        this.breadcrumb = page.locator('[data-test="breadcrumb-process-application-menu"]');
+        // The Hub project detail renders a title-bar hook instead of the
+        // process-application breadcrumb menu; either proves we are inside.
+        this.breadcrumb = page
+            .locator('[data-test="breadcrumb-process-application-menu"]')
+            .or(page.locator('[data-test="process-application-title-bar"]'))
+            .first();
         this.folderExplorer = page.getByRole('region', { name: 'Folder explorer' });
         // 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.
+        // The Hub project detail has no "Folder explorer" region and renders its
+        // "Create new" menu as [data-test="create-action-dropdown"] (camunda-hub
+        // CreateActionDs), so accept that page-wide as well.
         this.createNewDropdown = this.folderExplorer
             .locator('[data-test="diagram-dropdown"]')
+            .or(page.locator('[data-test="create-action-dropdown"]'))
             .first();
         this.inlineNameInput = page.locator('[data-test="editable-input"]');
         this.defineStagesDialog = page

package/package.json

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