@camunda/e2e-test-suite 0.0.1013 → 0.0.1014

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

@@ -1,6 +1,7 @@
 import { Page, Locator } from '@playwright/test';
 declare class ModelerHomePage {
     private defaultFolderName;
+    private defaultNewProjectName;
     private page;
     private processApplicationPage;
     private processApplicationUrl?;
@@ -29,10 +30,15 @@ declare class ModelerHomePage {
     readonly closeButton: Locator;
     readonly optionsButton: Locator;
     readonly formNameBreadcrumb: (formName: string) => Locator;
+    readonly breadcrumbProjectMenu: Locator;
+    readonly renameProjectMenuItem: Locator;
+    readonly defaultNamedProjectRow: Locator;
+    readonly renameMenuItem: Locator;
     constructor(page: Page);
     dismissOverlays(): Promise<void>;
     clickCreateNewProjectButton(): Promise<void>;
     enterNewProjectName(name: string): Promise<void>;
+    private openProjectRenameEditor;
     enterIdpApplicationName(name: string): Promise<void>;
     clickChooseBpmnTemplateButton(): Promise<void>;
     reload(): Promise<void>;

package/dist/pages/8.10/ModelerHomePage.js

@@ -8,6 +8,8 @@ const randomName_1 = require("../../utils/randomName");
 const ProcessApplicationPage_1 = require("./ProcessApplicationPage");
 class ModelerHomePage {
     defaultFolderName = 'Cross Component Test Project';
+    // The name hub gives a project on create, before the inline rename commits.
+    defaultNewProjectName = 'New project';
     page;
     // Since camunda/camunda-hub#25831 files and folders cannot sit at a
     // workspace ("project" in today's UI) root -- only process applications and
@@ -46,6 +48,10 @@ class ModelerHomePage {
     closeButton;
     optionsButton;
     formNameBreadcrumb;
+    breadcrumbProjectMenu;
+    renameProjectMenuItem;
+    defaultNamedProjectRow;
+    renameMenuItem;
     constructor(page) {
         this.page = page;
         this.processApplicationPage = new ProcessApplicationPage_1.ProcessApplicationPage(page);
@@ -104,6 +110,14 @@ class ModelerHomePage {
         this.formNameBreadcrumb = (formName) => page.locator('button[data-test="breadcrumb-form"]', {
             hasText: formName,
         });
+        this.breadcrumbProjectMenu = page.locator('[data-test="breadcrumb-project-menu"]');
+        this.renameProjectMenuItem = page.locator('[data-test="rename-project"]');
+        // EntityTable stamps `entity-<row id>` on the row, and on the projects list
+        // the row id is the project's name (camunda-hub
+        // frontend/apps/hub/src/components/entity-table/EntityTable.tsx), so this
+        // addresses the still-unnamed project the create flow just added.
+        this.defaultNamedProjectRow = page.locator(`[data-test="entity-${this.defaultNewProjectName}"]`);
+        this.renameMenuItem = page.getByRole('menuitem', { name: 'Rename' });
     }
     async dismissOverlays() {
         for (const locator of [
@@ -149,6 +163,13 @@ class ModelerHomePage {
             if (await committedProjectName.first().isVisible()) {
                 return;
             }
+            // Bounded, not instantaneous: the editor can still be mounting, and
+            // reading that as "closed" would send the recovery to the projects-list
+            // branch while the browser sits on the project page, where the row it
+            // wants does not exist.
+            if (!(await this.becameVisible(this.projectNameInput.first(), 10000))) {
+                await this.openProjectRenameEditor();
+            }
             await this.projectNameInput.click({ timeout: 15000 });
             await this.projectNameInput.fill(name);
             // Confirm the value actually landed in the edit field before committing;
@@ -163,6 +184,32 @@ class ModelerHomePage {
             await (0, test_1.expect)(committedProjectName.first()).toBeVisible({ timeout: 15000 });
         }).toPass({ timeout: 120000 });
     }
+    // Reopens the inline name editor when the create flow has left it closed.
+    // Two shapes, both hub's own (frontend/apps/hub/src/app/pages/project/
+    // ProjectHeader.tsx and .../home/features/projects-list/EntityAction.tsx):
+    // inside the project the breadcrumb dropdown carries a Rename item, and on
+    // the projects list the row's overflow menu carries one that toggles the row
+    // into edit mode. Both mount the same InlineEditable, so the caller keeps
+    // filling `[data-test="editable-input"]` either way.
+    //
+    // `breadcrumb-project-menu` and not `breadcrumb-project`: the latter is the
+    // loading/text fallback hub renders before the project has loaded, and
+    // clicking it opens nothing. Hub's own suite draws the same distinction.
+    async openProjectRenameEditor() {
+        if (await this.becameVisible(this.breadcrumbProjectMenu, 10000)) {
+            await this.breadcrumbProjectMenu.click({ timeout: 10000 });
+            await this.renameProjectMenuItem.click({ timeout: 10000 });
+            return;
+        }
+        // Still on the projects list: hub created the project but never navigated
+        // into it, so the breadcrumb editor was never mounted at all. Rename the
+        // row in place rather than clicking "New project" again, which would leave
+        // a second, permanently unnamed project behind in the org.
+        await this.defaultNamedProjectRow
+            .locator('[data-test="entity-context-dropdown"]')
+            .click({ timeout: 30000 });
+        await this.renameMenuItem.click({ timeout: 10000 });
+    }
     async enterIdpApplicationName(name) {
         await this.idpApplicationNameInput.click({ timeout: 60000 });
         await this.idpApplicationNameInput.fill(name);
@@ -423,6 +470,20 @@ class ModelerHomePage {
         }
         await this.clickCreateNewProjectButton();
         await this.enterNewProjectName(this.defaultFolderName);
+        // Both branches must leave the browser inside the workspace: the callers
+        // go straight on to clickDiagramTypeDropdown(), whose create control only
+        // exists there. Creating normally navigates into the new project, but when
+        // hub leaves the browser on the projects list the rename happens in the row
+        // and no navigation follows.
+        //
+        // Keyed on "New project", which hub renders only on the projects list and
+        // never inside an open project, so it answers which view we are on
+        // directly. The folder tile is the wrong signal: on a slow list render it
+        // is still absent, which would read as "already inside" and skip a hop
+        // that was needed.
+        if (await this.becameVisible(this.createNewProjectButton, 5000)) {
+            await this.clickCrossComponentProjectFolder();
+        }
     }
     async clickManageButton(retries = 3) {
         await this.optionsButton.click({ timeout: 30000 });

package/package.json

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