@camunda/e2e-test-suite 0.0.1171 → 0.0.1173

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

@@ -4,6 +4,7 @@ declare class OCIdentityRolesPage {
     readonly selectResourceTypeTab: (name: string) => Locator;
     readonly assignMappingRuleButton: Locator;
     readonly mappingSearchBox: Locator;
+    readonly mappingSearchTrigger: Locator;
     readonly assignMappingModal: Locator;
     readonly assignMappingRuleOption: (name: string) => Locator;
     readonly assignMappingModalAssignRuleButton: Locator;

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

@@ -12,6 +12,7 @@ class OCIdentityRolesPage {
     selectResourceTypeTab;
     assignMappingRuleButton;
     mappingSearchBox;
+    mappingSearchTrigger;
     assignMappingModal;
     assignMappingRuleOption;
     assignMappingModalAssignRuleButton;
@@ -49,20 +50,32 @@ class OCIdentityRolesPage {
         this.assignMappingModal = page.getByRole('dialog', {
             name: 'Assign mapping rule',
         });
-        // The design-system modal's search field is a cmdk combobox
-        // (role="combobox"), not the searchbox the pre design-system modal
+        // The design-system modal renders a MultiSelect whose trigger is a
+        // div[role="combobox"], not the searchbox the pre design-system modal
         // rendered; the Mapping rules list page keeps a page-level searchbox with
         // the same accessible name, so scope this to the dialog and accept either
         // role. The modal's field resolves its placeholder through the
         // `entitySelection` i18n namespace, which carries no `searchByMappingRuleId`
         // entry, so it is labelled with the raw key instead of the translated
         // string the list page renders - match either form.
-        this.mappingSearchBox = this.assignMappingModal
+        this.mappingSearchTrigger = this.assignMappingModal
             .getByRole('combobox', { name: SEARCH_MAPPING_RULE_LABEL })
             .or(this.assignMappingModal.getByRole('searchbox', {
             name: SEARCH_MAPPING_RULE_LABEL,
         }))
             .first();
+        // Clicking that trigger opens a Radix popover that portals to <body> as a
+        // sibling of the dialog, and the editable field is the cmdk <input> inside
+        // it - the trigger div carries the same role and accessible name but
+        // swallows key events, so typing at it leaves the query empty. Match the
+        // popover's input, falling back to the dialog-scoped searchbox that
+        // pre-design-system builds render instead of the trigger/popover pair.
+        this.mappingSearchBox = page
+            .locator('[data-slot="multi-select-content"] input[cmdk-input]')
+            .or(this.assignMappingModal.getByRole('searchbox', {
+            name: SEARCH_MAPPING_RULE_LABEL,
+        }))
+            .first();
         this.createRoleButton = page.getByRole('button', {
             name: /create role/i,
         });
@@ -175,15 +188,23 @@ class OCIdentityRolesPage {
                 await (0, test_1.expect)(this.assignMappingModal).toBeVisible({ timeout: 60000 });
                 // The design-system search input is a cmdk combobox that only issues
                 // its server-side query on real keystrokes, so type the id in rather
-                // than setting the value in one shot. Budgeted like every other step
-                // here rather than inheriting the 10s actionTimeout: the field mounts
-                // with the dialog it was just asserted visible in.
-                await this.mappingSearchBox.click({ timeout: 60000 });
+                // than setting the value in one shot. It lives in the popover the
+                // trigger opens, so wait for it before typing. Budgeted like every
+                // other step here rather than inheriting the 10s actionTimeout.
+                await this.mappingSearchTrigger.click({ timeout: 60000 });
+                await (0, test_1.expect)(this.mappingSearchBox).toBeVisible({ timeout: 60000 });
                 await this.mappingSearchBox.pressSequentially(mappingId, {
                     timeout: 60000,
                 });
                 await this.assignMappingRuleOption(mappingId).click({ timeout: 30000 });
-                await this.assignMappingModalAssignRuleButton.click();
+                // The submit button stays disabled until the MultiSelect commits the
+                // pick, which lands a tick after the option click - budget that wait
+                // like the rest of the method instead of leaving it to the 10s
+                // actionTimeout the bare click would inherit.
+                await (0, test_1.expect)(this.assignMappingModalAssignRuleButton).toBeEnabled({
+                    timeout: 30000,
+                });
+                await this.assignMappingModalAssignRuleButton.click({ timeout: 30000 });
                 return;
             }
             catch (error) {

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

@@ -22,6 +22,7 @@ declare class OCTenantPage {
     readonly rolesTab: Locator;
     readonly assignRoleButton: Locator;
     readonly roleIdSearchBox: Locator;
+    readonly roleIdSearchTrigger: Locator;
     readonly assignRoleSubButton: Locator;
     readonly assignRoleModal: Locator;
     readonly cancelButton: Locator;
@@ -63,6 +64,7 @@ declare class OCTenantPage {
     clickRolesTab(): Promise<void>;
     clickAssignRoleButton(): Promise<void>;
     clickRoleIdSearchBox(): Promise<void>;
+    private ensureRoleIdSearchBoxOpen;
     fillRoleIdSearchBox(roleId: string, roleIdentifier: string): Promise<void>;
     clickAssignRoleSubButton(): Promise<void>;
     private isRoleAssigned;

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.OCTenantPage = void 0;
 const test_1 = require("@playwright/test");
 const expectTextWithPagination_1 = require("../../utils/assertionHelpers/expectTextWithPagination");
+const ROLE_ID_SEARCH_LABEL = /^(Search by role ID|searchByRoleId)$/i;
 class OCTenantPage {
     page;
     createTenantMainButton;
@@ -26,6 +27,7 @@ class OCTenantPage {
     rolesTab;
     assignRoleButton;
     roleIdSearchBox;
+    roleIdSearchTrigger;
     assignRoleSubButton;
     assignRoleModal;
     cancelButton;
@@ -71,12 +73,25 @@ class OCTenantPage {
         this.rolesTab = page.getByRole('tab', { name: 'Roles' });
         this.assignRoleButton = page.getByRole('button', { name: 'Assign role' });
         // The design-system Admin shell renders the Assign role modal's search
-        // field as a cmdk command input (role="combobox", type="text"), so the
-        // Carbon searchbox role no longer resolves - match the new field by its
-        // placeholder and keep the legacy role match as a fallback, the same
-        // dual-shell pattern the table filter locator below uses.
+        // field as a MultiSelect whose trigger is a div[role="combobox"] carrying
+        // the label as a child span - it has no placeholder and is not editable,
+        // so scope the trigger to the dialog and keep the legacy searchbox match
+        // as a fallback, the same dual-shell pattern the table filter locator
+        // below uses.
+        this.roleIdSearchTrigger = page
+            .getByRole('dialog', { name: 'Assign role' })
+            .getByRole('combobox', { name: ROLE_ID_SEARCH_LABEL })
+            .or(page.getByRole('searchbox', { name: 'Search by Role ID' }))
+            .first();
+        // Clicking that trigger opens a Radix popover that portals to <body> as a
+        // sibling of the dialog, and the editable field is the cmdk <input> inside
+        // it. Nothing opened that popover before, so the placeholder-bearing input
+        // never existed and the click at it timed out. Match the popover's input,
+        // falling back to the placeholder/searchbox that pre-design-system builds
+        // render instead of the trigger/popover pair.
         this.roleIdSearchBox = page
-            .getByPlaceholder('Search by role ID')
+            .locator('[data-slot="multi-select-content"] input[cmdk-input]')
+            .or(page.getByPlaceholder('Search by role ID'))
             .or(page.getByRole('searchbox', { name: 'Search by Role ID' }))
             .first();
         this.assignRoleModal = page.getByLabel('Assign role');
@@ -273,7 +288,19 @@ class OCTenantPage {
         await this.assignRoleButton.click();
     }
     async clickRoleIdSearchBox() {
-        await this.roleIdSearchBox.click({ timeout: 60000 });
+        await this.roleIdSearchTrigger.click({ timeout: 60000 });
+        await (0, test_1.expect)(this.roleIdSearchBox).toBeVisible({ timeout: 60000 });
+    }
+    // Selecting an option or losing focus dismisses the popover, which unmounts
+    // the search input, so reopen it before the next term is typed.
+    async ensureRoleIdSearchBoxOpen() {
+        const open = await this.roleIdSearchBox
+            .waitFor({ state: 'visible', timeout: 5000 })
+            .then(() => true)
+            .catch(() => false);
+        if (!open) {
+            await this.clickRoleIdSearchBox();
+        }
     }
     async fillRoleIdSearchBox(roleId, roleIdentifier) {
         // The design-system shell portals the matches into a listbox rendered as
@@ -304,9 +331,12 @@ class OCTenantPage {
         // between terms resets it before the next one is typed.
         await (0, test_1.expect)(async () => {
             for (const searchTerm of searchTerms) {
+                await this.ensureRoleIdSearchBoxOpen();
                 await this.roleIdSearchBox.fill('');
                 await this.page.waitForLoadState('networkidle');
-                await this.roleIdSearchBox.fill(searchTerm);
+                // The cmdk input only issues its server-side query on real
+                // keystrokes, so type the term in rather than setting it in one shot.
+                await this.roleIdSearchBox.pressSequentially(searchTerm);
                 const offered = await result
                     .waitFor({ state: 'visible', timeout: 15000 })
                     .then(() => true)

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

@@ -14,6 +14,8 @@ declare class TaskPanelPage {
     constructor(page: Page);
     openTask(name: string, assignButton?: boolean): Promise<void>;
     filterBy(option: 'All open' | 'Unassigned' | 'Assigned to me' | 'Completed'): Promise<void>;
+    private expandFilterPanel;
+    private static appliedFilterUrl;
     scrollToLastTask(name: string): Promise<void>;
     scrollToFirstTask(name: string): Promise<void>;
     clickCollapseFilter(): Promise<void>;

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

@@ -72,11 +72,66 @@ class TaskPanelPage {
         }
     }
     async filterBy(option) {
-        await this.filterOptions.click({ timeout: 45000 });
-        await (0, test_1.expect)(this.page.getByRole('link', { name: option })).toBeVisible({
-            timeout: 120000,
-        });
-        await this.page.getByRole('link', { name: option }).click({ timeout: 120000 });
+        // The task list refetches every 5s behind a suspense boundary, so a poll
+        // landing on the filter click tears the floating filter panel down before
+        // the router navigates: the panel closes but the filter never changes.
+        // Nothing downstream notices, so the test fails much later on an assertion
+        // that reads the still-unfiltered list -- which is how a dropped click on
+        // "Completed" surfaced as the completed-filter heading never appearing.
+        // Confirm the route actually carries the filter, and re-pick if it does not.
+        const maxAttempts = 3;
+        for (let attempt = 1; attempt <= maxAttempts; attempt++) {
+            await this.expandFilterPanel();
+            // Deliberately not `exact`: the panel spells the default filter
+            // "All open tasks" while callers pass "All open".
+            const filterLink = this.page.getByRole('link', { name: option });
+            // Only the first attempt waits out a slow first render. Later attempts
+            // re-pick from a panel that has already rendered once, so they stay
+            // short -- three attempts at the full budget would outlast the
+            // 12-minute test timeout and turn a dropped click into a timeout with
+            // no retry spent.
+            const renderTimeout = attempt === 1 ? 120000 : 15000;
+            await (0, test_1.expect)(filterLink).toBeVisible({ timeout: renderTimeout });
+            await filterLink.click({ timeout: renderTimeout });
+            const applied = await this.page
+                .waitForURL(TaskPanelPage.appliedFilterUrl(option), { timeout: 15000 })
+                .then(() => true)
+                .catch(() => false);
+            if (applied) {
+                return;
+            }
+            if (attempt < maxAttempts) {
+                console.warn(`Attempt ${attempt} did not apply the "${option}" filter. Retrying...`);
+            }
+        }
+        throw new Error(`Filter "${option}" was not applied after ${maxAttempts} attempts`);
+    }
+    // The filter panel renders either the collapsed rail (which carries the
+    // expand control) or the expanded nav -- never both -- and picking a filter
+    // leaves it expanded, so a retry must not click "expand" a second time.
+    async expandFilterPanel() {
+        const alreadyExpanded = await this.collapseFilter
+            .waitFor({ state: 'visible', timeout: 2000 })
+            .then(() => true)
+            .catch(() => false);
+        if (!alreadyExpanded) {
+            await this.filterOptions.click({ timeout: 45000 });
+        }
+    }
+    // Tasklist keeps the active filter in the `filter` search param. "All open"
+    // is the route's default and is stripped from the URL, so it is asserted as
+    // the absence of the param.
+    static appliedFilterUrl(option) {
+        const filterParam = {
+            'All open': undefined,
+            Unassigned: 'unassigned',
+            'Assigned to me': 'assigned-to-me',
+            Completed: 'completed',
+        };
+        const param = filterParam[option];
+        return param === undefined
+            ? /\/tasklist(?:\/[^?]*)?(?:\?(?!.*\bfilter=).*)?$/
+            : new RegExp(`[?&]filter=${param}(?:&|$)`);
     }
     async scrollToLastTask(name) {
         await this.page.getByText(name).last().scrollIntoViewIfNeeded();

package/package.json

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