@camunda/e2e-test-suite 0.0.811 → 0.0.813

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

@@ -4,14 +4,27 @@ declare class OptimizeCollectionsPage {
     readonly collectionsPageHeader: Locator;
     readonly createNewButton: Locator;
     readonly reportOption: Locator;
+    readonly collectionOption: Locator;
     readonly modalCloseButton: Locator;
     readonly processReport: Locator;
     readonly collectionsLink: Locator;
+    readonly collectionNameInput: Locator;
+    readonly createCollectionConfirmButton: Locator;
+    readonly collectionContextMenuButton: Locator;
+    readonly editContextMenuOption: Locator;
+    readonly deleteContextMenuOption: Locator;
+    readonly confirmDeleteButton: Locator;
     constructor(page: Page);
     clickCollectionsLink(): Promise<void>;
     clickCreateNewButton(): Promise<void>;
     clickCreateNewButtonWithRetry(): Promise<void>;
     clickReportOption(): Promise<void>;
     clickMostRecentProcessReport(reportName: string): Promise<void>;
+    createCollection(name: string): Promise<void>;
+    finalizeCollectionCreationIfNeeded(): Promise<void>;
+    assertCollectionVisible(name: string): Promise<void>;
+    renameCollection(newName: string): Promise<void>;
+    deleteCollection(): Promise<void>;
+    assertCollectionNotVisible(name: string): Promise<void>;
 }
 export { OptimizeCollectionsPage };

package/dist/pages/8.10/OptimizeCollectionsPage.js

