@camunda/e2e-test-suite 0.0.1154 → 0.0.1156

package/dist/pages/c8Run-8.10/OperateHomePage.js

@@ -66,20 +66,38 @@ class OperateHomePage {
         await this.variableValueInput.clear();
     }
     async fillVariableValueInput(newValue) {
-        // clickEditVariableButton triggers autoFocus → editor.focus() in Monaco's
-        // onMount. Wait for the cursor to confirm Monaco has keyboard focus before
-        // sending events. Scoped to the variable row to avoid matching other editors.
-        await this.page
-            .getByTestId('variable-testVariable')
-            .locator('.monaco-editor .cursor')
+        // Operate migrated this editor from Monaco to CodeMirror
+        // (@uiw/react-codemirror; see camunda/camunda#62782) -- the editable
+        // region is now a div.cm-content, not .monaco-editor, and it no longer
+        // exposes a Monaco-style .cursor element. clickEditVariableButton still
+        // triggers autoFocus, so wait for the content element to actually have
+        // focus (:focus) before sending events, same intent as the old cursor
+        // check. Scoped to the variable row to avoid matching other editors.
+        const variableRow = this.page.getByTestId('variable-testVariable');
+        await variableRow
+            .locator('.cm-content:focus')
             .first()
             .waitFor({ state: 'visible', timeout: 30000 });
-        // Select all, then replace with insertText (single InputEvent dispatch).
-        // keyboard.type() triggers Monaco's auto-close-quote feature which inserts
-        // an extra closing quote and produces invalid JSON. insertText dispatches one
-        // input event that replaces the selection atomically, bypassing auto-close.
-        await this.page.keyboard.press('Control+A');
-        await this.page.keyboard.insertText(`"${newValue}`);
+        // Insert the COMPLETE JSON value, both quotes included. Monaco used to
+        // auto-close a lone opening quote, so the old recipe inserted only
+        // `"value`; CodeMirror's closeBrackets extension ignores insertions
+        // longer than two characters, which left the string unterminated. That
+        // is invalid JSON, and EditButtons.tsx keeps "Save variable" disabled
+        // while hasValidationErrors -- the nightly timed out clicking a button
+        // that could never become enabled. Same recipe as
+        // pages/8.10/OperateHomePage.ts: select all, clear, insert the whole
+        // value in a single input event (no intermediate state to race, and
+        // multi-character insertText is not subject to auto-close), then
+        // confirm the editor actually holds it.
+        // ControlOrMeta+A (not Control+A) so select-all also works on Mac --
+        // same cross-platform shortcut the sibling page objects use for this
+        // exact operation (pages/SM-8.10/OperateHomePage.ts,
+        // pages/8.9/OCIdentityClusterVariablesPage.ts).
+        await this.page.keyboard.press('ControlOrMeta+A');
+        await this.page.keyboard.press('Backspace');
+        const jsonValue = JSON.stringify(newValue);
+        await this.page.keyboard.insertText(jsonValue);
+        await (0, test_1.expect)(variableRow.locator('.cm-content').first()).toContainText(jsonValue, { timeout: 10000 });
     }
     async clickSaveVariableButton() {
         await this.saveVariableButton.click({ timeout: 30000 });

package/dist/pages/c8Run-8.10/TaskDetailsPage.js

@@ -213,7 +213,14 @@ class TaskDetailsPage {
         throw new Error(`Active icon not visible after ${maxRetries} attempts.`);
     }
     async assertVariableValue(variableName, variableValue) {
-        await (0, test_1.expect)(this.page.getByTitle(variableName + ' Value')).toHaveValue(variableValue, { timeout: 60000 });
+        // Tasklist migrated its variables editor to the shadcn design system
+        // (@camunda/design-system's Label + LoadingTextarea/TextInput, see
+        // camunda/camunda#60894). The value field's accessible name comes from a
+        // visually-hidden <label> ("<variable name> Value", via
+        // taskVariablesValueLabel) associated by htmlFor -- the old Carbon input
+        // exposed the same string as an HTML title attribute, which getByTitle
+        // matched directly; getByLabel is the equivalent for a real <label>.
+        await (0, test_1.expect)(this.page.getByLabel(variableName + ' Value')).toHaveValue(variableValue, { timeout: 60000 });
     }
 }
 exports.TaskDetailsPage = TaskDetailsPage;

package/dist/pages/c8Run-8.10/TaskListLoginPage.js

