@camunda/e2e-test-suite 0.0.809 → 0.0.810

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

@@ -9,6 +9,8 @@ declare class FormJsPage {
     readonly textField: Locator;
     readonly documentPreview: Locator;
     readonly keyInput: Locator;
+    readonly fieldLabelInput: Locator;
+    readonly formIdInput: Locator;
     readonly uploadMultipleFilesToggle: Locator;
     readonly documentReferenceInput: Locator;
     readonly generalPanel: Locator;
@@ -25,6 +27,8 @@ declare class FormJsPage {
     clickGenerateFormButton(): Promise<void>;
     dragAndDrop(source: Locator, target: Locator): Promise<void>;
     fillKeyInput(key: string): Promise<void>;
+    fillFieldLabel(label: string): Promise<void>;
+    fillFormId(id: string): Promise<void>;
     enableUploadMultipleFiles(): Promise<void>;
     filldocumentReferenceInput(key: string): Promise<void>;
     clickGeneralPropertiesPanel(): Promise<void>;

package/dist/pages/8.9/FormJsPage.js

@@ -13,6 +13,8 @@ class FormJsPage {
     textField;
     documentPreview;
     keyInput;
+    fieldLabelInput;
+    formIdInput;
     uploadMultipleFilesToggle;
     documentReferenceInput;
     generalPanel;
@@ -33,6 +35,10 @@ class FormJsPage {
         this.filePicker = page.locator('button[data-field-type="filepicker"]');
         this.textField = page.locator('button[data-field-type="textfield"]');
         this.keyInput = page.getByRole('textbox', { name: 'key' });
+        this.fieldLabelInput = page.locator('#bio-properties-panel-label');
+        // Form-root "Form ID" entry in the form-js editor properties panel; the
+        // BPMN start-event link uses a different entry ("formId"), so no collision.
+        this.formIdInput = page.locator('#bio-properties-panel-id');
         this.uploadMultipleFilesToggle = page.locator('div[data-entry-id="multiple"] .bio-properties-panel-toggle-switch__switcher');
         this.documentReferenceInput = page.getByRole('textbox', {
             name: 'document reference',
@@ -89,6 +95,23 @@ class FormJsPage {
         await (0, test_1.expect)(this.keyInput).toHaveValue(key, { timeout: 20000 });
         await (0, sleep_1.sleep)(1000);
     }
+    async fillFieldLabel(label) {
+        // "Field label" is a contenteditable (FEEL-capable) editor, not an <input>,
+        // so assert its text content rather than a form value.
+        await this.fieldLabelInput.fill(label, { timeout: 60000 });
+        await (0, test_1.expect)(this.fieldLabelInput).toContainText(label, { timeout: 20000 });
+        await (0, sleep_1.sleep)(1000);
+    }
+    async fillFormId(id) {
+        // On a new form the General group is collapsed; expand it so the form-root
+        // "Form ID" input is visible before filling.
+        if (!(await this.formIdInput.isVisible())) {
+            await this.clickGeneralPropertiesPanel();
+        }
+        await this.formIdInput.fill(id, { timeout: 60000 });
+        await (0, test_1.expect)(this.formIdInput).toHaveValue(id, { timeout: 20000 });
+        await (0, sleep_1.sleep)(1000);
+    }
     async enableUploadMultipleFiles() {
         await this.uploadMultipleFilesToggle.click({ timeout: 60000 });
     }

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

@@ -219,6 +219,7 @@ declare class ModelerCreatePage {
     expandPublicationSection(): Promise<void>;
     enablePublicAccessIfDisabled(): Promise<void>;
     clickPublicationTab(): Promise<void>;
+    ensureCopyPublicLinkButtonVisible(): Promise<void>;
     clickCopyPublicLinkButton(): Promise<void>;
     getPublicationLink(): Promise<string>;
     assertFormEmbedded(): Promise<void>;

package/dist/pages/8.9/ModelerCreatePage.js

@@ -219,8 +219,8 @@ class ModelerCreatePage {
             name: 'Toggle public access',
         });
         this.publicationTab = page.getByRole('tab', { name: 'Publication' });
-        this.copyPublicLinkButton = page.getByRole('button', {
-            name: 'Copy public link',
+        this.copyPublicLinkButton = page.getByRole('textbox', {
+            name: 'Copy to clipboard',
         });
         this.closeButton = page.getByRole('button', { name: 'Close' });
         this.rbaEnabledDeployedDialog = page.getByRole('dialog', {
@@ -1230,7 +1230,7 @@ class ModelerCreatePage {
         await this.startEventElement.click({ timeout: 90000 });
         await (0, sleep_1.sleep)(1000);
         await this.expandFormsSection();
-        await this.formLinkTypeOptions.selectOption('Camunda form (linked)');
+        await this.formLinkTypeOptions.selectOption('camunda-form-linked');
         await this.fillFormIdInput(formId);
         if (isPublic) {
             await this.enablePublicAccessIfDisabled();
@@ -1265,21 +1265,35 @@ class ModelerCreatePage {
             },
         });
     }
+    async ensureCopyPublicLinkButtonVisible() {
+        await this.clickPublicationTab();
+        for (let attempt = 0; attempt < 3; attempt++) {
+            const isVisible = await this.copyPublicLinkButton.isVisible();
+            if (isVisible) {
+                return;
+            }
+            await this.page.reload();
+            await this.page.waitForLoadState('load');
+            await this.clickStartEventElement();
+            await this.clickPublicationTab();
+        }
+        await (0, test_1.expect)(this.copyPublicLinkButton).toBeVisible({ timeout: 60000 });
+    }
     async clickCopyPublicLinkButton() {
+        await this.ensureCopyPublicLinkButtonVisible();
         await this.copyPublicLinkButton.click({ timeout: 60000 });
     }
     async getPublicationLink() {
-        await this.clickPublicationTab();
-        await (0, test_1.expect)(this.copyPublicLinkButton).toBeVisible({ timeout: 60000 });
-        await this.clickCopyPublicLinkButton();
-        await (0, sleep_1.sleep)(1000);
-        const context = this.page.context();
-        await context.grantPermissions(['clipboard-read']);
-        const clipboardText = await this.page.evaluate(async () => {
-            return await navigator.clipboard.readText();
-        });
-        console.log('Captured public link:', clipboardText);
-        return clipboardText;
+        await this.ensureCopyPublicLinkButtonVisible();
+        const codeLocator = this.copyPublicLinkButton.locator('code');
+        // The publication tab polls every 3s for active links; wait until the URL
+        // is present in the DOM before reading it to avoid a race with re-renders.
+        await (0, test_1.expect)(codeLocator).toContainText(/https?:\/\//, { timeout: 60000 });
+        const linkText = await codeLocator.innerText({ timeout: 10000 });
+        const link = linkText.trim();
+        (0, test_1.expect)(link).toMatch(/^https?:\/\//);
+        console.log('Captured public link:', link);
+        return link;
     }
     async assertFormEmbedded() {
         await (0, test_1.expect)(this.formLinkedSuccessMessage).toBeVisible({ timeout: 15000 });

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

@@ -15,7 +15,6 @@ const UtilitiesPage_1 = require("../../pages/8.9/UtilitiesPage");
 const deleteOrg_1 = require("../../utils/deleteOrg");
 const sleep_1 = require("../../utils/sleep");
 const mailSlurpClient_1 = require("../../utils/mailSlurpClient");
-const resetSession_1 = require("../../utils/resetSession");
 const users_1 = require("../../utils/users");
 const testUser = (0, users_1.getTestUser)('eleventhUser');
 _8_9_1.test.describe.configure({ mode: 'parallel' });
@@ -415,12 +414,16 @@ _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 25521: https://github.com/camunda/camunda-hub/issues/25521
-    _8_9_1.test.skip('Form.js Integration with User Task and Public Form @tasklistV1', async ({ page, homePage, modelerHomePage, appsPage, modelerCreatePage, formJsPage, browser, }) => {
+    (0, _8_9_1.test)('Form.js Integration with User Task and Public Form @tasklistV1', async ({ page, homePage, modelerHomePage, appsPage, modelerCreatePage, formJsPage, taskDetailsPage, taskPanelPage, operateHomePage, operateProcessesPage, operateProcessInstancePage, 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;
+        // Unique per run so repeated runs in the shared project never collide and
+        // the start-event link resolves to exactly one form.
+        const publicFormId = 'Public_Form_' + randomString;
+        const publicFormFieldKey = 'Public_Form_Field_' + randomString;
+        const publicFormSubmission = 'Test submission from public link';
         await _8_9_1.test.step('Navigate to Web Modeler', async () => {
             await (0, test_1.expect)(homePage.camundaComponentsButton).toBeVisible({
                 timeout: 120000,
@@ -439,10 +442,17 @@ _8_9_1.test.describe('Web Modeler User Flow Tests', () => {
             await modelerHomePage.clickFormOption();
             await modelerHomePage.enterFormName(formName);
             await (0, sleep_1.sleep)(10000);
+            // Set the form's own ID so the start-event link resolves to a deployed
+            // form; otherwise the public form 404s.
+            await formJsPage.fillFormId(publicFormId);
             await formJsPage.dragAndDrop(formJsPage.textField, formJsPage.formEditor);
             await formJsPage.clickGeneralPropertiesPanel();
-            await formJsPage.fillKeyInput('Public_Form');
+            await formJsPage.fillFieldLabel(publicFormFieldKey);
+            await formJsPage.fillKeyInput(publicFormFieldKey);
             await (0, sleep_1.sleep)(10000);
+            // Deploy the form as its own cluster resource so Tasklist can serve the
+            // public start form; the BPMN deploy alone does not include it.
+            await formJsPage.deployForm(clusterName);
         });
         await _8_9_1.test.step('Add A BPMN Template To The Project', async () => {
             await modelerHomePage.clickProjectBreadcrumb();
@@ -451,7 +461,7 @@ _8_9_1.test.describe('Web Modeler User Flow Tests', () => {
         });
         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('Public_Form', true);
+            await modelerCreatePage.linkFormToStartEvent(publicFormId, true);
             await modelerCreatePage.deployDiagram(clusterName);
             await (0, sleep_1.sleep)(5000);
         });
@@ -462,45 +472,49 @@ _8_9_1.test.describe('Web Modeler User Flow Tests', () => {
             publicFormLink = await modelerCreatePage.getPublicationLink();
             console.log('Captured public link:', publicFormLink);
         });
-        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', async () => {
-            await page.goto(publicFormLink);
-            await (0, test_1.expect)(page.getByLabel('Public_Form')).toBeVisible({
-                timeout: 30000,
-            });
-            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('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({
+        await _8_9_1.test.step('Access public form anonymously and submit', async () => {
+            // A public start form must be reachable without authentication, so open
+            // it in a fresh context; the main session stays logged in for the task
+            // completion step below.
+            const anonContext = await browser.newContext();
+            const anonPage = await anonContext.newPage();
+            const anonTaskDetailsPage = new TaskDetailsPage_1.TaskDetailsPage(anonPage);
+            console.log('Navigating to public form link:', publicFormLink);
+            // Re-navigate until the form renders to absorb brief Tasklist import lag
+            // after deploy.
+            await (0, test_1.expect)(async () => {
+                await anonPage.goto(publicFormLink, { waitUntil: 'domcontentloaded' });
+                await (0, test_1.expect)(anonTaskDetailsPage.textInput).toBeVisible({
+                    timeout: 15000,
+                });
+            }).toPass({ timeout: 120000, intervals: [5000, 10000, 15000] });
+            await anonTaskDetailsPage.fillTextInput(publicFormSubmission);
+            await anonTaskDetailsPage.clickSubmitButton();
+            await (0, test_1.expect)(anonPage.getByRole('heading', { name: 'Success!' })).toBeVisible({ timeout: 30000 });
+            await anonContext.close();
+        });
+        await _8_9_1.test.step('Complete User Task in Tasklist', async () => {
+            // The main session is still authenticated, so go straight to Tasklist.
+            await appsPage.clickCamundaApps();
+            await appsPage.clickTasklist(clusterName);
+            await taskPanelPage.openTask(processName);
+            await taskDetailsPage.clickAssignToMeButton();
+            await (0, test_1.expect)(taskDetailsPage.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();
+            // The user task has no form; verify the value submitted via the public
+            // form is carried into the task variable, then complete it. The variable
+            // value is a JSON string, so it is wrapped in quotes.
+            await (0, test_1.expect)(page.getByTitle(`${publicFormFieldKey} Value`)).toHaveValue(`"${publicFormSubmission}"`, { timeout: 30000 });
+            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);
         });
     });
     (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.809",
+  "version": "0.0.810",
   "description": "End-to-end test helpers for Camunda 8",
   "repository": {
     "type": "git",