@camunda/e2e-test-suite 0.0.810 → 0.0.812

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/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/utils/apiHelpers.js

@@ -568,14 +568,20 @@ async function getOptimizeCookieSm(page) {
     const optimizeUrl = process.env.CAMUNDA_OPTIMIZE_BASE_URL;
     const username = 'demo';
     const password = process.env.DISTRO_QA_E2E_TESTS_IDENTITY_FIRSTUSER_PASSWORD;
-    const maxLoginAttempts = 3;
+    const maxLoginAttempts = 6;
     // Upgrade scenarios trigger rolling restarts of Optimize; page.goto can
-    // briefly receive a 5xx and the Keycloak login form never renders, causing
-    // the #username selector to time out. Retry the whole login flow.
+    // briefly receive a 5xx (nginx "503 Service Temporarily Unavailable") and the
+    // Keycloak login form never renders, causing the #username selector to time
+    // out. A 5xx does not reject page.goto, so detect it from the response status
+    // and retry immediately instead of burning the full waitForSelector timeout,
+    // widening the readiness window until Optimize finishes restarting.
     let lastLoginError;
     for (let attempt = 1; attempt <= maxLoginAttempts; attempt++) {
         try {
-            await page.goto(optimizeUrl, { timeout: 30000 });
+            const response = await page.goto(optimizeUrl, { timeout: 30000 });
+            if (response && response.status() >= 500) {
+                throw new Error(`getOptimizeCookieSm: Optimize returned ${response.status()} on load (service not ready yet)`);
+            }
             await page.waitForSelector('#username', { timeout: 30000 });
             await page.fill('#username', username);
             await page.fill('#password', password);

package/package.json

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