@camunda/e2e-test-suite 0.0.1249 → 0.0.1251

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/pages/BrowseAllConnectorMarketplacePage.d.ts

@@ -0,0 +1,17 @@
+import { Locator, Page } from '@playwright/test';
+declare class BrowseAllConnectorMarketplacePage {
+    private page;
+    readonly searchForConnectorTextbox: Locator;
+    private readonly marketplaceConnectorList;
+    private readonly marketplaceConnectorCard;
+    private readonly marketplaceDetailFooter;
+    private readonly availableElementsHeading;
+    private readonly importModal;
+    constructor(page: Page);
+    isOpen(): Promise<boolean>;
+    waitForConnectorSearchResult(connectorName?: string): Promise<Locator>;
+    importConnectorToProject(connectorName?: string): Promise<void>;
+    private completeImportReviewIfNecessary;
+    private findConnectorCard;
+}
+export { BrowseAllConnectorMarketplacePage };

package/dist/pages/BrowseAllConnectorMarketplacePage.js

@@ -0,0 +1,145 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrowseAllConnectorMarketplacePage = void 0;
+class BrowseAllConnectorMarketplacePage {
+    page;
+    searchForConnectorTextbox;
+    marketplaceConnectorList;
+    marketplaceConnectorCard;
+    marketplaceDetailFooter;
+    availableElementsHeading;
+    importModal;
+    constructor(page) {
+        this.page = page;
+        this.searchForConnectorTextbox = page.getByRole('searchbox', {
+            name: 'Search elements and reusable assets',
+        });
+        this.marketplaceConnectorList = page.getByRole('list', {
+            name: 'Marketplace connectors',
+        });
+        this.marketplaceConnectorCard = this.marketplaceConnectorList
+            .getByRole('button', {
+            name: /^View details for .+ from Marketplace$/,
+        })
+            .first();
+        this.marketplaceDetailFooter = page.locator('[data-test="marketplace-detail-footer"]');
+        this.availableElementsHeading = page.getByRole('heading', {
+            name: 'Available elements',
+        });
+        this.importModal = page.locator('[data-test="import-modal"]');
+    }
+    async isOpen() {
+        return await this.searchForConnectorTextbox.isVisible();
+    }
+    async waitForConnectorSearchResult(connectorName) {
+        await this.marketplaceConnectorCard.waitFor({
+            state: 'visible',
+            timeout: 120000,
+        });
+        return await this.findConnectorCard(connectorName);
+    }
+    async importConnectorToProject(connectorName) {
+        const connectorCard = await this.waitForConnectorSearchResult(connectorName);
+        await connectorCard.click({ timeout: 60000 });
+        const browseAllDialog = this.page.getByRole('dialog').filter({
+            has: this.page.getByRole('button', { name: 'Back to all results' }),
+        });
+        await browseAllDialog.waitFor({ state: 'visible', timeout: 60000 });
+        const addButton = this.marketplaceDetailFooter.getByRole('button', {
+            name: /^(Add to project|Add remaining elements)$/,
+        });
+        const addedStatus = this.marketplaceDetailFooter.getByText('Added to this project', { exact: true });
+        const retryButton = this.marketplaceDetailFooter.getByRole('button', {
+            name: 'Try again',
+        });
+        const detailState = addButton.or(addedStatus).or(retryButton);
+        for (let attempt = 1; attempt <= 3; attempt++) {
+            await detailState.waitFor({ state: 'visible', timeout: 120000 });
+            if (await addedStatus.isVisible()) {
+                break;
+            }
+            if (await retryButton.isVisible()) {
+                if (attempt === 3) {
+                    throw new Error('Browse All could not inspect the Marketplace connector after 3 attempts.');
+                }
+                await retryButton.click({ timeout: 60000 });
+                continue;
+            }
+            await addButton.click({ timeout: 60000 });
+            if (await this.completeImportReviewIfNecessary(retryButton)) {
+                break;
+            }
+            if (attempt === 3) {
+                throw new Error('Browse All could not import the Marketplace connector after 3 attempts.');
+            }
+        }
+        await this.availableElementsHeading.waitFor({
+            state: 'visible',
+            timeout: 120000,
+        });
+        await browseAllDialog
+            .getByRole('button', { name: 'Close' })
+            .click({ timeout: 60000 });
+        await browseAllDialog.waitFor({ state: 'hidden', timeout: 60000 });
+    }
+    async completeImportReviewIfNecessary(retryButton) {
+        await this.importModal
+            .or(this.availableElementsHeading)
+            .or(retryButton)
+            .waitFor({ state: 'visible', timeout: 120000 });
+        if (await retryButton.isVisible()) {
+            return false;
+        }
+        if (!(await this.importModal.isVisible())) {
+            return true;
+        }
+        const confirmButton = this.importModal
+            .getByRole('button', {
+            name: /^(Add to project|Replace resource|Save as copy)$/,
+        })
+            .first();
+        const confirmationVisible = await confirmButton
+            .waitFor({ state: 'visible', timeout: 10000 })
+            .then(() => true)
+            .catch(() => false);
+        if (confirmationVisible) {
+            await confirmButton.click({ timeout: 60000 });
+        }
+        await this.importModal.waitFor({ state: 'hidden', timeout: 120000 });
+        await this.availableElementsHeading
+            .or(retryButton)
+            .waitFor({ state: 'visible', timeout: 120000 });
+        return !(await retryButton.isVisible());
+    }
+    async findConnectorCard(connectorName) {
+        if (!connectorName) {
+            return this.marketplaceConnectorCard;
+        }
+        const exactCard = this.marketplaceConnectorList.getByRole('button', {
+            name: `View details for ${connectorName} from Marketplace`,
+            exact: true,
+        });
+        const searchWords = connectorName
+            .replace(/\s+connector$/i, '')
+            .trim()
+            .split(/\s+/)
+            .map(escapeRegExp)
+            .join('.*');
+        const relatedCard = this.marketplaceConnectorList
+            .getByRole('button', {
+            name: new RegExp(`^View details for .*${searchWords}.* from Marketplace$`, 'i'),
+        })
+            .first();
+        if (await exactCard.isVisible()) {
+            return exactCard;
+        }
+        if (await relatedCard.isVisible()) {
+            return relatedCard;
+        }
+        return this.marketplaceConnectorCard;
+    }
+}
+exports.BrowseAllConnectorMarketplacePage = BrowseAllConnectorMarketplacePage;
+function escapeRegExp(value) {
+    return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}

package/dist/pages/SM-8.10/ClusterDetailsPage.d.ts

@@ -1,7 +1,7 @@
 import { Page, Locator } from '@playwright/test';
 declare class ClusterDetailsPage {
     private page;
-    readonly customPropertiesHeading: Locator;
+    readonly clusterDetailsHeading: Locator;
     constructor(page: Page);
     assertCustomPropertyIsNavigated(linkTitle: string, linkName: string, link: string | RegExp): Promise<void>;
 }