@camunda/e2e-test-suite 0.0.715 → 0.0.717

package/dist/pages/8.9/ModelerCreatePage.d.ts

@@ -59,6 +59,7 @@ declare class ModelerCreatePage {
     readonly formLinkingTypeDropdown: Locator;
     readonly formLinkTypeOptions: Locator;
     readonly addFormJsonConfigurationInput: Locator;
+    readonly formIdInput: Locator;
     readonly publicationSection: Locator;
     readonly publicAccessToggle: Locator;
     readonly publicationTab: Locator;
@@ -213,7 +214,8 @@ declare class ModelerCreatePage {
     fillTimerValue(value: string): Promise<void>;
     clickEighthPlacedElement(): Promise<void>;
     clickGlobalConnectToolButton(): Promise<void>;
-    linkFormToStartEvent(formName: string): Promise<void>;
+    fillFormIdInput(id: string): Promise<void>;
+    linkFormToStartEvent(formId: string, isPublic: boolean): Promise<void>;
     expandPublicationSection(): Promise<void>;
     enablePublicAccessIfDisabled(): Promise<void>;
     clickPublicationTab(): Promise<void>;

package/dist/pages/8.9/ModelerCreatePage.js

@@ -65,6 +65,7 @@ class ModelerCreatePage {
     formLinkingTypeDropdown;
     formLinkTypeOptions;
     addFormJsonConfigurationInput;
+    formIdInput;
     publicationSection;
     publicAccessToggle;
     publicationTab;
@@ -210,13 +211,14 @@ class ModelerCreatePage {
         this.formLinkingTypeDropdown = page.getByLabel('Type');
         this.formLinkTypeOptions = page.locator('#bio-properties-panel-formType');
         this.addFormJsonConfigurationInput = page.getByLabel('Form JSON configuration');
+        this.formIdInput = page.getByLabel('Form ID');
         this.publicationSection = page.locator('[data-group-id="group-process-publication"]');
         this.publicAccessToggle = page.getByRole('switch', {
             name: 'Toggle public access',
         });
         this.publicationTab = page.getByRole('tab', { name: 'Publication' });
         this.copyPublicLinkButton = page.getByRole('button', {
-            name: 'Copy to clipboard',
+            name: 'Copy public link',
         });
         this.closeButton = page.getByRole('button', { name: 'Close' });
         this.rbaEnabledDeployedDialog = page.getByRole('dialog', {
@@ -1191,10 +1193,18 @@ class ModelerCreatePage {
         await this.globalConnectToolButton.click({ timeout: 90000 });
         await (0, sleep_1.sleep)(1000);
     }
-    async linkFormToStartEvent(formName) {
+    async fillFormIdInput(id) {
+        await this.formIdInput.fill(id);
+    }
+    async linkFormToStartEvent(formId, isPublic) {
         await this.startEventElement.click({ timeout: 90000 });
         await (0, sleep_1.sleep)(1000);
-        await this.embedForm(formName);
+        await this.expandFormsSection();
+        await this.formLinkTypeOptions.selectOption('Camunda form (linked)');
+        await this.fillFormIdInput(formId);
+        if (isPublic) {
+            await this.enablePublicAccessIfDisabled();
+        }
     }
     async expandPublicationSection() {
         const isExpanded = (await this.publicationSection

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

@@ -15,6 +15,7 @@ declare class OperateProcessesPage {
     private readonly gotItButton;
     private readonly processesTabLink;
     constructor(page: Page);
+    private setCheckboxState;
     private checkCheckbox;
     private uncheckCheckbox;
     private uncheckCompletedCheckbox;

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

@@ -46,44 +46,49 @@ class OperateProcessesPage {
         });
         this.gotItButton = page.getByRole('button', { name: 'Got it' });
     }
-    async checkCheckbox(checkbox) {
+    // Carbon DS checkboxes are hidden inputs — click the label to trigger React's
+    // synthetic event. Operate's filter sidebar is URL-bound and the URL→state
+    // hydration that runs on mount can revert a click that races with it, so the
+    // setter re-clicks (bounded) when the post-click assertion fails.
+    async setCheckboxState(checkbox, desired) {
         await checkbox.waitFor({ state: 'attached', timeout: constants_1._1_SECOND_IN_MS * 10 });
-        if (!(await checkbox.isChecked())) {
-            // Carbon DS checkboxes are hidden inputs — click the label to trigger React's
-            // synthetic event instead of force-checking the hidden input directly, which
-            // would be overridden by React's controlled state on the next render.
-            const checkboxId = await checkbox.getAttribute('id');
-            if (checkboxId) {
-                await this.page
-                    .locator(`label[for="${checkboxId}"]`)
-                    .click({ timeout: constants_1._1_SECOND_IN_MS * 30 });
+        const checkboxId = await checkbox.getAttribute('id');
+        const MAX_ATTEMPTS = 4;
+        let lastError;
+        for (let attempt = 0; attempt < MAX_ATTEMPTS; attempt++) {
+            if ((await checkbox.isChecked()) !== desired) {
+                if (checkboxId) {
+                    await this.page
+                        .locator(`label[for="${checkboxId}"]`)
+                        .click({ timeout: constants_1._1_SECOND_IN_MS * 10 });
+                }
+                else if (desired) {
+                    await checkbox.check({ force: true, timeout: constants_1._1_SECOND_IN_MS * 10 });
+                }
+                else {
+                    await checkbox.uncheck({ force: true, timeout: constants_1._1_SECOND_IN_MS * 10 });
+                }
             }
-            else {
-                await checkbox.check({ force: true, timeout: constants_1._1_SECOND_IN_MS * 30 });
+            try {
+                await (0, test_1.expect)(checkbox).toBeChecked({
+                    checked: desired,
+                    timeout: constants_1._1_SECOND_IN_MS * 5,
+                });
+                return;
+            }
+            catch (err) {
+                lastError = err;
             }
-            await (0, test_1.expect)(checkbox).toBeChecked({
-                checked: true,
-                timeout: constants_1._1_SECOND_IN_MS * 30,
-            });
         }
+        throw lastError instanceof Error
+            ? lastError
+            : new Error(`Checkbox did not settle to checked=${desired} after ${MAX_ATTEMPTS} attempts`);
+    }
+    async checkCheckbox(checkbox) {
+        await this.setCheckboxState(checkbox, true);
     }
     async uncheckCheckbox(checkbox) {
-        await checkbox.waitFor({ state: 'attached', timeout: constants_1._1_SECOND_IN_MS * 10 });
-        if (await checkbox.isChecked()) {
-            const checkboxId = await checkbox.getAttribute('id');
-            if (checkboxId) {
-                await this.page
-                    .locator(`label[for="${checkboxId}"]`)
-                    .click({ timeout: constants_1._1_SECOND_IN_MS * 30 });
-            }
-            else {
-                await checkbox.uncheck({ force: true, timeout: constants_1._1_SECOND_IN_MS * 30 });
-            }
-            await (0, test_1.expect)(checkbox).toBeChecked({
-                checked: false,
-                timeout: constants_1._1_SECOND_IN_MS * 30,
-            });
-        }
+        await this.setCheckboxState(checkbox, false);
     }
     async uncheckCompletedCheckbox() {
         await this.uncheckCheckbox(this.processCompletedCheckbox);

package/dist/pages/SM-8.9/OperateProcessesPage.d.ts

@@ -15,6 +15,7 @@ declare class OperateProcessesPage {
     private readonly gotItButton;
     private readonly processesTabLink;
     constructor(page: Page);
+    private setCheckboxState;
     private checkCheckbox;
     private uncheckCheckbox;
     private uncheckCompletedCheckbox;

package/dist/pages/SM-8.9/OperateProcessesPage.js

@@ -46,44 +46,49 @@ class OperateProcessesPage {
         });
         this.gotItButton = page.getByRole('button', { name: 'Got it' });
     }
-    async checkCheckbox(checkbox) {
+    // Carbon DS checkboxes are hidden inputs — click the label to trigger React's
+    // synthetic event. Operate's filter sidebar is URL-bound and the URL→state
+    // hydration that runs on mount can revert a click that races with it, so the
+    // setter re-clicks (bounded) when the post-click assertion fails.
+    async setCheckboxState(checkbox, desired) {
         await checkbox.waitFor({ state: 'attached', timeout: constants_1._1_SECOND_IN_MS * 10 });
-        if (!(await checkbox.isChecked())) {
-            // Carbon Design System checkboxes use a hidden input + label pattern.
-            // Clicking the label triggers the React onChange event; .check({force})
-            // does not fire synthetic events on hidden inputs.
-            const id = await checkbox.getAttribute('id');
-            if (id) {
-                await this.page
-                    .locator(`label[for="${id}"]`)
-                    .click({ timeout: constants_1._1_SECOND_IN_MS * 30 });
+        const checkboxId = await checkbox.getAttribute('id');
+        const MAX_ATTEMPTS = 4;
+        let lastError;
+        for (let attempt = 0; attempt < MAX_ATTEMPTS; attempt++) {
+            if ((await checkbox.isChecked()) !== desired) {
+                if (checkboxId) {
+                    await this.page
+                        .locator(`label[for="${checkboxId}"]`)
+                        .click({ timeout: constants_1._1_SECOND_IN_MS * 10 });
+                }
+                else if (desired) {
+                    await checkbox.check({ force: true, timeout: constants_1._1_SECOND_IN_MS * 10 });
+                }
+                else {
+                    await checkbox.uncheck({ force: true, timeout: constants_1._1_SECOND_IN_MS * 10 });
+                }
             }
-            else {
-                await checkbox.check({ force: true, timeout: constants_1._1_SECOND_IN_MS * 30 });
+            try {
+                await (0, test_1.expect)(checkbox).toBeChecked({
+                    checked: desired,
+                    timeout: constants_1._1_SECOND_IN_MS * 5,
+                });
+                return;
+            }
+            catch (err) {
+                lastError = err;
             }
-            await (0, test_1.expect)(checkbox).toBeChecked({
-                checked: true,
-                timeout: constants_1._1_SECOND_IN_MS * 30,
-            });
         }
+        throw lastError instanceof Error
+            ? lastError
+            : new Error(`Checkbox did not settle to checked=${desired} after ${MAX_ATTEMPTS} attempts`);
+    }
+    async checkCheckbox(checkbox) {
+        await this.setCheckboxState(checkbox, true);
     }
     async uncheckCheckbox(checkbox) {
-        await checkbox.waitFor({ state: 'attached', timeout: constants_1._1_SECOND_IN_MS * 10 });
-        if (await checkbox.isChecked()) {
-            const id = await checkbox.getAttribute('id');
-            if (id) {
-                await this.page
-                    .locator(`label[for="${id}"]`)
-                    .click({ timeout: constants_1._1_SECOND_IN_MS * 30 });
-            }
-            else {
-                await checkbox.uncheck({ force: true, timeout: constants_1._1_SECOND_IN_MS * 30 });
-            }
-            await (0, test_1.expect)(checkbox).toBeChecked({
-                checked: false,
-                timeout: constants_1._1_SECOND_IN_MS * 30,
-            });
-        }
+        await this.setCheckboxState(checkbox, false);
     }
     async uncheckCompletedCheckbox() {
         await this.uncheckCheckbox(this.processCompletedCheckbox);

package/dist/tests/8.9/web-modeler-user-flows.spec.js

@@ -415,8 +415,8 @@ _8_9_1.test.describe('Web Modeler User Flow Tests', () => {
             await (0, UtilitiesPage_1.assertLocatorVisibleWithRetry)(operateProcessInstancePage, operateProcessInstancePage.completedIcon, 'Completed icon', 60000, false, 5);
         });
     });
-    //Skipped due to bug 22577: https://github.com/camunda/camunda-hub/issues/22577
-    _8_9_1.test.skip('Public Start Form @tasklistV1', async ({ page, homePage, modelerHomePage, appsPage, modelerCreatePage, formJsPage, browser, taskDetailsPage, loginPage, taskPanelPage, operateHomePage, operateProcessesPage, operateProcessInstancePage, }) => {
+    (0, _8_9_1.test)('Form.js Integration with User Task and AI Generated Form', async ({ page, homePage, modelerHomePage, appsPage, modelerCreatePage, formJsPage, browser, }) => {
+        _8_9_1.test.slow();
         const randomString = await (0, _setup_1.generateRandomStringAsync)(3);
         const processName = 'User_Task_Process_With_Public_Form' + randomString;
         const formName = 'Public form' + randomString;
@@ -437,64 +437,69 @@ _8_9_1.test.describe('Web Modeler User Flow Tests', () => {
             await modelerHomePage.clickDiagramTypeDropdown();
             await modelerHomePage.clickFormOption();
             await modelerHomePage.enterFormName(formName);
-            await (0, sleep_1.sleep)(2000);
+            await (0, sleep_1.sleep)(10000);
             await formJsPage.dragAndDrop(formJsPage.textField, formJsPage.formEditor);
             await formJsPage.clickGeneralPropertiesPanel();
-            await formJsPage.fillKeyInput('Public_Form_Text_Field');
-            await formJsPage.deployForm(clusterName);
+            await formJsPage.fillKeyInput('Public_Form');
+            await (0, sleep_1.sleep)(10000);
         });
         await _8_9_1.test.step('Add A BPMN Template To The Project', async () => {
             await modelerHomePage.clickProjectBreadcrumb();
             await modelerHomePage.clickDiagramTypeDropdown();
             await modelerHomePage.clickBpmnTemplateOption();
         });
-        await _8_9_1.test.step('Create BPMN Diagram with a Public Start Form and Deploy the Process', async () => {
+        await _8_9_1.test.step('Create BPMN Diagram with a User Task with an embedded AI Generated Form and Start Process Instance', async () => {
             await modelerCreatePage.modelCamundaUserTaskDiagram(processName, processName);
-            await modelerCreatePage.linkFormToStartEvent(formName);
-            await modelerCreatePage.enablePublicAccessIfDisabled();
+            await modelerCreatePage.linkFormToStartEvent('Public_Form', true);
             await modelerCreatePage.deployDiagram(clusterName);
             await (0, sleep_1.sleep)(5000);
         });
         let publicFormLink;
-        await _8_9_1.test.step('Enable Public Access and Get Publication Link', async () => {
+        await _8_9_1.test.step('Enable public access and get publication link', async () => {
+            await modelerCreatePage.enablePublicAccessIfDisabled();
+            await modelerCreatePage.clickCopyPublicLinkButton();
             publicFormLink = await modelerCreatePage.getPublicationLink();
-            await (0, sleep_1.sleep)(1000);
+            console.log('Captured public link:', publicFormLink);
         });
-        await _8_9_1.test.step('Clear Cookies and Reset Session', async () => {
+        await _8_9_1.test.step('Clear cookies and reset session', async () => {
             await (0, resetSession_1.resetSession)(browser, page);
         });
-        await _8_9_1.test.step('Access Public Form After Session Reset and Submit the Form', async () => {
-            console.log('Navigating to public form:', publicFormLink);
+        await _8_9_1.test.step('Access public form after session reset', async () => {
             await page.goto(publicFormLink);
-            await (0, test_1.expect)(taskDetailsPage.textInput).toBeVisible({
+            await (0, test_1.expect)(page.getByLabel('Public_Form')).toBeVisible({
                 timeout: 30000,
             });
-            await taskDetailsPage.fillTextInput('Public Form Test Value');
-            await taskDetailsPage.clickSubmitButton();
-            await (0, test_1.expect)(page.getByRole('heading', { name: 'Success!' })).toBeVisible({
+            await page
+                .getByLabel('Public_Form')
+                .fill('Test submission from public link');
+            await page.getByRole('button', { name: 'Submit' }).click();
+            await (0, test_1.expect)(page.getByText('Form submitted successfully')).toBeVisible({
                 timeout: 30000,
             });
         });
-        await _8_9_1.test.step('Login to Tasklist and Check User Task Has the Correct Input Values and Can Be Completed', async () => {
-            await (0, UtilitiesPage_1.loginWithRetry)(page, loginPage, testUser, 5000);
-            await appsPage.clickCamundaApps();
-            await appsPage.clickTasklist(clusterName);
-            await (0, UtilitiesPage_1.assertLocatorVisibleWithRetry)(page, taskPanelPage.taskListPageBanner, 'Tasklist banner');
-            await taskPanelPage.openTask(processName);
-            await (0, test_1.expect)(page
-                .getByRole('row')
-                .filter({ hasText: 'Public_Form_Text_Field' })
-                .getByText('"Public Form Test Value"')).toBeVisible({ timeout: 30000 });
-            await taskDetailsPage.clickAssignToMeButton();
-            await taskDetailsPage.clickCompleteTaskButton();
-        });
-        await _8_9_1.test.step('Assert Process Instance is Completed in Operate', async () => {
-            await appsPage.clickCamundaApps();
-            await appsPage.clickOperate(clusterName);
-            await operateHomePage.clickProcessesTab();
-            await operateProcessesPage.clickProcessCompletedCheckbox();
-            await operateProcessesPage.clickProcessInstanceLink(processName);
-            await operateProcessInstancePage.assertProcessCompleteStatusWithRetry(40000);
+        await _8_9_1.test.step('View Process Instance in Operate and complete User Task in Tasklist', async () => {
+            await (0, test_1.expect)(modelerCreatePage.viewProcessInstanceLink).toBeVisible({
+                timeout: 180000,
+            });
+            await modelerCreatePage.clickViewProcessInstanceLink();
+            const operateTab = await page.waitForEvent('popup', { timeout: 60000 });
+            const operateTabAppsPage = new AppsPage_1.AppsPage(operateTab);
+            const operateTabOperateProcessInstancePage = new OperateProcessInstancePage_1.OperateProcessInstancePage(operateTab);
+            const operateTabTaskPanelPage = new TaskPanelPage_1.TaskPanelPage(operateTab);
+            const operateTabTaskDetailsPage = new TaskDetailsPage_1.TaskDetailsPage(operateTab);
+            await (0, test_1.expect)(operateTabOperateProcessInstancePage.activeIcon).toBeVisible({ timeout: 180000 });
+            await operateTabAppsPage.clickCamundaApps();
+            await operateTabAppsPage.clickTasklist(clusterName);
+            await operateTabTaskPanelPage.openTask(processName);
+            await operateTabTaskDetailsPage.clickAssignToMeButton();
+            await (0, test_1.expect)(operateTabTaskDetailsPage.assignedToMeText).toBeVisible({
+                timeout: 60000,
+            });
+            await operateTabTaskDetailsPage.fillName('test user');
+            await operateTabTaskDetailsPage.checkCheckbox();
+            await operateTabTaskDetailsPage.fillDate('11/11/1999');
+            await operateTabTaskDetailsPage.fillNumber('10');
+            await operateTabTaskDetailsPage.clickCompleteTaskButton();
         });
     });
     (0, _8_9_1.test)('Conditional Events - Deploy, verify in Operate and verify process in Optimize dashboard @tasklistV2', async ({ page, homePage, modelerHomePage, appsPage, modelerCreatePage, }) => {

package/package.json

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