@camunda/e2e-test-suite 0.0.1287 → 0.0.1288

package/dist/pages/8.9/ClusterSecretsPage.js

@@ -301,7 +301,11 @@ class ClusterSecretsPage {
             timeout: 60000,
         });
         await this.page.reload();
-        await (0, sleep_1.sleep)(5000);
+        // Hub keeps the selected cluster tab out of the URL, so the reload lands
+        // on Overview, where assertSecretsOrCreate finds no search box and tries
+        // to create every secret. Re-select the tab, as pages/8.8 does (45eae7b).
+        await this.clusterSecretTab.first().click({ timeout: 60000 });
+        await (0, test_1.expect)(this.createNewSecretButton).toBeVisible({ timeout: 60000 });
     }
 }
 exports.ClusterSecretsPage = ClusterSecretsPage;

package/dist/pages/8.9/ConnectorMarketplacePage.d.ts

@@ -8,6 +8,7 @@ declare class ConnectorMarketplacePage {
     readonly replaceResourceButton: Locator;
     readonly addToProjectButton: Locator;
     readonly cancelButton: Locator;
+    readonly browseAllMarketplaceDetailsButton: Locator;
     constructor(page: Page);
     clickSearchForConnectorTextbox(): Promise<void>;
     fillSearchForConnectorTextbox(connectorName: string): Promise<void>;

package/dist/pages/8.9/ConnectorMarketplacePage.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConnectorMarketplacePage = void 0;
+const test_1 = require("@playwright/test");
 class ConnectorMarketplacePage {
     page;
     searchForConnectorTextbox;
@@ -10,9 +11,25 @@ class ConnectorMarketplacePage {
     replaceResourceButton;
     addToProjectButton;
     cancelButton;
+    browseAllMarketplaceDetailsButton;
     constructor(page) {
         this.page = page;
-        this.searchForConnectorTextbox = page.getByPlaceholder('Search for a connector');
+        // The legacy marketplace modal, or camunda-hub's "Browse all" dialog
+        // (BrowseAllDialog.tsx), which lists Marketplace connectors alongside the
+        // diagram's own elements and reusable assets. Same shape as pages/8.8.
+        this.searchForConnectorTextbox = page
+            .getByPlaceholder('Search for a connector')
+            .or(page.locator('#browse-all-search'))
+            .or(page.getByRole('searchbox', {
+            name: 'Search elements and reusable assets',
+        }))
+            .first();
+        // A Browse all Marketplace card opens its review step ("Add to project")
+        // through this button; self-hosted connectors only link to setup docs.
+        this.browseAllMarketplaceDetailsButton = page
+            .getByRole('list', { name: 'Marketplace connectors' })
+            .getByRole('button', { name: /^View details for .+ from Marketplace$/ })
+            .first();
         this.downloadToProjectButton = page
             .getByRole('button', { name: 'Download to project' })
             .first();
@@ -45,7 +62,26 @@ class ConnectorMarketplacePage {
         await this.replaceResourceButton.click({ timeout: 60000 });
     }
     async downloadConnectorToProject() {
-        await this.clickDownloadToProjectButton();
+        // Browse all has no "Download to project": a result is a card that opens
+        // its own review step, which is where the import action lives. Wait for
+        // whichever entry point this shell renders before deciding.
+        await (0, test_1.expect)(this.downloadToProjectButton
+            .or(this.browseAllMarketplaceDetailsButton)
+            .first()).toBeVisible({ timeout: 60000 });
+        if (await this.downloadToProjectButton.isVisible()) {
+            await this.clickDownloadToProjectButton();
+        }
+        else {
+            await this.browseAllMarketplaceDetailsButton.click({ timeout: 30000 });
+        }
+        // The Browse all review step fetches the connector's details before it
+        // renders "Add to project"; let an outcome render before the 20s race.
+        await this.addToProjectButton
+            .or(this.replaceResourceButton)
+            .or(this.cancelButton)
+            .first()
+            .waitFor({ state: 'visible', timeout: 60000 })
+            .catch(() => { });
         let imported = false;
         try {
             await Promise.race([
@@ -67,7 +103,14 @@ class ConnectorMarketplacePage {
             await this.snackbar
                 .waitFor({ state: 'visible', timeout: 60000 })
                 .catch(() => { });
-            if (await this.closeButton.isVisible({ timeout: 5000 }).catch(() => false)) {
+            // Only close the marketplace if it is still open: a bare "Close"
+            // button otherwise matches the properties panel's own close (x) and
+            // collapses it, hiding the connector's "Input" tab (see pages/8.8).
+            const marketplaceStillOpen = await this.searchForConnectorTextbox
+                .isVisible()
+                .catch(() => false);
+            if (marketplaceStillOpen &&
+                (await this.closeButton.isVisible({ timeout: 5000 }).catch(() => false))) {
                 await this.closeButton.click({ timeout: 10000 });
             }
         }

package/dist/pages/8.9/ConsoleOrganizationPage.d.ts

@@ -45,8 +45,9 @@ declare class ConsoleOrganizationPage {
     selectAnalystRole(username: string): Promise<void>;
     selectModelerRole(username: string): Promise<void>;
     selectAdminRole(username: string): Promise<void>;
-    clickOptionsButton(): Promise<void>;
-    clickEditUserMenuItem(): Promise<void>;
+    private userOptionsButton;
+    clickOptionsButton(username: string): Promise<void>;
+    clickEditUserMenuItem(username: string): Promise<void>;
     checkModelerCheckbox(): Promise<void>;
     checkAdminCheckbox(): Promise<void>;
     checkAnalystCheckbox(): Promise<void>;

package/dist/pages/8.9/ConsoleOrganizationPage.js

@@ -64,18 +64,22 @@ class ConsoleOrganizationPage {
         // (confirmed live: the name-scoped version timed out the same as the
         // original role="group" one).
         const openDialog = page.getByRole('dialog');
-        this.modelerCheckbox = openDialog.getByRole('checkbox', {
-            name: 'Modeler',
-            exact: true,
-        });
-        this.adminCheckbox = openDialog.getByRole('checkbox', {
-            name: 'Admin',
-            exact: true,
-        });
-        this.analystCheckbox = openDialog.getByRole('checkbox', {
-            name: 'Analyst',
-            exact: true,
-        });
+        // Hub renamed the platform roles, and the "Edit user" dialog states each
+        // mapping in the role's own description (8.9 nightly trace DOM, checkbox
+        // ids c4-management-change-org-roles-*): "Member ... Formerly the Modeler
+        // role.", "Organization Admin ... Formerly the Admin role.", "DevOps ...
+        // Formerly the Operations Engineer role."; Analyst is unchanged. There is
+        // no "Modeler" checkbox at all any more, which is why the exact-name
+        // lookup resolved to nothing. Anchored regex rather than `exact`, since
+        // the accessible name can carry the description after the label. Same
+        // locators as pages/8.8.
+        const roleCheckbox = (current, legacy) => openDialog
+            .getByRole('checkbox', { name: current })
+            .or(openDialog.getByRole('checkbox', { name: legacy, exact: true }))
+            .first();
+        this.modelerCheckbox = roleCheckbox(/^Member\b/, 'Modeler');
+        this.adminCheckbox = roleCheckbox(/^Organization Admin\b/, 'Admin');
+        this.analystCheckbox = roleCheckbox(/^Analyst\b/, 'Analyst');
         this.confirmButton = page.getByRole('button', { name: 'Confirm' });
         this.settingsTab = page.getByRole('tab', { name: 'Settings' });
         this.optInButton = page.getByRole('button', { name: 'Opt-in', exact: true });
@@ -184,8 +188,8 @@ class ConsoleOrganizationPage {
     }
     async selectAnalystRole(username) {
         await this.filterTable([username]);
-        await this.clickOptionsButton();
-        await this.clickEditUserMenuItem();
+        await this.clickOptionsButton(username);
+        await this.clickEditUserMenuItem(username);
         await this.checkAnalystCheckbox();
         await this.uncheckModelerCheckbox();
         await this.uncheckAdminCheckbox();
@@ -196,8 +200,8 @@ class ConsoleOrganizationPage {
     }
     async selectModelerRole(username) {
         await this.filterTable([username]);
-        await this.clickOptionsButton();
-        await this.clickEditUserMenuItem();
+        await this.clickOptionsButton(username);
+        await this.clickEditUserMenuItem(username);
         await this.uncheckAnalystCheckbox();
         await this.uncheckAdminCheckbox();
         await this.checkModelerCheckbox();
@@ -208,8 +212,8 @@ class ConsoleOrganizationPage {
     }
     async selectAdminRole(username) {
         await this.filterTable([username]);
-        await this.clickOptionsButton();
-        await this.clickEditUserMenuItem();
+        await this.clickOptionsButton(username);
+        await this.clickEditUserMenuItem(username);
         await this.uncheckAnalystCheckbox();
         await this.uncheckModelerCheckbox();
         await this.checkAdminCheckbox();
@@ -218,11 +222,32 @@ class ConsoleOrganizationPage {
             timeout: 90000,
         });
     }
-    async clickOptionsButton() {
-        await this.optionsButton.click({ timeout: 60000 });
+    // Scoped to the user's own row: the table can still list other users when
+    // the menu opens, and a page-wide `.first()` would edit their roles.
+    userOptionsButton(username) {
+        const row = this.page.getByRole('row').filter({ hasText: username });
+        return row
+            .getByRole('button', { name: 'Options' })
+            .or(row.getByRole('button', { name: 'Row actions' }))
+            .first();
     }
-    async clickEditUserMenuItem() {
-        await this.editUserMenuItem.click({ timeout: 60000 });
+    async clickOptionsButton(username) {
+        await this.userOptionsButton(username).click({ timeout: 60000 });
+    }
+    // The row menu can close under the click when the Users table re-renders
+    // (nightly: "element was detached from the DOM", after which the item never
+    // returns), so reopen it and retry rather than wait on a closed menu.
+    async clickEditUserMenuItem(username) {
+        await (0, test_1.expect)(async () => {
+            const menuOpen = await this.editUserMenuItem
+                .waitFor({ state: 'visible', timeout: 5000 })
+                .then(() => true)
+                .catch(() => false);
+            if (!menuOpen) {
+                await this.userOptionsButton(username).click({ timeout: 10000 });
+            }
+            await this.editUserMenuItem.click({ timeout: 10000 });
+        }).toPass({ timeout: 90000, intervals: [1000, 2000, 5000] });
     }
     async checkModelerCheckbox() {
         if (!(await this.modelerCheckbox.isChecked({ timeout: 60000 }))) {

package/dist/pages/8.9/FormJsPage.d.ts

@@ -3,6 +3,9 @@ declare class FormJsPage {
     private page;
     private processApplicationPage;
     readonly aiFormGeneratorButton: Locator;
+    readonly copilotCtaButton: Locator;
+    readonly copilotChatInput: Locator;
+    readonly copilotSendButton: Locator;
     readonly formRequestInput: Locator;
     readonly generateFormButton: Locator;
     readonly formEditor: Locator;
@@ -22,6 +25,7 @@ declare class FormJsPage {
     readonly deploySuccessNotification: Locator;
     constructor(page: Page);
     generateAIForm(request?: string): Promise<void>;
+    private generateFormWithCopilot;
     clickAIFormGeneratorButton(): Promise<void>;
     clickFormRequestInput(): Promise<void>;
     fillFormRequestInput(formRequest: string): Promise<void>;

package/dist/pages/8.9/FormJsPage.js

@@ -5,10 +5,14 @@ const test_1 = require("@playwright/test");
 const sleep_1 = require("../../utils/sleep");
 const ProcessApplicationPage_1 = require("./ProcessApplicationPage");
 const modelerCluster_1 = require("../../utils/modelerCluster");
+const hubDeployDialog_1 = require("../../utils/hubDeployDialog");
 class FormJsPage {
     page;
     processApplicationPage;
     aiFormGeneratorButton;
+    copilotCtaButton;
+    copilotChatInput;
+    copilotSendButton;
     formRequestInput;
     generateFormButton;
     formEditor;
@@ -32,6 +36,16 @@ class FormJsPage {
         this.aiFormGeneratorButton = page.getByRole('button', {
             name: 'AI Form Generator',
         });
+        // camunda-hub #21398 retired the form page's AI Form Generator in favour
+        // of the Camunda Copilot sidecar: with One Copilot on, the empty form
+        // offers "Try Camunda Copilot" instead (FormDs.tsx / CopilotCTA.tsx), and
+        // the sidecar's chat input and send button come from
+        // camunda-copilot-client's ChatInput. Same shape as pages/8.7.
+        this.copilotCtaButton = page.getByRole('button', {
+            name: 'Try Camunda Copilot',
+        });
+        this.copilotChatInput = page.getByPlaceholder('Type a message...');
+        this.copilotSendButton = page.getByRole('button', { name: 'Send message' });
         this.formRequestInput = page.getByPlaceholder('A form for an american standard loan request');
         this.generateFormButton = page.getByRole('button', { name: 'Generate form' });
         this.formEditor = page.getByLabel('Form Definition');
@@ -57,21 +71,40 @@ class FormJsPage {
         // Inside a process application hub titles this modal for the application
         // rather than for the form, so 'Deploy form' never matches and the dialog
         // reads as absent. pages/SM-8.10 filters on 'Deploy' for the same reason.
+        // Camunda Hub's design-system shell renders no Carbon markup: the nightly
+        // trace shows the "Deploy project" dialog open with no `cds--*` classes,
+        // so the Carbon container selector matched nothing and the dialog read as
+        // absent. Same locator pages/8.8 uses.
         this.dialog = page
+            .getByRole('dialog')
+            .filter({ hasText: 'Deploy' })
+            .or(page
             .locator('.cds--modal-container[role="dialog"]')
-            .filter({ hasText: 'Deploy' });
+            .filter({ hasText: 'Deploy' }))
+            .first();
         this.deploySubButton = this.dialog.getByRole('button', {
             name: 'Deploy',
             exact: true,
         });
+        // Same Carbon-to-design-system move as the dialog above: Hub's success
+        // toast is not a `cds--toast-*` node. With the scope narrowed to "Only
+        // this resource" Hub still titles it "Form deployed!" (camunda-hub
+        // deploy/get-success-message.ts), so match that text anywhere.
         this.deploySuccessNotification = page
+            .getByText('Form deployed!')
+            .or(page
             .locator('.cds--toast-notification--success')
-            .filter({ hasText: 'Form deployed!' });
+            .filter({ hasText: 'Form deployed!' }))
+            .first();
     }
     async generateAIForm(request = 'Create a form with the following fields: 1. A text field with the label "Full Name" 2. A number with the label "Count" 3. A date input with the label "Date of birth"4. A Checkbox with the label "Agree"') {
-        await (0, test_1.expect)(this.aiFormGeneratorButton).toBeVisible({
+        await (0, test_1.expect)(this.aiFormGeneratorButton.or(this.copilotCtaButton).first()).toBeVisible({
             timeout: 90000,
         });
+        if (!(await this.aiFormGeneratorButton.isVisible())) {
+            await this.generateFormWithCopilot(request);
+            return;
+        }
         await this.clickAIFormGeneratorButton();
         await this.clickFormRequestInput();
         await this.fillFormRequestInput(request);
@@ -80,6 +113,19 @@ class FormJsPage {
         await (0, test_1.expect)(this.page.getByText('Successfully generated smart form.')).toBeVisible({ timeout: 300000 });
         await (0, sleep_1.sleep)(60000);
     }
+    async generateFormWithCopilot(request) {
+        await this.copilotCtaButton.click({ timeout: 30000 });
+        await (0, test_1.expect)(this.copilotChatInput).toBeVisible({ timeout: 60000 });
+        await this.copilotChatInput.fill(request);
+        await this.copilotSendButton.click({ timeout: 30000 });
+        // Copilot edits the open form in place; the generated form is ready once
+        // every requested field shows up on the canvas.
+        for (const label of ['Full Name', 'Count', 'Date of birth', 'Agree']) {
+            await (0, test_1.expect)(this.formEditor.getByText(label).first()).toBeVisible({
+                timeout: 300000,
+            });
+        }
+    }
     async clickAIFormGeneratorButton() {
         await this.aiFormGeneratorButton.click();
     }
@@ -219,22 +265,10 @@ class FormJsPage {
     // silently turning it into a process-application deploy. The combobox only
     // exists inside a container, hence the boolean probe.
     async selectOnlyThisResource() {
-        const scopeSelect = this.dialog.getByRole('combobox', {
-            name: 'Resources to deploy',
-        });
-        const hasScopeSelect = await scopeSelect
-            .waitFor({ state: 'visible', timeout: 10000 })
-            .then(() => true)
-            .catch(() => false);
-        if (!hasScopeSelect) {
-            return;
-        }
-        await scopeSelect.click();
-        await this.dialog
-            .getByRole('option', { name: 'Only this resource' })
-            .or(this.dialog.getByText('Only this resource', { exact: true }))
-            .first()
-            .click({ timeout: 30000 });
+        // Hub's scope select is named by its value ("All resources"), not by the
+        // "Resources to deploy" label, so the name lookup this used matched
+        // nothing. The shared helper addresses it by id, as pages/8.8 does.
+        await (0, hubDeployDialog_1.selectOnlyThisResourceInDialog)(this.page, this.dialog);
     }
     async deployForm(clusterName) {
         await this.processApplicationPage.ensureStageCluster(clusterName);

package/dist/pages/8.9/IdpCreatePage.js

@@ -74,8 +74,13 @@ class IdpCreatePage {
         this.idpExtractionDescriptionField = page
             .getByRole('region', { name: 'Create extraction template' })
             .locator('#idp-project-description');
+        // Hub now renders "Create classification template" as a design-system
+        // dialog (role="dialog", data-slot="dialog-content") rather than a
+        // labelled region -- the 8.9 nightly trace shows the field inside it, so
+        // the region-scoped lookup timed out. Accept either container.
         this.idpClassificationDescriptionField = page
             .getByRole('region', { name: 'Create classification template' })
+            .or(page.getByRole('dialog', { name: 'Create classification template' }))
             .locator('#idp-project-description');
         this.createIdpExtractationTemplateButton = page.getByRole('button', {
             name: 'Create template',

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

@@ -105,6 +105,8 @@ declare class ModelerCreatePage {
     readonly eighthPlacedElement: Locator;
     readonly deployAndRunMainButton: Locator;
     readonly deployAndRunSubButton: Locator;
+    readonly deployRunActions: Locator;
+    readonly deployAndRunMenuItem: Locator;
     readonly dialog: Locator;
     readonly backupDeployButton: Locator;
     readonly globalConnectToolButton: Locator;
@@ -143,6 +145,7 @@ declare class ModelerCreatePage {
     clickAdditionalActionsButton(): Promise<void>;
     clickDeployMenuItem(): Promise<void>;
     deployDiagram(clusterName: string): Promise<void>;
+    assertDeployAndRunNotPermitted(): Promise<void>;
     clickStartInstanceMainButton(): Promise<void>;
     clickStartInstanceSubButton(): Promise<void>;
     runProcessInstance(clusterName: string, variables?: string, formVariables?: {
@@ -216,9 +219,11 @@ declare class ModelerCreatePage {
     fillJobTypeInput(name: string): Promise<void>;
     private suppressTestModeAnnouncement;
     switchToPlay(): Promise<void>;
+    private selectPlayDeploySingleResource;
     completePlayConfiguration(clusterName: string): Promise<void>;
     embedForm(formName: string): Promise<void>;
     fillStartEventVariablesForDocHandling(zeebeUrl: string, zeebeClientId: string, zeebeClientSecret: string): Promise<void>;
+    private openOutputMappingEntry;
     fillZeebeClientId(clientId: string): Promise<void>;
     fillZeebeSecretValue(zeebeSecret: string): Promise<void>;
     fillZeebeRestValue(zeebeUrl: string): Promise<void>;