@camunda/e2e-test-suite 0.0.968 → 0.0.970

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

@@ -24,6 +24,9 @@ declare class ModelerCreatePage {
     readonly additionalActionsButton: Locator;
     readonly cancelButton: Locator;
     readonly restConnectorOption: Locator;
+    readonly changeElementSearchInput: Locator;
+    readonly changeElementTabStrip: Locator;
+    readonly reusableAssetsTab: Locator;
     readonly webhookMessageStartEventConnectorOption: Locator;
     readonly webhookTab: Locator;
     readonly webhookIsActiveButton: Locator;
@@ -154,6 +157,8 @@ declare class ModelerCreatePage {
     clickNewForm(): Promise<void>;
     clickDeploySubButton(): Promise<void>;
     clickCancelButton(): Promise<void>;
+    private waitForVisible;
+    revealChangeElementTemplate(option: Locator, searchTerm: string): Promise<void>;
     clickRestConnectorOption(): Promise<void>;
     clickWebhookStartEventConnectorOption(): Promise<void>;
     clickWebhookTab(): Promise<void>;

package/dist/pages/8.9/ModelerCreatePage.js

@@ -30,6 +30,9 @@ class ModelerCreatePage {
     additionalActionsButton;
     cancelButton;
     restConnectorOption;
+    changeElementSearchInput;
+    changeElementTabStrip;
+    reusableAssetsTab;
     webhookMessageStartEventConnectorOption;
     webhookTab;
     webhookIsActiveButton;
@@ -168,6 +171,12 @@ class ModelerCreatePage {
         this.deploySubButton = page.locator('[data-test="deploy-action"]');
         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');
+        this.changeElementTabStrip = page.locator('.djs-popup-tabs-container');
+        // The tab renders its label as text content, which wins over its `title`
+        // attribute in the accessible-name computation. Match case-insensitively:
+        // the label is capitalised differently across bpmn-js releases.
+        this.reusableAssetsTab = page.getByRole('tab', { name: /reusable assets/i });
         // bpmn-js popup entries are `li[role="option"]` inside a `role="listbox"`,
         // so getByRole('listitem') no longer matches. Their accessible name also
         // includes the entry description, and three entries share the label
@@ -683,11 +692,51 @@ class ModelerCreatePage {
     async clickCancelButton() {
         await this.cancelButton.click({ timeout: 60000 });
     }
+    // `waitFor` actually blocks up to the timeout; `isVisible()` would return
+    // immediately and report false while the popup is still rendering.
+    async waitForVisible(locator, timeout) {
+        return locator
+            .first()
+            .waitFor({ state: 'visible', timeout })
+            .then(() => true)
+            .catch(() => false);
+    }
+    // The change-element popup is now tabbed: every `replace.template-*` entry
+    // is assigned to the "Reusable Assets" tab, so connector templates are not
+    // in the DOM at all while the default "BPMN" tab is selected - which is why
+    // the template locators time out with `<element(s) not found>`.
+    // Opening that tab is version-tolerant: on an untabbed popup the strip is
+    // absent and this is a no-op.
+    // Search is the fallback, because it spans the full entry set across every
+    // tab. It must be typed with `pressSequentially`: the popup's search input
+    // is uncontrolled and its state is written by a `keyup` handler only, so
+    // `fill()` (which dispatches `input` alone) never applies the filter.
+    async revealChangeElementTemplate(option, searchTerm) {
+        if (await this.waitForVisible(option, 5000)) {
+            return;
+        }
+        if (await this.waitForVisible(this.changeElementTabStrip, 5000)) {
+            await this.reusableAssetsTab.click({ timeout: 30000 });
+            if (await this.waitForVisible(option, 15000)) {
+                return;
+            }
+        }
+        if (!(await this.waitForVisible(this.changeElementSearchInput, 5000))) {
+            return;
+        }
+        await this.changeElementSearchInput.click();
+        await this.changeElementSearchInput.fill('');
+        await this.changeElementSearchInput.pressSequentially(searchTerm, {
+            delay: 50,
+        });
+    }
     async clickRestConnectorOption() {
+        await this.revealChangeElementTemplate(this.restConnectorOption, 'REST');
         await (0, test_1.expect)(this.restConnectorOption).toBeVisible({ timeout: 15000 });
         await this.restConnectorOption.click();
     }
     async clickWebhookStartEventConnectorOption() {
+        await this.revealChangeElementTemplate(this.webhookMessageStartEventConnectorOption, 'Webhook');
         await this.webhookMessageStartEventConnectorOption.click({ timeout: 60000 });
     }
     async clickWebhookTab() {
@@ -940,6 +989,7 @@ class ModelerCreatePage {
         await this.intermediateBoundaryEvent.click({ timeout: 60000 });
     }
     async clickIntermediateWebhookConnectorOption() {
+        await this.revealChangeElementTemplate(this.intermediateWebhookConnectorOption, 'Webhook');
         await this.intermediateWebhookConnectorOption.click({ timeout: 60000 });
     }
     async clickCorrelationKeyProcessInput() {

package/dist/pages/8.9/TaskDetailsPage.js

@@ -121,11 +121,21 @@ class TaskDetailsPage {
     async clickUnassignButton() {
         await this.unassignButton.click();
     }
+    // The "Task completed" toast is a transient confirmation: Tasklist's
+    // notification store auto-removes it, and it is never rendered at all when
+    // the refreshed task list deselects the completed task before the completion
+    // promise resolves (the nightly trace showed exactly that — the task was
+    // completed, the details panel rendered "Completed by Me" plus a completion
+    // date, and no toast ever entered the DOM). Accept the task's own completed
+    // state as well: the details panel only renders "Completion date" once the
+    // task has one, so this confirms the completion rather than weakening the
+    // check. Same fix already carried by pages/8.10/TaskDetailsPage.ts.
     async clickCompleteTaskButton() {
         await this.completeTaskButton.click({ timeout: 60000 });
-        await (0, test_1.expect)(this.page.getByText('Task completed')).toBeVisible({
-            timeout: 60000,
-        });
+        await (0, test_1.expect)(this.page
+            .getByText('Task completed')
+            .or(this.detailsPanel.getByText('Completion date'))
+            .first()).toBeVisible({ timeout: 60000 });
         await this.page.reload();
     }
     async clickAddVariableButton() {

package/dist/pages/SM-8.8/NavigationPage.d.ts

@@ -30,10 +30,15 @@ declare class NavigationPage {
         username: string;
         password: string;
     }): Promise<void>;
+    private goToWithoutAccess;
     goToOptimizeWithoutAccess({ username, password, }?: {
         username?: string;
         password?: string;
     }): Promise<void>;
+    goToModelerWithoutAccess({ username, password, }?: {
+        username?: string;
+        password?: string;
+    }): Promise<void>;
     goToKeycloak(): Promise<void>;
     goToOCIdentity(sleepTimeout?: number, credentials?: {
         username: string;

package/dist/pages/SM-8.8/NavigationPage.js

@@ -5,6 +5,7 @@ const test_1 = require("@playwright/test");
 const LoginPage_1 = require("./LoginPage");
 const sleep_1 = require("../../utils/sleep");
 const constants_1 = require("../../utils/constants");
+const GATEWAY_ERROR_STATUSES = [502, 503, 504];
 class NavigationPage {
     page;
     modelerPageBanner;
@@ -118,18 +119,34 @@ class NavigationPage {
     async goToOptimize(sleepTimeout, credentials) {
         await this.goTo('/optimize', this.optimizePageBanner, sleepTimeout, credentials);
     }
-    // `goTo` ends by asserting the app banner, so it cannot be used to reach
-    // Optimize as a user without the Optimize role: that request ends on a
-    // `text/plain` 403 page carrying neither the banner nor a login form, and
-    // every retry burns a full 60s timeout. Navigate and log in only; the
-    // caller asserts what the denied page shows.
+    // `goTo` ends by asserting the app banner, so it cannot be used to reach a
+    // component the user has no role for: the denied response carries neither
+    // the banner nor a login form, and every retry burns a full 60s timeout.
+    // Navigate and log in only; the caller asserts what the denied page shows.
+    // The ingress answers 5xx while a component is still rolling out (upgrade
+    // scenarios), so retry the request until the component itself responds.
+    async goToWithoutAccess(url, username, password) {
+        await (0, test_1.expect)(async () => {
+            const response = await this.page.goto(url, {
+                timeout: 60000,
+                waitUntil: 'domcontentloaded',
+            });
+            (0, test_1.expect)(GATEWAY_ERROR_STATUSES).not.toContain(response?.status());
+        }).toPass({ timeout: 120000, intervals: [5000, 10000, 15000] });
+        await new LoginPage_1.LoginPage(this.page).login(username, password);
+    }
+    // Optimize denies a user without the Optimize role with a `text/plain` 403
+    // page.
     async goToOptimizeWithoutAccess({ username = 'demo', password = process.env.DISTRO_QA_E2E_TESTS_IDENTITY_FIRSTUSER_PASSWORD ??
         'demo', } = {}) {
-        await this.page.goto('/optimize', {
-            timeout: 60000,
-            waitUntil: 'domcontentloaded',
-        });
-        await new LoginPage_1.LoginPage(this.page).login(username, password);
+        await this.goToWithoutAccess('/optimize', username, password);
+    }
+    // Web Modeler denies a user without the Web Modeler role with a blank page.
+    // It briefly renders its banner before dropping it, so `goTo`'s closing
+    // banner assertion either fails outright or passes by winning that race.
+    async goToModelerWithoutAccess({ username = 'demo', password = process.env.DISTRO_QA_E2E_TESTS_IDENTITY_FIRSTUSER_PASSWORD ??
+        'demo', } = {}) {
+        await this.goToWithoutAccess('/modeler', username, password);
     }
     async goToKeycloak() {
         const keycloakUrl = process.env.KEYCLOAK_URL
@@ -147,18 +164,11 @@ class NavigationPage {
     async goToConsole(sleepTimeout, credentials) {
         await this.goTo('/console', this.consolePageBanner, sleepTimeout, credentials);
     }
-    // `goTo` ends by asserting the app banner, so it cannot be used to reach
-    // Console as a user without the Console role: that request renders
-    // Console's own "Something went wrong" error page, which has neither the
-    // banner nor a login form, and every retry burns a full 60s timeout.
-    // Navigate and log in only; the caller asserts what the denied page shows.
+    // Console denies a user without the Console role with its own "Something
+    // went wrong" error page.
     async goToConsoleWithoutAccess({ username = 'demo', password = process.env.DISTRO_QA_E2E_TESTS_IDENTITY_FIRSTUSER_PASSWORD ??
         'demo', } = {}) {
-        await this.page.goto('/console', {
-            timeout: 60000,
-            waitUntil: 'domcontentloaded',
-        });
-        await new LoginPage_1.LoginPage(this.page).login(username, password);
+        await this.goToWithoutAccess('/console', username, password);
     }
     async goToManagementIdentity(sleepTimeout, credentials) {
         await this.goTo('/identity', this.managementIdentityPageBanner, sleepTimeout, credentials);

package/dist/tests/8.9/connectors-user-flows.spec.js

@@ -132,6 +132,9 @@ _8_9_1.test.describe('Connectors User Flow Tests @tasklistV2', () => {
             await modelerCreatePage.enterDiagramName(processName);
             await (0, sleep_1.sleep)(10000);
             await modelerCreatePage.clickChangeTypeButton();
+            // Connector templates now sit behind the change-element popup's
+            // "Reusable Assets" tab, so surface the entry before asserting on it.
+            await modelerCreatePage.revealChangeElementTemplate(modelerCreatePage.webhookMessageStartEventConnectorOption, 'Webhook');
             await (0, test_1.expect)(modelerCreatePage.webhookMessageStartEventConnectorOption).toBeVisible({
                 timeout: 30000,
             });

package/dist/tests/SM-8.8/identity-user-flows.spec.js

@@ -74,7 +74,7 @@ SM_8_8_1.test.describe('Identity User Flow Tests', () => {
             });
         });
         await SM_8_8_1.test.step('Ensure Modeler is not Accessible', async () => {
-            await navigationPage.goToModeler(undefined, credentials);
+            await navigationPage.goToModelerWithoutAccess(credentials);
             await (0, test_1.expect)(modelerHomePage.modelerPageBanner).not.toBeVisible({
                 timeout: 60000,
             });

package/package.json

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