@camunda/e2e-test-suite 0.0.1009 → 0.0.1011

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

@@ -56,8 +56,10 @@ class NavigationPage {
         });
         // TODO: Drop support for Identity once we fully rename it to Admin
         this.identityPageBanner = page
+            .getByRole('link', { name: 'Camunda Admin', exact: true })
+            .or(page
             .locator('a')
-            .filter({ hasText: /^Camunda logo\s*(Identity|Admin)$/ })
+            .filter({ hasText: /^Camunda logo\s*(Identity|Admin)$/ }))
             .first();
         this.managementIdentityPageBanner = page
             .locator('a')

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

@@ -19,34 +19,57 @@ class OCIdentityHomePage {
     constructor(page) {
         this.page = page;
         this.adminBanner = page
-            .locator('a')
-            .filter({ hasText: /^Camunda logo\s*Admin$/ })
+            .getByRole('link', { name: 'Camunda Admin', exact: true })
+            .or(page.locator('a').filter({ hasText: /^Camunda logo\s*Admin$/ }))
             .first();
         this.groupsTab = page
+            .getByRole('navigation', { name: 'Main navigation' })
+            .getByRole('link', { name: 'Groups', exact: true })
+            .or(page
             .getByRole('banner')
             .locator('a')
-            .filter({ hasText: /^Groups$/ });
+            .filter({ hasText: /^Groups$/ }))
+            .first();
         this.mappingRulesTab = page
+            .getByRole('navigation', { name: 'Main navigation' })
+            .getByRole('link', { name: 'Mapping rules', exact: true })
+            .or(page
             .getByRole('banner')
             .locator('a')
-            .filter({ hasText: /^Mapping rules$/ })
+            .filter({ hasText: /^Mapping rules$/ }))
             .first();
         this.tenantsTab = page
+            .getByRole('navigation', { name: 'Main navigation' })
+            .getByRole('link', { name: 'Tenants', exact: true })
+            .or(page
             .getByRole('banner')
             .locator('a')
-            .filter({ hasText: /^Tenants$/ });
+            .filter({ hasText: /^Tenants$/ }))
+            .first();
         this.rolesTab = page
+            .getByRole('navigation', { name: 'Main navigation' })
+            .getByRole('link', { name: 'Roles', exact: true })
+            .or(page
             .getByRole('banner')
             .locator('a')
-            .filter({ hasText: 'Roles' });
+            .filter({ hasText: /^Roles$/ }))
+            .first();
         this.authorizationsTab = page
+            .getByRole('navigation', { name: 'Main navigation' })
+            .getByRole('link', { name: 'Authorizations', exact: true })
+            .or(page
             .getByRole('banner')
             .locator('a')
-            .filter({ hasText: /^Authorizations$/ });
+            .filter({ hasText: /^Authorizations$/ }))
+            .first();
         this.clusterVariablesTab = page
+            .getByRole('navigation', { name: 'Main navigation' })
+            .getByRole('link', { name: 'Cluster variables', exact: true })
+            .or(page
             .getByRole('banner')
             .locator('a')
-            .filter({ hasText: /Cluster variables/i });
+            .filter({ hasText: /Cluster variables/i }))
+            .first();
         this.licenseKeyTagNonProduction = page
             .getByText('Non-production license')
             .first();

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

@@ -87,9 +87,12 @@ class OCIdentityRolesPage {
         });
         this.adminRole = page.getByRole('cell', { name: 'admin', exact: true });
         this.rolesNavTab = page
+            .getByRole('navigation', { name: 'Main navigation' })
+            .getByRole('link', { name: 'Roles', exact: true })
+            .or(page
             .getByRole('banner')
             .locator('a')
-            .filter({ hasText: /^Roles$/ })
+            .filter({ hasText: /^Roles$/ }))
             .first();
         this.assignUserButton = page.getByRole('button', { name: 'Assign user' });
         this.usernameTextBox = page.getByRole('textbox', { name: 'Username' });

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

@@ -0,0 +1,23 @@
+import { Locator, Page } from '@playwright/test';
+declare class ProcessApplicationPage {
+    private page;
+    readonly createProcessApplicationButton: Locator;
+    readonly createProcessApplicationOption: Locator;
+    readonly creationDialog: Locator;
+    readonly nameInput: Locator;
+    readonly submitButton: Locator;
+    readonly cancelButton: Locator;
+    readonly breadcrumb: Locator;
+    readonly folderExplorer: Locator;
+    readonly titleBar: Locator;
+    readonly createNewDropdown: Locator;
+    readonly inlineNameInput: Locator;
+    constructor(page: Page);
+    private pageReady;
+    waitForProcessApplication(timeout?: number): Promise<void>;
+    clickCreateProcessApplicationButton(): Promise<void>;
+    clickCreateProcessApplicationOption(): Promise<void>;
+    nameNewProcessApplication(name: string): Promise<void>;
+    openByName(name: string): Promise<void>;
+}
+export { ProcessApplicationPage };

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

@@ -0,0 +1,132 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProcessApplicationPage = void 0;
+const test_1 = require("@playwright/test");
+const submitModalWithRetry_1 = require("../../utils/assertionHelpers/submitModalWithRetry");
+// Since camunda/camunda-hub#25831 a process application is a first-class
+// container rather than a folder, and a workspace root ("project" in today's
+// UI) holds nothing but process applications and IDP applications. Every file
+// and folder this suite creates therefore has to live inside a process
+// application. This page object owns that container's surface only; entering
+// and leaving it is driven from ModelerHomePage so the ~150 existing spec call
+// sites keep working unchanged.
+class ProcessApplicationPage {
+    page;
+    // Empty workspace root: a plain primary button rendered next to the "Create
+    // new" menu (hub's EmptyStateActionButtons).
+    createProcessApplicationButton;
+    // Non-empty root: the item inside the "Create new" menu. Hub passes
+    // hideProcessApplication at workspace level, so this is the fallback rather
+    // than the primary path -- its own unit test asserts the item is absent
+    // there. Kept because the Hub PR is still moving this surface.
+    createProcessApplicationOption;
+    creationDialog;
+    nameInput;
+    submitButton;
+    cancelButton;
+    breadcrumb;
+    folderExplorer;
+    titleBar;
+    createNewDropdown;
+    inlineNameInput;
+    constructor(page) {
+        this.page = page;
+        // .first() defensively only: hub renders exactly one of these today, in the
+        // workspace-root empty state. A future second placement should not turn
+        // every PA-creating test into a strict-mode violation.
+        this.createProcessApplicationButton = page
+            .getByRole('button', { name: 'Create process application' })
+            .first();
+        this.createProcessApplicationOption = page.locator('[data-test="create-process-application"]');
+        this.creationDialog = page.getByRole('dialog', {
+            name: 'Create a process application',
+        });
+        // Deliberately scoped to the dialog: ModelerCreatePage owns an unscoped
+        // getByLabel('Name', {exact: true}) for the properties panel, which would
+        // resolve to two elements while the creation modal is open.
+        this.nameInput = this.creationDialog.getByLabel('Name', { exact: true });
+        this.submitButton = this.creationDialog.getByRole('button', {
+            name: 'Create',
+            exact: true,
+        });
+        this.cancelButton = this.creationDialog.getByRole('button', {
+            name: 'Cancel',
+            exact: true,
+        });
+        this.breadcrumb = page.locator('[data-test="breadcrumb-process-application-menu"]');
+        // The Design System shell renames this region "Resources"; the Carbon shell
+        // calls it "Folder explorer". Both hold the resource table and its toolbar,
+        // so matching either keeps createNewDropdown below correctly scoped.
+        this.folderExplorer = page
+            .getByRole('region', { name: 'Folder explorer' })
+            .or(page.getByRole('region', { name: 'Resources' }))
+            .first();
+        // Design System proof that we are on a process application page: the
+        // Carbon-era breadcrumb hook is gone under that shell, the same way
+        // breadcrumb-project is.
+        this.titleBar = page.locator('[data-test="process-application-title-bar"]');
+        // The process application page renders more than one diagram-dropdown
+        // (hub's own unit tests reach for it with getAllByTestId), so the dropdown
+        // has to be resolved inside the folder explorer rather than page-wide.
+        this.createNewDropdown = this.folderExplorer
+            .locator('[data-test="diagram-dropdown"]')
+            .first();
+        this.inlineNameInput = page.locator('[data-test="editable-input"]');
+    }
+    // Any one of the title bar, the resource region or the breadcrumb proves we
+    // are on the process application page. Three branches because the Design
+    // System and Carbon shells expose different subsets: only the title bar is
+    // present under both. .first() because several match once it has rendered.
+    pageReady() {
+        return this.titleBar.or(this.folderExplorer).or(this.breadcrumb).first();
+    }
+    async waitForProcessApplication(timeout = 90000) {
+        await (0, test_1.expect)(this.pageReady()).toBeVisible({ timeout });
+    }
+    async clickCreateProcessApplicationButton() {
+        await (0, test_1.expect)(this.createProcessApplicationButton).toBeVisible({
+            timeout: 60000,
+        });
+        await this.createProcessApplicationButton.click({ timeout: 60000 });
+    }
+    async clickCreateProcessApplicationOption() {
+        await (0, test_1.expect)(this.createProcessApplicationOption).toBeVisible({
+            timeout: 60000,
+        });
+        await this.createProcessApplicationOption.click({ timeout: 60000 });
+    }
+    // Hub creates a process application through a modal today. It used an inline
+    // editable title before, and #27593 is still moving this surface, so the
+    // inline path is kept as a fallback — this is the one method that has to
+    // change if naming moves back inline.
+    async nameNewProcessApplication(name) {
+        const isModal = await this.creationDialog
+            .waitFor({ state: 'visible', timeout: 15000 })
+            .then(() => true)
+            .catch(() => false);
+        if (isModal) {
+            await this.nameInput.click({ timeout: 30000 });
+            await this.nameInput.fill(name);
+            await (0, test_1.expect)(this.nameInput).toHaveValue(name, { timeout: 10000 });
+            await (0, submitModalWithRetry_1.submitModalWithRetry)(this.submitButton, this.creationDialog);
+            await this.waitForProcessApplication();
+            return;
+        }
+        await (0, test_1.expect)(this.inlineNameInput).toBeVisible({ timeout: 30000 });
+        await this.inlineNameInput.click({ timeout: 60000 });
+        await this.inlineNameInput.fill(name);
+        await this.inlineNameInput.press('Enter');
+        await this.waitForProcessApplication();
+    }
+    async openByName(name) {
+        const processApplication = this.page
+            .getByRole('row')
+            .filter({ hasText: name })
+            .getByTitle(name)
+            .first();
+        await (0, test_1.expect)(processApplication).toBeVisible({ timeout: 90000 });
+        await processApplication.click({ timeout: 60000 });
+        await this.waitForProcessApplication();
+    }
+}
+exports.ProcessApplicationPage = ProcessApplicationPage;

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

@@ -8,9 +8,18 @@ class SettingsPage {
     openUserSidebarButton;
     constructor(page) {
         this.page = page;
-        this.openSettingsButton = page.getByLabel('Open Settings');
-        this.openUserSidebarButton = page.getByLabel('Open User Sidebar');
-        this.logoutButton = page.getByRole('button', { name: 'Log out' });
+        this.openSettingsButton = page
+            .getByRole('button', { name: /^User menu/ })
+            .or(page.getByLabel('Open Settings'))
+            .first();
+        this.openUserSidebarButton = page
+            .getByRole('button', { name: /^User menu/ })
+            .or(page.getByLabel('Open User Sidebar'))
+            .first();
+        this.logoutButton = page
+            .getByRole('menuitem', { name: /log out/i })
+            .or(page.getByRole('button', { name: 'Log out' }))
+            .first();
     }
     async clickOpenSettingsButton() {
         await this.openSettingsButton.click({ timeout: 120000 });

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

@@ -416,6 +416,14 @@ async function modelAndRunConnectorsTimerEventDiagram(modelerCreatePage, modeler
         timeout: 60000,
     });
     await connectorMarketplacePage.downloadConnectorToProject();
+    // Both lookups are container-relative: clickProjectBreadcrumb() returns to
+    // this test's process application, which is where the uploaded diagram
+    // lives. The downloaded element template is the open question -- hub
+    // publishes element templates to the workspace, but the marketplace
+    // download is initiated from inside the container, so it should land there.
+    // If a trace shows the template at workspace root instead, the first of
+    // these two calls becomes clickWorkspaceBreadcrumb() followed by
+    // returnToResourceContainer() before the diagram is reopened.
     await modelerHomePage.clickProjectBreadcrumb();
     await modelerHomePage.clickProcessDiagram('REST Outbound Connector');
     await connectorTemplatePage.publishConnector();

package/dist/tests/8.10/access-user-role-management.spec.js

@@ -125,7 +125,7 @@ _8_10_1.test.describe('User Roles User Flow', () => {
             await modelerCreatePage.clickAppendEndEventButton();
             await (0, sleep_1.sleep)(20000);
             await modelerCreatePage.runProcessInstance(clusterName);
-            await (0, test_1.expect)(page.getByText('The diagram failed to deploy & run')).toBeVisible({ timeout: 60000 });
+            await (0, test_1.expect)(page.getByText(/The (diagram|application) failed to deploy & run/)).toBeVisible({ timeout: 60000 });
             await modelerCreatePage.clickCloseButton();
         });
     });