@@ -13,8 +13,11 @@ class TaskListLoginPage {
         this.usernameInput = page.getByLabel('Username');
         this.passwordInput = page.getByRole('textbox', { name: 'password' });
         this.loginButton = page.getByRole('button', { name: 'Login' });
+        // The header logo's accessible name is now just "Camunda logo" (the old
+        // Carbon header appended the product name, "Camunda logo Tasklist") --
+        // see camunda/camunda#60894.
         this.taskListPageBanner = page.getByRole('link', {
-            name: 'Camunda logo Tasklist',
+            name: 'Camunda logo',
         });
     }
     async fillUsername(username) {

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

@@ -4,12 +4,10 @@ declare class TaskPanelPage {
     readonly assignToMeButton: Locator;
     readonly availableTasks: Locator;
     readonly completeTaskButton: Locator;
-    readonly collapseSidePanelButton: Locator;
     readonly emptyTaskMessage: Locator;
-    readonly expandSidePanelButton: Locator;
+    readonly filterSelectButton: Locator;
     private page;
     readonly taskListPageBanner: Locator;
-    readonly collapseFilter: Locator;
     constructor(page: Page);
     assertAssigmentStatus(status: string): Promise<void>;
     assignTaskToMe(): Promise<void>;
@@ -18,6 +16,5 @@ declare class TaskPanelPage {
     taskListBannerIsVisible(): Promise<void>;
     asssertUnnassignedTaskEmptyMessage(): Promise<void>;
     filterBy(option: 'All open tasks' | 'Unassigned' | 'Assigned to me' | 'Completed' | 'Custom'): Promise<void>;
-    clickCollapseFilter(): Promise<void>;
 }
 export { TaskPanelPage };

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

@@ -14,29 +14,33 @@ class TaskPanelPage {
     assignToMeButton;
     availableTasks;
     completeTaskButton;
-    collapseSidePanelButton;
     emptyTaskMessage;
-    expandSidePanelButton;
+    filterSelectButton;
     page;
     taskListPageBanner;
-    collapseFilter;
     constructor(page) {
         this.page = page;
         this.assignmentTag = page.locator(' header > div').nth(2);
         this.assignToMeButton = page.getByRole('button', { name: 'Assign to me' });
         this.availableTasks = page.getByTitle('Available tasks');
         this.completeTaskButton = page.getByRole('button', { name: 'Complete Task' });
-        this.collapseSidePanelButton = page.locator('button[aria-controls="task-nav-bar"][aria-expanded="true"]');
         this.emptyTaskMessage = this.emptyTaskMessage = page.getByRole('heading', {
             name: /Task has no variables/i,
         });
-        this.expandSidePanelButton = page
-            .locator('[aria-label="Filter controls"] li')
-            .filter({ hasText: 'Expand to show filters' });
+        // The old Carbon expandable filter sidebar ([aria-label="Filter
+        // controls"], "Expand to show filters") no longer exists on the shadcn
+        // UI shipped since camunda/camunda#60894. Filtering is now a single
+        // dropdown-trigger button (accessible name "Filters") that opens a menu
+        // of filter options -- see filterBy() below.
+        this.filterSelectButton = page.getByRole('button', {
+            name: 'Filters',
+            exact: true,
+        });
+        // The header logo's accessible name is now just "Camunda logo" (the old
+        // Carbon header appended the product name, "Camunda logo Tasklist").
         this.taskListPageBanner = page.getByRole('link', {
-            name: 'Camunda logo Tasklist',
+            name: 'Camunda logo',
         });
-        this.collapseFilter = page.locator('button[aria-controls="task-nav-bar"][aria-expanded="false"]');
     }
     async assertAssigmentStatus(status) {
         await (0, test_1.expect)(this.assignmentTag).toContainText(status);
@@ -70,12 +74,27 @@ class TaskPanelPage {
         await (0, test_1.expect)(this.emptyTaskMessage).toBeVisible();
     }
     async filterBy(option) {
-        await this.expandSidePanelButton.click();
-        await this.page.getByRole('link', { name: option, exact: true }).click();
-        await this.collapseSidePanelButton.click();
-    }
-    async clickCollapseFilter() {
-        await this.collapseFilter.click({ timeout: 45000 });
+        // Open the filter dropdown, then pick the option from the menu that
+        // appears. Unlike the old Carbon sidebar, the trigger is always visible
+        // -- there's no separate expand/collapse step, and selecting an option
+        // closes the menu on its own.
+        await (0, test_1.expect)(this.filterSelectButton).toBeVisible({ timeout: 10000 });
+        await this.filterSelectButton.click();
+        const menuItem = this.page.getByRole('menuitem', {
+            name: option,
+            exact: true,
+        });
+        await (0, test_1.expect)(menuItem).toBeVisible({ timeout: 10000 });
+        await menuItem.click();
+        await (0, test_1.expect)(menuItem).toBeHidden({ timeout: 10000 });
+        // The trigger renders the active filter's label, so this confirms the
+        // selection was applied -- the same signal camunda/camunda's own
+        // Filters.test.tsx asserts on the trigger. It replaces the heading the
+        // old Carbon panel rendered for the active filter, which the shadcn
+        // panel no longer has.
+        await (0, test_1.expect)(this.filterSelectButton).toContainText(option, {
+            timeout: 10000,
+        });
     }
 }
 exports.TaskPanelPage = TaskPanelPage;

package/dist/tests/c8Run-8.10/hto-user-flows.spec.js

@@ -135,10 +135,13 @@ c8Run_8_10_1.test.describe('HTO User Flow Tests', () => {
             await (0, UtilitiesPage_1.completeTaskWithRetry)(taskPanelPage, taskDetailsPage, 'priorityTest2', 'medium');
             await (0, UtilitiesPage_1.completeTaskWithRetry)(taskPanelPage, taskDetailsPage, 'priorityTest1', 'low');
             await taskPanelPage.filterBy('Completed');
-            await (0, test_1.expect)(page.getByRole('heading', { name: 'completed' })).toBeVisible({
-                timeout: 45000,
-            });
-            await taskPanelPage.clickCollapseFilter();
+            // The shadcn task panel no longer renders the active filter as a
+            // heading (filterBy asserts it on the Filters trigger instead), so
+            // wait for a completed task to actually appear in the list -- that
+            // also covers the indexing lag before the reload below.
+            await (0, test_1.expect)(taskPanelPage.availableTasks
+                .getByText('priorityTest4', { exact: true })
+                .first()).toBeVisible({ timeout: 45000 });
             await page.reload();
             await (0, sleep_1.sleep)(1000);
             await taskPanelPage.openTask('priorityTest4');

package/package.json

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