@camunda/e2e-test-suite 0.0.1026 → 0.0.1027

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

@@ -8,6 +8,8 @@ declare class Authorization {
     protected readonly createAuthorizationOwnerTypeOption: (name: string) => Locator;
     protected readonly createAuthorizationOwnerComboBox: Locator;
     protected readonly createAuthorizationOwnerOption: (name: string) => Locator;
+    protected readonly createAuthorizationOwnerSearchInput: Locator;
+    protected readonly createAuthorizationOwnerSearchOption: (name: string) => Locator;
     protected readonly createAuthorizationResourceTypeDropdown: Locator;
     protected readonly createAuthorizationResourceTypeOption: (name: string) => Locator;
     protected readonly createAuthorizationResourceIdField: Locator;
@@ -19,6 +21,7 @@ declare class Authorization {
     protected readonly deleteAuthorizationModalDeleteButton: Locator;
     protected readonly tableFilter: Locator;
     constructor(page: Page);
+    private selectAuthorizationOwner;
     createAuthorization(authorization: {
         ownerType: string;
         ownerId: string;

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

@@ -14,6 +14,8 @@ class Authorization {
     createAuthorizationOwnerTypeOption;
     createAuthorizationOwnerComboBox;
     createAuthorizationOwnerOption;
+    createAuthorizationOwnerSearchInput;
+    createAuthorizationOwnerSearchOption;
     createAuthorizationResourceTypeDropdown;
     createAuthorizationResourceTypeOption;
     createAuthorizationResourceIdField;
@@ -51,6 +53,16 @@ class Authorization {
             name,
             exact: true,
         });
+        // 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.
+        this.createAuthorizationOwnerSearchInput =
+            this.createAuthorizationModal.getByPlaceholder('Search by owner ID');
+        this.createAuthorizationOwnerSearchOption = (name) => this.createAuthorizationModal
+            .locator('.cds--list-box__menu-item')
+            .filter({ hasText: name })
+            .first();
         this.createAuthorizationResourceTypeDropdown =
             this.createAuthorizationModal.getByRole('combobox', {
                 name: 'Resource type',
@@ -79,18 +91,38 @@ class Authorization {
             });
         this.tableFilter = page.getByRole('searchbox', { name: 'Filter table' });
     }
-    async createAuthorization(authorization) {
-        await this.createAuthorizationButton.click();
-        await (0, test_1.expect)(this.createAuthorizationModal).toBeVisible();
-        await this.createAuthorizationOwnerTypeCombobox.click();
-        await this.createAuthorizationOwnerTypeOption(authorization.ownerType).click();
+    // Released 8.10 alpha images still render the Carbon combobox that lists
+    // every owner, so accept whichever owner field this build shows.
+    async selectAuthorizationOwner(ownerId) {
+        await (0, test_1.expect)(this.createAuthorizationOwnerSearchInput.or(this.createAuthorizationOwnerComboBox)).toBeVisible({ timeout: 30000 });
+        if (await this.createAuthorizationOwnerSearchInput.isVisible()) {
+            await this.createAuthorizationOwnerSearchInput.fill(ownerId);
+            const ownerOption = this.createAuthorizationOwnerSearchOption(ownerId);
+            // The search is debounced and served by the API, so a just-created
+            // owner can take a while to surface.
+            await (0, test_1.expect)(ownerOption).toBeVisible({ timeout: 60000 });
+            await ownerOption.click({ timeout: 30000 });
+            // Picking an owner replaces the search input with a tag holding the
+            // selection, which is how we know the choice was committed.
+            await (0, test_1.expect)(this.createAuthorizationOwnerSearchInput).toBeHidden({
+                timeout: 30000,
+            });
+            return;
+        }
         await this.createAuthorizationOwnerComboBox.click();
-        await (0, test_1.expect)(this.createAuthorizationOwnerOption(authorization.ownerId)).toBeVisible({
+        await (0, test_1.expect)(this.createAuthorizationOwnerOption(ownerId)).toBeVisible({
             timeout: 30000,
         });
-        await this.createAuthorizationOwnerOption(authorization.ownerId).click({
+        await this.createAuthorizationOwnerOption(ownerId).click({
             timeout: 30000,
         });
+    }
+    async createAuthorization(authorization) {
+        await this.createAuthorizationButton.click();
+        await (0, test_1.expect)(this.createAuthorizationModal).toBeVisible();
+        await this.createAuthorizationOwnerTypeCombobox.click();
+        await this.createAuthorizationOwnerTypeOption(authorization.ownerType).click();
+        await this.selectAuthorizationOwner(authorization.ownerId);
         // The Resource type is pre-selected and disabled when the dialog is
         // opened from a specific resource-type tab. Only pick it from the dropdown
         // when the field is still enabled (editable).

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

@@ -263,9 +263,15 @@ class OCTenantPage {
         await this.roleIdSearchBox.click();
     }
     async fillRoleIdSearchBox(roleId, roleIdentifier) {
-        await this.roleIdSearchBox.fill(roleId);
         const result = this.page.getByText(roleIdentifier).first();
-        await (0, test_1.expect)(result).toBeVisible({ timeout: 15000 });
+        // The dropdown matches against the roles fetched with an empty search
+        // filter, so clearing the box re-triggers that fetch before retyping.
+        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] });
         await result.click();
     }
     async clickAssignRoleSubButton() {
@@ -279,6 +285,7 @@ class OCTenantPage {
             return;
         }
         await this.clickAssignRoleButton();
+        await this.page.waitForLoadState('networkidle');
         await this.clickRoleIdSearchBox();
         await this.fillRoleIdSearchBox(roleId, roleIdentifier);
         await this.clickAssignRoleSubButton();

package/dist/utils/assertionHelpers/findLocatorWithPagination.js

@@ -6,6 +6,12 @@ async function findLocatorWithPagination(page, locator, options) {
     const maxPages = 10;
     const paginationButton = page.getByRole('button', { name: 'Next page' });
     const backupPaginationButton = page.getByRole('button', { name: 'Load more' });
+    // The design-system DataTable the Admin UI is migrating onto labels its
+    // forward control just "Next", unlike Carbon's "Next page". Scope it to the
+    // pagination bar so an unrelated wizard "Next" can never be clicked.
+    const dataTablePaginationButton = page
+        .locator('[data-slot="data-table-pagination"]')
+        .getByRole('button', { name: 'Next', exact: true });
     const startTime = Date.now();
     for (let pageNum = 0; pageNum < maxPages; pageNum++) {
         if (Date.now() - startTime > timeout) {
@@ -20,7 +26,10 @@ async function findLocatorWithPagination(page, locator, options) {
             console.log(`Found locator "${locator}" on page ${pageNum + 1}`);
             return true;
         }
-        const nextButton = paginationButton.or(backupPaginationButton).last();
+        const nextButton = paginationButton
+            .or(backupPaginationButton)
+            .or(dataTablePaginationButton)
+            .last();
         const isVisible = await nextButton
             .isVisible({ timeout: 1000 })
             .catch(() => false);

package/package.json

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