@camunda/e2e-test-suite 0.0.1016 → 0.0.1017

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

@@ -1,6 +1,7 @@
 import { Page, Locator } from '@playwright/test';
 declare class ModelerCreatePage {
     private page;
+    private processApplicationPage;
     readonly generalPanel: Locator;
     readonly taskDefinitionPanel: Locator;
     readonly processIdInput: Locator;

package/dist/pages/SM-8.10/ModelerCreatePage.js

@@ -3,10 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ModelerCreatePage = void 0;
 const test_1 = require("@playwright/test");
 const ConnectorMarketplacePage_1 = require("./ConnectorMarketplacePage");
+const ProcessApplicationPage_1 = require("./ProcessApplicationPage");
 const sleep_1 = require("../../utils/sleep");
 const modelerCluster_1 = require("../../utils/modelerCluster");
 class ModelerCreatePage {
     page;
+    processApplicationPage;
     generalPanel;
     taskDefinitionPanel;
     processIdInput;
@@ -103,6 +105,7 @@ class ModelerCreatePage {
     openDetailsPanel;
     constructor(page) {
         this.page = page;
+        this.processApplicationPage = new ProcessApplicationPage_1.ProcessApplicationPage(page);
         this.generalPanel = page.locator('[data-group-id="group-general"]');
         this.taskDefinitionPanel = page
             .locator('div')
@@ -396,6 +399,7 @@ class ModelerCreatePage {
             .click({ timeout: 90000 });
     }
     async runProcessInstance(variables = '', tenant = '', businessId = '') {
+        await this.processApplicationPage.ensureStageCluster(process.env.MODELER_CLUSTER_NAME);
         await this.page.waitForTimeout(2000); // the canvas autosaves. This can take a second to save.
         const maxRetries = 3;
         for (let attempt = 0; attempt < maxRetries; attempt++) {

package/dist/pages/SM-8.10/ModelerHomePage.js

@@ -392,6 +392,7 @@ class ModelerHomePage {
         await this.clickCreateProcessApplication();
         await this.processApplicationPage.nameNewProcessApplication(this.processApplicationName);
         this.processApplicationUrl = this.page.url();
+        this.processApplicationPage.rememberResourceContainer(this.processApplicationUrl);
     }
     // Which control creates a process application depends on the hub version
     // under test. Since camunda/camunda-hub#25831 it is a plain primary button on

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

@@ -12,12 +12,19 @@ declare class ProcessApplicationPage {
     readonly titleBar: Locator;
     readonly createNewDropdown: Locator;
     readonly inlineNameInput: Locator;
+    readonly defineStagesDialog: Locator;
+    readonly developmentClusterSelect: Locator;
+    readonly defineStagesSaveButton: Locator;
     constructor(page: Page);
     private pageReady;
     waitForProcessApplication(timeout?: number): Promise<void>;
     clickCreateProcessApplicationButton(): Promise<void>;
     clickCreateProcessApplicationOption(): Promise<void>;
     nameNewProcessApplication(name: string): Promise<void>;
+    private defineDevelopmentStage;
+    rememberResourceContainer(url: string): void;
+    ensureStageCluster(clusterName?: string): Promise<void>;
+    private openStageDefinition;
     openByName(name: string): Promise<void>;
 }
 export { ProcessApplicationPage };

package/dist/pages/SM-8.10/ProcessApplicationPage.js

@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProcessApplicationPage = void 0;
 const test_1 = require("@playwright/test");
 const submitModalWithRetry_1 = require("../../utils/assertionHelpers/submitModalWithRetry");
+// ModelerHomePage creates the container, while ModelerCreatePage later binds
+// its stage. Both page objects share the same Playwright Page.
+const resourceContainers = new WeakMap();
 // Since camunda/camunda-hub#25831 a process application is a first-class
 // container rather than a folder, and a workspace root ("project" in today's
 // UI) holds nothing but process applications and IDP applications. Every file
@@ -29,6 +32,9 @@ class ProcessApplicationPage {
     titleBar;
     createNewDropdown;
     inlineNameInput;
+    defineStagesDialog;
+    developmentClusterSelect;
+    defineStagesSaveButton;
     constructor(page) {
         this.page = page;
         // .first() defensively only: hub renders exactly one of these today, in the
@@ -72,6 +78,14 @@ class ProcessApplicationPage {
             .locator('[data-test="diagram-dropdown"]')
             .first();
         this.inlineNameInput = page.locator('[data-test="editable-input"]');
+        this.defineStagesDialog = page
+            .getByRole('dialog')
+            .filter({ hasText: 'Define stages' });
+        this.developmentClusterSelect = this.defineStagesDialog.locator('#dropdown-development-cluster');
+        this.defineStagesSaveButton = this.defineStagesDialog.getByRole('button', {
+            name: 'Save',
+            exact: true,
+        });
     }
     // Any one of the title bar, the resource region or the breadcrumb proves we
     // are on the process application page. Three branches because the Design
@@ -118,6 +132,68 @@ class ProcessApplicationPage {
         await this.inlineNameInput.press('Enter');
         await this.waitForProcessApplication();
     }
+    async defineDevelopmentStage(clusterName) {
+        await (0, test_1.expect)(this.defineStagesDialog).toBeVisible({ timeout: 60000 });
+        await this.developmentClusterSelect.click({ timeout: 30000 });
+        const escapedClusterName = clusterName?.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+        const option = clusterName
+            ? this.page
+                .getByRole('option', { name: new RegExp(`^${escapedClusterName}`) })
+                .first()
+            : this.page
+                .getByRole('option')
+                .filter({ hasNotText: 'Select a development cluster' })
+                .first();
+        await option.click({ timeout: 30000 });
+        await this.defineStagesSaveButton.click({ timeout: 30000 });
+        await (0, test_1.expect)(this.defineStagesDialog).toBeHidden({ timeout: 60000 });
+    }
+    rememberResourceContainer(url) {
+        resourceContainers.set(this.page, { url });
+    }
+    async ensureStageCluster(clusterName) {
+        const container = resourceContainers.get(this.page);
+        if (!container ||
+            (container.stageBound && container.developmentCluster === clusterName)) {
+            return;
+        }
+        const returnTo = this.page.url();
+        const processApplicationUrl = container.url
+            .replace(/[?#].*$/, '')
+            .replace(/\/$/, '');
+        await (0, test_1.expect)(async () => {
+            await this.page.goto(`${processApplicationUrl}/connected-clusters`, {
+                waitUntil: 'domcontentloaded',
+            });
+            await this.openStageDefinition();
+            await this.defineDevelopmentStage(clusterName);
+        }).toPass({ timeout: 240000, intervals: [1000, 2000, 5000] });
+        container.stageBound = true;
+        container.developmentCluster = clusterName;
+        await this.page.goto(returnTo, { waitUntil: 'domcontentloaded' });
+    }
+    async openStageDefinition() {
+        const opened = await this.defineStagesDialog
+            .waitFor({ state: 'visible', timeout: 15000 })
+            .then(() => true)
+            .catch(() => false);
+        if (opened) {
+            return;
+        }
+        const reopen = this.page
+            .getByRole('button', { name: /define stages|edit stages|configure/i })
+            .first();
+        const canReopen = await reopen
+            .waitFor({ state: 'visible', timeout: 10000 })
+            .then(() => true)
+            .catch(() => false);
+        if (!canReopen) {
+            throw new Error('Could not open the "Define stages" dialog on /connected-clusters: it ' +
+                'did not open by itself and no "Define stages" / "Edit stages" / ' +
+                '"Configure" control was found.');
+        }
+        await reopen.click({ timeout: 30000 });
+    }
     async openByName(name) {
         const processApplication = this.page
             .getByRole('row')

package/package.json

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