@camunda/e2e-test-suite 0.0.1172 → 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/package.json

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