@@ -8,9 +8,16 @@ class OptimizeCollectionsPage {
     collectionsPageHeader;
     createNewButton;
     reportOption;
+    collectionOption;
     modalCloseButton;
     processReport;
     collectionsLink;
+    collectionNameInput;
+    createCollectionConfirmButton;
+    collectionContextMenuButton;
+    editContextMenuOption;
+    deleteContextMenuOption;
+    confirmDeleteButton;
     constructor(page) {
         this.page = page;
         this.collectionsPageHeader = page.getByRole('heading', {
@@ -21,11 +28,48 @@ class OptimizeCollectionsPage {
             exact: true,
         });
         this.reportOption = page.getByText('Report', { exact: true });
+        this.collectionOption = page
+            .getByRole('menuitem', { name: 'Collection', exact: true })
+            .or(page.getByRole('button', { name: 'Collection', exact: true }));
         this.modalCloseButton = page.locator('button').filter({ hasText: /^Close$/ });
         this.processReport = page.getByText('Process Report').first();
         this.collectionsLink = page
             .getByRole('banner')
             .getByRole('link', { name: 'Collections' });
+        this.collectionNameInput = page
+            .getByRole('dialog')
+            .getByRole('textbox')
+            .first();
+        this.createCollectionConfirmButton = page
+            .getByRole('dialog')
+            .getByRole('button', { name: /add data sources|create collection|save/i })
+            .or(page.locator('.cds--modal button.confirm.cds--btn--primary'))
+            .first();
+        this.collectionContextMenuButton = page
+            .locator('button.cds--overflow-menu')
+            .or(page.getByRole('button', {
+            name: /options|context menu|open menu|more|actions/i,
+        }))
+            .first();
+        this.editContextMenuOption = page
+            .getByRole('menuitem', { name: /edit/i })
+            .or(page.getByRole('button', { name: /edit/i }))
+            .or(page.locator('button.cds--overflow-menu-options__btn', {
+            hasText: /edit/i,
+        }))
+            .first();
+        this.deleteContextMenuOption = page
+            .getByRole('menuitem', { name: /delete/i })
+            .or(page.getByRole('button', { name: /delete/i }))
+            .or(page.locator('button.cds--overflow-menu-options__btn', {
+            hasText: /delete/i,
+        }))
+            .first();
+        this.confirmDeleteButton = page
+            .locator('.cds--modal button.confirm')
+            .or(page.locator('.Deleter button.confirm'))
+            .or(page.getByRole('dialog').getByRole('button', { name: /delete/i }))
+            .first();
     }
     async clickCollectionsLink() {
         await (0, test_1.expect)(this.collectionsLink).toBeVisible({ timeout: 60000 });
@@ -64,5 +108,66 @@ class OptimizeCollectionsPage {
     async clickMostRecentProcessReport(reportName) {
         await this.page.getByText(reportName).click({ timeout: 60000 });
     }
+    async createCollection(name) {
+        await this.clickCreateNewButton();
+        await (0, test_1.expect)(this.collectionOption).toBeVisible({ timeout: 30000 });
+        await this.collectionOption.click({ timeout: 30000 });
+        await (0, test_1.expect)(this.collectionNameInput).toBeVisible({ timeout: 30000 });
+        await this.collectionNameInput.click();
+        await this.collectionNameInput.fill(name);
+        await (0, test_1.expect)(this.createCollectionConfirmButton).toBeVisible({
+            timeout: 30000,
+        });
+        await this.createCollectionConfirmButton.click({ timeout: 30000 });
+        await this.finalizeCollectionCreationIfNeeded();
+    }
+    async finalizeCollectionCreationIfNeeded() {
+        const addSourceModal = this.page.getByRole('dialog', {
+            name: /add source/i,
+        });
+        if (await addSourceModal.isVisible({ timeout: 15000 }).catch(() => false)) {
+            const createCollectionButton = addSourceModal.getByRole('button', {
+                name: /^create collection$/i,
+            });
+            await (0, test_1.expect)(createCollectionButton).toBeVisible({ timeout: 30000 });
+            await createCollectionButton.click({ timeout: 30000 });
+        }
+    }
+    async assertCollectionVisible(name) {
+        await (0, test_1.expect)(this.page
+            .getByRole('heading', { name })
+            .or(this.page.getByText(name))
+            .first()).toBeVisible({ timeout: 60000 });
+    }
+    async renameCollection(newName) {
+        await (0, test_1.expect)(this.collectionContextMenuButton).toBeVisible({
+            timeout: 30000,
+        });
+        await this.collectionContextMenuButton.click({ timeout: 30000 });
+        await (0, test_1.expect)(this.editContextMenuOption).toBeVisible({ timeout: 30000 });
+        await this.editContextMenuOption.click({ timeout: 30000 });
+        await (0, test_1.expect)(this.collectionNameInput).toBeVisible({ timeout: 30000 });
+        await this.collectionNameInput.click();
+        await this.collectionNameInput.fill(newName);
+        await (0, test_1.expect)(this.createCollectionConfirmButton).toBeVisible({
+            timeout: 30000,
+        });
+        await this.createCollectionConfirmButton.click({ timeout: 30000 });
+    }
+    async deleteCollection() {
+        await (0, test_1.expect)(this.collectionContextMenuButton).toBeVisible({
+            timeout: 30000,
+        });
+        await this.collectionContextMenuButton.click({ timeout: 30000 });
+        await (0, test_1.expect)(this.deleteContextMenuOption).toBeVisible({ timeout: 30000 });
+        await this.deleteContextMenuOption.click({ timeout: 30000 });
+        await (0, test_1.expect)(this.confirmDeleteButton).toBeVisible({ timeout: 30000 });
+        await this.confirmDeleteButton.click({ timeout: 30000 });
+    }
+    async assertCollectionNotVisible(name) {
+        await (0, test_1.expect)(this.page.getByText(name).first()).toBeHidden({
+            timeout: 60000,
+        });
+    }
 }
 exports.OptimizeCollectionsPage = OptimizeCollectionsPage;

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

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

package/dist/pages/8.8/FormJsPage.js

@@ -13,6 +13,7 @@ class FormJsPage {
     textField;
     documentPreview;
     keyInput;
+    fieldLabelInput;
     uploadMultipleFilesToggle;
     documentReferenceInput;
     generalPanel;
@@ -33,6 +34,7 @@ class FormJsPage {
         this.documentPreview = page.locator('button[data-field-type="documentPreview"]');
         this.filePicker = page.locator('button[data-field-type="filepicker"]');
         this.keyInput = page.getByRole('textbox', { name: 'key' });
+        this.fieldLabelInput = page.locator('#bio-properties-panel-label');
         this.uploadMultipleFilesToggle = page.locator('div[data-entry-id="multiple"] .bio-properties-panel-toggle-switch__switcher');
         this.documentReferenceInput = page.getByRole('textbox', {
             name: 'document reference',
@@ -91,6 +93,13 @@ 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 enableUploadMultipleFiles() {
         await this.uploadMultipleFilesToggle.click({ timeout: 60000 });
     }

package/dist/tests/8.10/optimize-collections-ui.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/8.10/optimize-collections-ui.spec.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const test_1 = require("@playwright/test");
+const _8_10_1 = require("../../fixtures/8.10");
+const _setup_1 = require("../../test-setup.js");
+const UtilitiesPage_1 = require("../../pages/8.10/UtilitiesPage");
+const users_1 = require("../../utils/users");
+const testUser = (0, users_1.getTestUser)('twentySecondUser');
+const clusterName = 'Test Cluster';
+_8_10_1.test.describe.configure({ mode: 'parallel' });
+_8_10_1.test.describe('Optimize Collections Lifecycle UI Tests @optimize-collections-ui @8.10', () => {
+    _8_10_1.test.beforeEach(async ({ page, loginPage }, testInfo) => {
+        await (0, UtilitiesPage_1.loginWithRetry)(page, loginPage, testUser, (testInfo.workerIndex + 1) * 1000);
+    });
+    _8_10_1.test.afterEach(async ({ page }, testInfo) => {
+        await (0, _setup_1.captureScreenshot)(page, testInfo);
+        await (0, _setup_1.captureFailureVideo)(page, testInfo);
+    });
+    (0, _8_10_1.test)('Create, rename and delete a collection', async ({ appsPage, optimizeHomePage, optimizeCollectionsPage, }) => {
+        _8_10_1.test.slow();
+        const collectionName = 'E2E Collection ' + (await (0, _setup_1.generateRandomStringAsync)(5));
+        const renamedCollectionName = 'E2E Collection Renamed ' + (await (0, _setup_1.generateRandomStringAsync)(5));
+        await _8_10_1.test.step('Navigate to Optimize from the Camunda apps menu', async () => {
+            await appsPage.clickCamundaApps();
+            await appsPage.clickOptimize(clusterName);
+            await test_1.expect
+                .poll(async () => optimizeHomePage.optimizeBanner.isVisible({ timeout: 5000 }), { timeout: 120000 })
+                .toBe(true);
+        });
+        await _8_10_1.test.step('Open the Collections page', async () => {
+            await optimizeHomePage.clickCollectionsLink();
+        });
+        await _8_10_1.test.step('Create a new collection and verify it is created', async () => {
+            await optimizeCollectionsPage.createCollection(collectionName);
+            await optimizeCollectionsPage.assertCollectionVisible(collectionName);
+        });
+        await _8_10_1.test.step('Rename the collection and verify the new name', async () => {
+            await optimizeCollectionsPage.renameCollection(renamedCollectionName);
+            await optimizeCollectionsPage.assertCollectionVisible(renamedCollectionName);
+        });
+        await _8_10_1.test.step('Delete the collection and verify it is removed', async () => {
+            await optimizeCollectionsPage.deleteCollection();
+            await optimizeCollectionsPage.assertCollectionNotVisible(renamedCollectionName);
+        });
+    });
+});

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

@@ -11,7 +11,6 @@ const UtilitiesPage_1 = require("../../pages/8.8/UtilitiesPage");
 const deleteOrg_1 = require("../../utils/deleteOrg");
 const sleep_1 = require("../../utils/sleep");
 const mailSlurpClient_1 = require("../../utils/mailSlurpClient");
-const expectLocatorWithRetry_1 = require("../../utils/assertionHelpers/expectLocatorWithRetry");
 const users_1 = require("../../utils/users");
 const testUser = (0, users_1.getTestUser)('eleventhUser');
 _8_8_1.test.describe.configure({ mode: 'parallel' });
@@ -407,10 +406,13 @@ _8_8_1.test.describe('Web Modeler User Flow Tests', () => {
         });
     });
     //Skipped due to bug 22577: https://github.com/camunda/camunda-hub/issues/22577
-    _8_8_1.test.skip('Public Start Form @tasklistV1', async ({ page, homePage, modelerHomePage, appsPage, modelerCreatePage, formJsPage, taskDetailsPage, loginPage, taskPanelPage, operateHomePage, operateProcessesPage, operateProcessInstancePage, }) => {
+    (0, _8_8_1.test)('Public Start Form @tasklistV1', async ({ page, homePage, modelerHomePage, appsPage, modelerCreatePage, formJsPage, taskDetailsPage, taskPanelPage, operateHomePage, operateProcessesPage, operateProcessInstancePage, browser, }) => {
         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.
+        const publicFormFieldKey = 'Public_Form_Text_Field_' + randomString;
+        const publicFormSubmission = 'Public Form Test Value';
         await _8_8_1.test.step('Navigate to Web Modeler', async () => {
             await (0, test_1.expect)(homePage.camundaComponentsButton).toBeVisible({
                 timeout: 120000,
@@ -431,7 +433,8 @@ _8_8_1.test.describe('Web Modeler User Flow Tests', () => {
             await formJsPage.dragAndDrop(formJsPage.textField, formJsPage.formEditor);
             await (0, test_1.expect)(formJsPage.textFieldInForm).toBeVisible();
             await formJsPage.clickGeneralPropertiesPanel();
-            await formJsPage.fillKeyInput('Public_Form_Text_Field');
+            await formJsPage.fillFieldLabel(publicFormFieldKey);
+            await formJsPage.fillKeyInput(publicFormFieldKey);
             await formJsPage.deployForm(clusterName);
         });
         await _8_8_1.test.step('Add A BPMN Template To The Project', async () => {
@@ -451,39 +454,39 @@ _8_8_1.test.describe('Web Modeler User Flow Tests', () => {
             publicFormLink = await modelerCreatePage.getPublicationLink();
             await (0, sleep_1.sleep)(1000);
         });
-        await _8_8_1.test.step('Clear Cookies and Reset Session', async () => {
-            await page.context().clearCookies();
-            await page.evaluate(() => {
-                localStorage.clear();
-                sessionStorage.clear();
-            });
-            await page.goto('/');
-        });
-        await _8_8_1.test.step('Access Public Form After Session Reset and Submit the Form', async () => {
+        await _8_8_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:', publicFormLink);
-            await page.goto(publicFormLink);
-            await (0, expectLocatorWithRetry_1.expectLocatorWithRetry)(page, taskDetailsPage.textInput, {
-                postAction: async () => {
-                    await page.goto(publicFormLink);
-                },
-            });
-            await taskDetailsPage.fillTextInput('Public Form Test Value');
-            await taskDetailsPage.clickSubmitButton();
-            await (0, test_1.expect)(page.getByRole('heading', { name: 'Success!' })).toBeVisible({
-                timeout: 30000,
-            });
-        });
-        await _8_8_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);
+            // 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_8_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 (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 (0, test_1.expect)(taskDetailsPage.assignedToMeText).toBeVisible({
+                timeout: 60000,
+            });
+            // The value submitted via the public form is carried into the task
+            // variable as 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_8_1.test.step('Assert Process Instance is Completed in Operate', async () => {

package/package.json

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