@@ -216,7 +216,7 @@ _8_10_1.test.describe('User Roles User Flow', () => {
             await modelerCreatePage.clickAppendEndEventButton();
             await (0, sleep_1.sleep)(20000);
             await modelerCreatePage.runProcessInstance(clusterName, '', {}, '', false);
-            await (0, test_1.expect)(page.getByText('The diagram failed to deploy & run')).toBeVisible({ timeout: 60000 });
+            await (0, test_1.expect)(page.getByText(/The (diagram|application) failed to deploy & run/)).toBeVisible({ timeout: 60000 });
             await modelerCreatePage.clickCloseButton();
         });
     });
@@ -312,7 +312,7 @@ _8_10_1.test.describe('User Roles User Flow', () => {
             await modelerCreatePage.clickAppendEndEventButton();
             await (0, sleep_1.sleep)(20000);
             await modelerCreatePage.runProcessInstance(clusterName);
-            await (0, test_1.expect)(page.getByText('The diagram failed to deploy & run')).not.toBeVisible({ timeout: 60000 });
+            await (0, test_1.expect)(page.getByText(/The (diagram|application) failed to deploy & run/)).not.toBeVisible({ timeout: 60000 });
             await (0, test_1.expect)(modelerCreatePage.viewProcessInstanceLink).toBeVisible({
                 timeout: 120000,
             });

package/dist/tests/8.10/idp-user-flows.spec.js

@@ -95,7 +95,9 @@ _8_10_1.test.describe('IDP User Flow Tests', () => {
                     await modelerHomePage.clickCrossComponentProjectFolder();
                 });
                 await _8_10_1.test.step('Add an IDP application to the project', async () => {
-                    await modelerHomePage.clickDiagramTypeDropdown();
+                    // Workspace-level menu: an IDP application can only be created at
+                    // workspace root, never inside a process application.
+                    await modelerHomePage.clickWorkspaceDiagramTypeDropdown();
                     await modelerHomePage.clickIdpApplicationTemplateOption();
                 });
                 await _8_10_1.test.step('Creates a document extraction template', async () => {
@@ -168,7 +170,9 @@ _8_10_1.test.describe('IDP User Flow Tests', () => {
                     await modelerHomePage.clickCrossComponentProjectFolder();
                 });
                 await _8_10_1.test.step('Add an IDP application to the project', async () => {
-                    await modelerHomePage.clickDiagramTypeDropdown();
+                    // Workspace-level menu: an IDP application can only be created at
+                    // workspace root, never inside a process application.
+                    await modelerHomePage.clickWorkspaceDiagramTypeDropdown();
                     await modelerHomePage.clickIdpApplicationTemplateOption();
                 });
                 await _8_10_1.test.step('Creates a document extraction template', async () => {
@@ -249,7 +253,9 @@ _8_10_1.test.describe('IDP User Flow Tests', () => {
                     await modelerHomePage.clickCrossComponentProjectFolder();
                 });
                 await _8_10_1.test.step('Add an IDP application to the project', async () => {
-                    await modelerHomePage.clickDiagramTypeDropdown();
+                    // Workspace-level menu: an IDP application can only be created at
+                    // workspace root, never inside a process application.
+                    await modelerHomePage.clickWorkspaceDiagramTypeDropdown();
                     await modelerHomePage.clickIdpApplicationTemplateOption();
                 });
                 await _8_10_1.test.step('Creates a classification template', async () => {

package/package.json

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