@camunda/e2e-test-suite 0.0.1094 → 0.0.1095

package/dist/pages/8.10/Authorization.d.ts

@@ -7,6 +7,8 @@ declare class Authorization {
     protected readonly createAuthorizationOwnerTypeCombobox: Locator;
     protected readonly createAuthorizationOwnerTypeOption: (name: string) => Locator;
     protected readonly createAuthorizationOwnerComboBox: Locator;
+    protected readonly createAuthorizationOwnerSearchInput: Locator;
+    protected readonly createAuthorizationOwnerLegacyComboBox: Locator;
     protected readonly createAuthorizationOwnerOption: (name: string) => Locator;
     protected readonly createAuthorizationResourceTypeDropdown: Locator;
     protected readonly createAuthorizationResourceTypeOption: (name: string) => Locator;

package/dist/pages/8.10/Authorization.js

@@ -12,6 +12,8 @@ class Authorization {
     createAuthorizationOwnerTypeCombobox;
     createAuthorizationOwnerTypeOption;
     createAuthorizationOwnerComboBox;
+    createAuthorizationOwnerSearchInput;
+    createAuthorizationOwnerLegacyComboBox;
     createAuthorizationOwnerOption;
     createAuthorizationResourceTypeDropdown;
     createAuthorizationResourceTypeOption;
@@ -40,17 +42,30 @@ class Authorization {
             name,
             exact: true,
         });
-        // The Owner field is no longer a Carbon ComboBox labelled "Owner".
-        // Identity replaced it with an entity-search dropdown
+        // The Owner field has two shapes depending on the build under test.
+        //
+        // Since camunda/camunda#57931 Identity renders an entity-search dropdown
         // (identity/client/src/components/form/EntitySearchSingleSelect.tsx ->
-        // EntitySearchDropdown -> DropdownSearch), which renders a bare
-        // `FormLabel` plus a Carbon `Search` input carrying only the
-        // "Search by owner ID" placeholder — nothing in the modal exposes the
-        // accessible name "Owner" any more, so the old combobox click waited out
-        // its full timeout. Anchor on the placeholder, which is what the
-        // component actually renders for every searchable owner type.
-        this.createAuthorizationOwnerComboBox =
+        // EntitySearchDropdown -> DropdownSearch): a bare `FormLabel` plus a
+        // Carbon `Search` input carrying only the "Search by owner ID"
+        // placeholder, with nothing exposing the accessible name "Owner".
+        //
+        // Builds that predate that change — notably released alpha generations
+        // such as 8.10.0-alpha5, tagged 2026-08-31 before the stable/8.10
+        // backport (#61570) landed on 2026-09-01 — still render the older Carbon
+        // `ComboBox` (owner-selection/OwnerSelection.tsx) whose `titleText` is
+        // "Owner". Match either so the suite runs against both.
+        this.createAuthorizationOwnerSearchInput =
             this.createAuthorizationModal.getByPlaceholder('Search by owner ID');
+        this.createAuthorizationOwnerLegacyComboBox =
+            this.createAuthorizationModal.getByRole('combobox', {
+                name: 'Owner',
+                exact: true,
+            });
+        this.createAuthorizationOwnerComboBox =
+            this.createAuthorizationOwnerSearchInput
+                .or(this.createAuthorizationOwnerLegacyComboBox)
+                .first();
         this.createAuthorizationOwnerOption = (name) => this.createAuthorizationModal.getByRole('option', {
             name,
             exact: true,
@@ -96,14 +111,23 @@ class Authorization {
         await (0, test_1.expect)(this.createAuthorizationModal).toBeVisible();
         await this.createAuthorizationOwnerTypeCombobox.click();
         await this.createAuthorizationOwnerTypeOption(authorization.ownerType).click();
-        // Owner type selection re-renders the owner field via a query-driven
-        // component swap, which can lag well past 30s under CI load — the
-        // product team's own e2e suite hit the same widget and had to raise an
-        // analogous wait from 20s to 60s for the same reason (camunda/camunda#61353).
+        // Owner type selection re-renders the owner field, and on the
+        // entity-search build that swap is query-driven, so it can lag well past
+        // 30s under CI load — the product team's own e2e suite raised an
+        // analogous wait on the same widget from 20s to 60s (camunda/camunda#61353).
         await (0, test_1.expect)(this.createAuthorizationOwnerComboBox).toBeVisible({
             timeout: 60000,
         });
-        await this.createAuthorizationOwnerComboBox.fill(authorization.ownerId);
+        const usesEntitySearch = await this.createAuthorizationOwnerSearchInput.isVisible();
+        const ownerField = usesEntitySearch
+            ? this.createAuthorizationOwnerSearchInput
+            : this.createAuthorizationOwnerLegacyComboBox;
+        if (!usesEntitySearch) {
+            // The legacy Carbon ComboBox renders its menu only once opened; the
+            // entity-search input renders results off the typed value alone.
+            await ownerField.click();
+        }
+        await ownerField.fill(authorization.ownerId);
         // The dropdown renders results only while the search box holds text, and
         // the list is fetched from the server on a debounce rather than filtered
         // client-side, so the matching entry appears a beat later. Clicking the
@@ -117,13 +141,17 @@ class Authorization {
             .first();
         await (0, test_1.expect)(ownerMenuItem).toBeVisible({ timeout: 60000 });
         await ownerMenuItem.click({ timeout: 20000 });
-        // A committed selection swaps the search box for a filter Tag
-        // (EntitySearchSingleSelect renders one or the other), so the box going
-        // away is how we know the owner actually landed on the form rather than
-        // the click being swallowed.
-        await (0, test_1.expect)(this.createAuthorizationOwnerComboBox).toBeHidden({
-            timeout: 15000,
-        });
+        // On the entity-search build a committed selection swaps the search box
+        // for a filter Tag (EntitySearchSingleSelect renders one or the other), so
+        // the box going away is how we know the owner actually landed on the form
+        // rather than the click being swallowed. The legacy ComboBox keeps its
+        // input and shows the selection as the input value, so this check only
+        // applies to the entity-search shape.
+        if (usesEntitySearch) {
+            await (0, test_1.expect)(this.createAuthorizationOwnerSearchInput).toBeHidden({
+                timeout: 15000,
+            });
+        }
         await this.selectResourceTypeFromDialog(authorization.resourceType);
         await this.createAuthorizationResourceIdField.fill(authorization.resourceId);
         for (const permission of authorization.accessPermissions) {

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

@@ -21,7 +21,7 @@ declare class Authorization {
     protected readonly deleteAuthorizationModalDeleteButton: Locator;
     protected readonly tableFilter: Locator;
     constructor(page: Page);
-    protected selectResourceType(resourceType: string): Promise<void>;
+    protected selectResourceType(resourceType: string, timeout?: number): Promise<void>;
     private selectAuthorizationOwner;
     createAuthorization(authorization: {
         ownerType: string;

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

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Authorization = void 0;
 const test_1 = require("@playwright/test");
-const UtilitiesPage_1 = require("../SM-8.10/UtilitiesPage");
 const findLocatorWithPagination_1 = require("../../utils/assertionHelpers/findLocatorWithPagination");
 const submitModalWithRetry_1 = require("../../utils/assertionHelpers/submitModalWithRetry");
 const sleep_1 = require("../../utils/sleep");
@@ -41,10 +40,17 @@ class Authorization {
             this.createAuthorizationModal.getByRole('combobox', {
                 name: 'Owner type',
             });
-        this.createAuthorizationOwnerTypeOption = (name) => this.createAuthorizationModal.getByRole('option', {
+        // The design-system Select portals its listbox to the end of <body>, so
+        // the options are siblings of the dialog rather than descendants, and
+        // while the listbox is open Radix marks everything outside it aria-hidden
+        // - which takes the dialog itself out of the accessibility tree. Query the
+        // options from the page root so both placements resolve.
+        this.createAuthorizationOwnerTypeOption = (name) => this.page
+            .getByRole('option', {
             name,
             exact: true,
-        });
+        })
+            .first();
         this.createAuthorizationOwnerComboBox =
             this.createAuthorizationModal.getByRole('combobox', {
                 name: 'Owner',
@@ -57,32 +63,38 @@ class Authorization {
         // Every owner type now renders a server-backed search dropdown instead of
         // the combobox that listed all owners up front. The dropdown is a Carbon
         // Search inside a ListBox, so it has no combobox role; its results are
-        // list-box menu items that carry the owner ID as their title.
+        // list-box menu items that carry the owner ID as their title. The
+        // design-system build renders the same field as a command palette whose
+        // results are role=option items in a popover portalled out of the dialog.
         this.createAuthorizationOwnerSearchInput =
             this.createAuthorizationModal.getByPlaceholder('Search by owner ID');
-        this.createAuthorizationOwnerSearchOption = (name) => this.createAuthorizationModal
-            .locator('.cds--list-box__menu-item')
+        this.createAuthorizationOwnerSearchOption = (name) => this.page
+            .locator('.cds--list-box__menu-item, [role="option"]')
             .filter({ hasText: name })
             .first();
         this.createAuthorizationResourceTypeDropdown =
             this.createAuthorizationModal.getByRole('combobox', {
                 name: 'Resource type',
             });
-        this.createAuthorizationResourceTypeOption = (name) => this.createAuthorizationModal.getByRole('option', {
+        this.createAuthorizationResourceTypeOption = (name) => this.page
+            .getByRole('option', {
             name,
             exact: true,
-        });
+        })
+            .first();
         this.createAuthorizationResourceIdField =
             this.createAuthorizationModal.getByRole('textbox', {
                 name: 'Resource ID',
             });
-        this.createAuthorizationAccessPermission = (name) => this.createAuthorizationModal.locator(`.cds--checkbox-wrapper label[for="${name}"]`);
+        this.createAuthorizationAccessPermission = (name) => this.createAuthorizationModal.locator(`label[for="${name}"]`);
         this.createAuthorizationSubmitButton =
             this.createAuthorizationModal.getByRole('button', {
                 name: 'Create authorization',
             });
         this.authorizationsList = page.getByRole('table');
-        this.deleteAuthorizationButton = (name) => this.authorizationsList.getByRole('row', { name }).getByLabel('Delete');
+        this.deleteAuthorizationButton = (name) => this.authorizationsList
+            .getByRole('row', { name })
+            .getByRole('button', { name: 'Delete' });
         this.deleteAuthorizationModal = page.getByRole('dialog', {
             name: /delete authorization/i,
         });
@@ -103,12 +115,12 @@ class Authorization {
     // "Authorization type" filter combobox (identity/client ListV2.tsx, gated on
     // isNewDesignSystemEnabled). Select the resource type through whichever this
     // build renders: click the tab, or open the combobox and pick the option.
-    async selectResourceType(resourceType) {
+    async selectResourceType(resourceType, timeout = 60000) {
         const tab = this.selectResourceTypeTab(resourceType);
         const filterCombobox = this.page.getByRole('combobox', {
             name: 'Authorization type',
         });
-        await (0, test_1.expect)(tab.or(filterCombobox)).toBeVisible({ timeout: 60000 });
+        await (0, test_1.expect)(tab.or(filterCombobox)).toBeVisible({ timeout });
         if (await tab.isVisible()) {
             await tab.click();
             return;
@@ -116,7 +128,7 @@ class Authorization {
         await filterCombobox.click();
         await this.page
             .getByRole('option', { name: resourceType, exact: true })
-            .click({ timeout: 30000 });
+            .click({ timeout: Math.min(timeout, 30000) });
     }
     // Released 8.10 alpha images still render the Carbon combobox that lists
     // every owner, so accept whichever owner field this build shows.
@@ -164,7 +176,7 @@ class Authorization {
         for (const permission of authorization.accessPermissions) {
             await (0, sleep_1.sleep)(200);
             const permissionLabel = this.createAuthorizationAccessPermission(permission);
-            const permissionInput = this.createAuthorizationModal.locator(`input[id="${permission}"]`);
+            const permissionInput = this.createAuthorizationModal.locator(`input[id="${permission}"], [role="checkbox"][id="${permission}"]`);
             await (0, test_1.expect)(permissionLabel).toBeVisible();
             if (!(await permissionInput.isChecked())) {
                 await permissionLabel.scrollIntoViewIfNeeded();
@@ -188,7 +200,7 @@ class Authorization {
             }
         }
         await (0, submitModalWithRetry_1.submitModalWithRetry)(this.createAuthorizationSubmitButton, this.createAuthorizationModal);
-        await this.selectResourceTypeTab(authorization.resourceType).click();
+        await this.selectResourceType(authorization.resourceType);
         const item = this.page
             .getByRole('row')
             .filter({
@@ -215,9 +227,7 @@ class Authorization {
                 break;
             }
             try {
-                const resourceTab = this.selectResourceTypeTab(authorization.resourceType);
-                await (0, test_1.expect)(resourceTab).toBeVisible({ timeout: budget(30000) });
-                await resourceTab.click({ timeout: budget(30000) });
+                await this.selectResourceType(authorization.resourceType, budget(30000));
                 for (const filterValue of [authorization.ownerId, '']) {
                     await this.filterAuthorizationsByOwner(filterValue);
                     const found = await (0, findLocatorWithPagination_1.findLocatorWithPagination)(this.page, item, {
@@ -268,11 +278,29 @@ class Authorization {
         await (0, test_1.expect)(this.deleteAuthorizationModal).toBeVisible();
         await this.deleteAuthorizationModalDeleteButton.click();
         await (0, test_1.expect)(this.deleteAuthorizationModal).not.toBeVisible();
-        await (0, UtilitiesPage_1.assertLocatorVisibleWithRetry)(this.page, this.authorizationsList
-            .getByRole('cell', {
-            name: resourceId,
-        })
-            .first(), resourceId, 5000, true, 3, this.selectResourceTypeTab(resourceType));
+        // Re-selecting the resource type takes two interactions on the
+        // design-system build, so this cannot go through the shared
+        // reload-click-assert helper, which only accepts a single click locator.
+        const deletedCell = this.authorizationsList
+            .getByRole('cell', { name: resourceId })
+            .first();
+        let lastError;
+        for (let attempt = 0; attempt < 3; attempt++) {
+            await this.page.reload();
+            await this.page.waitForLoadState('domcontentloaded');
+            await this.selectResourceType(resourceType);
+            try {
+                await (0, test_1.expect)(deletedCell).not.toBeVisible({ timeout: 5000 });
+                return;
+            }
+            catch (error) {
+                lastError = error;
+                console.warn(`Attempt ${attempt + 1} still listed the ${resourceType} ` +
+                    `authorization for "${resourceId}". Retrying...`);
+            }
+        }
+        throw new Error(`Authorization for resource "${resourceId}" is still listed: ` +
+            String(lastError));
     }
 }
 exports.Authorization = Authorization;

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

@@ -71,7 +71,16 @@ class OCIdentityRolesPage {
         // options are not inside assignMappingModal's DOM subtree - query them from
         // the page. Each option repeats the id as both title and subtitle, so match
         // on contained text rather than the accessible name.
-        this.assignMappingRuleOption = (name) => page.getByRole('option').filter({ hasText: name }).first();
+        //
+        // Builds predating the design-system migration (released alpha
+        // generations such as 8.10.0-alpha5) still render the Carbon
+        // `DropdownSearch` list inside the dialog as a role="listbox", with the
+        // mapping rule id as the item title - accept either shape.
+        this.assignMappingRuleOption = (name) => page
+            .getByRole('option')
+            .filter({ hasText: name })
+            .or(this.assignMappingModal.getByRole('listbox').getByText(name))
+            .first();
         this.assignMappingModalAssignRuleButton = this.assignMappingModal.getByRole('button', {
             name: 'Assign mapping rule',
         });

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

@@ -287,14 +287,37 @@ class OCTenantPage {
             .filter({ hasText: roleIdentifier })
             .or(this.assignRoleModal.getByText(roleIdentifier))
             .first();
-        // The dropdown matches against the roles fetched with an empty search
-        // filter, so clearing the box re-triggers that fetch before retyping.
+        // The dropdown no longer filters client-side: it queries
+        // `/v2/roles/search` with `name: {$like: '*<typed>*'}`, which is
+        // case-sensitive, so the role ID ('connectors') never matches the default
+        // role's name ('Connectors'). The option row renders the ID followed by
+        // the name, so the name is the tail of `roleIdentifier`: search the ID
+        // first for the shells that still match on it, then fall back to the name.
+        const searchTerms = [roleId];
+        const roleName = roleIdentifier.startsWith(roleId)
+            ? roleIdentifier.slice(roleId.length)
+            : '';
+        if (roleName !== '' && roleName !== roleId) {
+            searchTerms.push(roleName);
+        }
+        // The dropdown only queries for a non-empty value, so clearing the box
+        // between terms resets it before the next one is typed.
         await (0, test_1.expect)(async () => {
-            await this.roleIdSearchBox.fill('');
-            await this.page.waitForLoadState('networkidle');
-            await this.roleIdSearchBox.fill(roleId);
-            await (0, test_1.expect)(result).toBeVisible({ timeout: 15000 });
-        }).toPass({ timeout: 90000, intervals: [2000] });
+            for (const searchTerm of searchTerms) {
+                await this.roleIdSearchBox.fill('');
+                await this.page.waitForLoadState('networkidle');
+                await this.roleIdSearchBox.fill(searchTerm);
+                const offered = await result
+                    .waitFor({ state: 'visible', timeout: 15000 })
+                    .then(() => true)
+                    .catch(() => false);
+                if (offered) {
+                    return;
+                }
+            }
+            throw new Error(`Role ${roleIdentifier} was not offered by the assign role search for` +
+                ` any of: ${searchTerms.join(', ')}`);
+        }).toPass({ timeout: 120000, intervals: [2000] });
         await result.click();
     }
     async clickAssignRoleSubButton() {

package/package.json

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