@camunda/e2e-test-suite 0.0.903 → 0.0.905

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

@@ -204,6 +204,7 @@ declare class ModelerCreatePage {
     clickTaskDefinitionPropertiesPanel(): Promise<void>;
     clickJobTypeInput(): Promise<void>;
     fillJobTypeInput(name: string): Promise<void>;
+    private suppressTestModeAnnouncement;
     switchToPlay(): Promise<void>;
     completePlayConfiguration(clusterName: string): Promise<void>;
     embedForm(formName: string): Promise<void>;

package/dist/pages/8.10/ModelerCreatePage.js

@@ -256,9 +256,14 @@ class ModelerCreatePage {
         this.serviceTaskOption = page.locator('.djs-popup-results [data-id="replace-with-service-task"]');
         this.taskDefinitionPanel = page.locator('[data-group-id="group-taskDefinition"]');
         this.jobTypeInput = page.getByRole('textbox', { name: /job type/i });
-        this.playTab = page.getByRole('tab', {
-            name: 'Play',
-        });
+        // Modeler renamed the third mode tab "Play" -> "Test" (camunda-hub
+        // a90fd06). Accept either label; the "Test" branch is scoped to the modes
+        // tablist because the details panel also renders a tab named "Test".
+        this.playTab = page
+            .getByRole('tab', { name: 'Play' })
+            .or(page
+            .getByRole('tablist', { name: 'List of modes' })
+            .getByRole('tab', { name: 'Test', exact: true }));
         this.continueToPlayButton = page.getByRole('button', { name: 'Continue' });
         this.assignmentSection = page.locator('[data-group-id="group-assignmentDefinition"]');
         this.assigneeInput = page.getByRole('textbox', { name: 'assignee' });
@@ -1124,7 +1129,16 @@ class ModelerCreatePage {
     async fillJobTypeInput(name) {
         await this.jobTypeInput.fill(name);
     }
+    // Test mode mounts a one-time "A new way to test your processes" modal
+    // (camunda-hub TestAnnouncementModal) that covers the setup steps behind it.
+    // It renders unless localStorage already carries the seen flag, which it
+    // reads on mount; a fresh Playwright context always starts empty, so set the
+    // flag before entering Test mode rather than clicking the modal away.
+    async suppressTestModeAnnouncement() {
+        await this.page.evaluate(() => localStorage.setItem('play-testAnnouncementSeen', 'true'));
+    }
     async switchToPlay() {
+        await this.suppressTestModeAnnouncement();
         await this.playTab.click();
     }
     async completePlayConfiguration(clusterName) {
@@ -1132,14 +1146,15 @@ class ModelerCreatePage {
         // New flow (8.10+): "Setup environment" panel with three steps:
         //   1. Connect cluster → "Configure environment" modal → select cluster → Save
         //   2. Deploy process → wait for success banner
-        //   3. Configure scenario
+        //   3. Configure test case
         const setupDeployButton = this.page
             .getByText('Deploy process')
             .locator('..')
             .getByRole('button', { name: 'Deploy' });
-        const configureScenarioButton = this.page.getByRole('button', {
-            name: 'Configure scenario',
-        });
+        // Keyed on the test id, not the label: the button reads "Configure test
+        // case" since camunda-hub a90fd06 and "Configure scenario" before it, while
+        // the test id kept its original wording across the rename.
+        const configureScenarioButton = this.page.getByTestId('play-configuration-configure-scenario-button');
         // Wait up to 15s for EITHER the new-flow setup panel OR the legacy Continue
         // button to appear. Using .or() avoids separate sequential timeouts that would
         // both expire before the page finishes loading on a slow cluster.

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

@@ -198,6 +198,7 @@ declare class ModelerCreatePage {
     clickTaskDefinitionPropertiesPanel(): Promise<void>;
     clickJobTypeInput(): Promise<void>;
     fillJobTypeInput(name: string): Promise<void>;
+    private suppressTestModeAnnouncement;
     switchToPlay(): Promise<void>;
     completePlayConfiguration(clusterName: string): Promise<void>;
     selectCluster(clusterName: string): Promise<void>;

package/dist/pages/8.7/ModelerCreatePage.js

@@ -223,9 +223,14 @@ class ModelerCreatePage {
         this.serviceTaskOption = page.locator('.djs-popup-results [data-id="replace-with-service-task"]');
         this.taskDefinitionPanel = page.locator('[data-group-id="group-taskDefinition"]');
         this.jobTypeInput = page.getByRole('textbox', { name: /job type/i });
-        this.playTab = page.getByRole('tab', {
-            name: 'Play',
-        });
+        // Modeler renamed the third mode tab "Play" -> "Test" (camunda-hub
+        // a90fd06). Accept either label; the "Test" branch is scoped to the modes
+        // tablist because the details panel also renders a tab named "Test".
+        this.playTab = page
+            .getByRole('tab', { name: 'Play' })
+            .or(page
+            .getByRole('tablist', { name: 'List of modes' })
+            .getByRole('tab', { name: 'Test', exact: true }));
         this.continueToPlayButton = page.getByRole('button', { name: 'Continue' });
         this.assignmentSection = page.locator('[data-group-id="group-assignmentDefinition"]');
         this.assigneeInput = page.getByRole('textbox', { name: 'assignee' });
@@ -1022,7 +1027,16 @@ class ModelerCreatePage {
     async fillJobTypeInput(name) {
         await this.jobTypeInput.fill(name);
     }
+    // Test mode mounts a one-time "A new way to test your processes" modal
+    // (camunda-hub TestAnnouncementModal) that covers the setup steps behind it.
+    // It renders unless localStorage already carries the seen flag, which it
+    // reads on mount; a fresh Playwright context always starts empty, so set the
+    // flag before entering Test mode rather than clicking the modal away.
+    async suppressTestModeAnnouncement() {
+        await this.page.evaluate(() => localStorage.setItem('play-testAnnouncementSeen', 'true'));
+    }
     async switchToPlay() {
+        await this.suppressTestModeAnnouncement();
         await this.playTab.click();
     }
     async completePlayConfiguration(clusterName) {
@@ -1030,14 +1044,15 @@ class ModelerCreatePage {
         // New flow (8.10+): "Setup environment" panel with three steps:
         //   1. Connect cluster → "Configure environment" modal → select cluster → Save
         //   2. Deploy process → wait for success banner
-        //   3. Configure scenario
+        //   3. Configure test case
         const setupDeployButton = this.page
             .getByText('Deploy process')
             .locator('..')
             .getByRole('button', { name: 'Deploy' });
-        const configureScenarioButton = this.page.getByRole('button', {
-            name: 'Configure scenario',
-        });
+        // Keyed on the test id, not the label: the button reads "Configure test
+        // case" since camunda-hub a90fd06 and "Configure scenario" before it, while
+        // the test id kept its original wording across the rename.
+        const configureScenarioButton = this.page.getByTestId('play-configuration-configure-scenario-button');
         // Wait up to 15s for EITHER the new-flow setup panel OR the legacy Continue
         // button to appear.
         const setupOrContinue = setupDeployButton.or(this.continueToPlayButton);

package/dist/pages/8.7/PlayPage.js

@@ -15,7 +15,14 @@ class PlayPage {
     constructor(page) {
         this.page = page;
         this.diagram = page.getByTestId('diagram');
-        this.playTab = page.getByRole('tab', { name: 'Play' });
+        // Modeler renamed the third mode tab "Play" -> "Test" (camunda-hub
+        // a90fd06). Accept either label; the "Test" branch is scoped to the modes
+        // tablist because the details panel also renders a tab named "Test".
+        this.playTab = page
+            .getByRole('tab', { name: 'Play' })
+            .or(page
+            .getByRole('tablist', { name: 'List of modes' })
+            .getByRole('tab', { name: 'Test', exact: true }));
         this.completeJobButton = this.diagram.getByLabel('Complete job');
         // Newer Modeler Play UI: the "Configure Scenario" floating card hosts a
         // primary "Start" Carbon button (variants: "Start", "Start with

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

@@ -203,6 +203,7 @@ declare class ModelerCreatePage {
     clickTaskDefinitionPropertiesPanel(): Promise<void>;
     clickJobTypeInput(): Promise<void>;
     fillJobTypeInput(name: string): Promise<void>;
+    private suppressTestModeAnnouncement;
     switchToPlay(): Promise<void>;
     completePlayConfiguration(clusterName: string): Promise<void>;
     embedForm(formName: string): Promise<void>;

package/dist/pages/8.8/ModelerCreatePage.js

@@ -255,9 +255,14 @@ class ModelerCreatePage {
         this.serviceTaskOption = page.locator('.djs-popup-results [data-id="replace-with-service-task"]');
         this.taskDefinitionPanel = page.locator('[data-group-id="group-taskDefinition"]');
         this.jobTypeInput = page.getByRole('textbox', { name: /job type/i });
-        this.playTab = page.getByRole('tab', {
-            name: 'Play',
-        });
+        // Modeler renamed the third mode tab "Play" -> "Test" (camunda-hub
+        // a90fd06). Accept either label; the "Test" branch is scoped to the modes
+        // tablist because the details panel also renders a tab named "Test".
+        this.playTab = page
+            .getByRole('tab', { name: 'Play' })
+            .or(page
+            .getByRole('tablist', { name: 'List of modes' })
+            .getByRole('tab', { name: 'Test', exact: true }));
         this.continueToPlayButton = page.getByRole('button', { name: 'Continue' });
         this.assignmentSection = page.locator('[data-group-id="group-assignmentDefinition"]');
         this.assigneeInput = page.getByRole('textbox', { name: 'assignee' });
@@ -1171,7 +1176,16 @@ class ModelerCreatePage {
     async fillJobTypeInput(name) {
         await this.jobTypeInput.fill(name);
     }
+    // Test mode mounts a one-time "A new way to test your processes" modal
+    // (camunda-hub TestAnnouncementModal) that covers the setup steps behind it.
+    // It renders unless localStorage already carries the seen flag, which it
+    // reads on mount; a fresh Playwright context always starts empty, so set the
+    // flag before entering Test mode rather than clicking the modal away.
+    async suppressTestModeAnnouncement() {
+        await this.page.evaluate(() => localStorage.setItem('play-testAnnouncementSeen', 'true'));
+    }
     async switchToPlay() {
+        await this.suppressTestModeAnnouncement();
         await this.playTab.click();
     }
     async completePlayConfiguration(clusterName) {
@@ -1179,14 +1193,15 @@ class ModelerCreatePage {
         // New flow (8.10+): "Setup environment" panel with three steps:
         //   1. Connect cluster → "Configure environment" modal → select cluster → Save
         //   2. Deploy process → wait for success banner
-        //   3. Configure scenario
+        //   3. Configure test case
         const setupDeployButton = this.page
             .getByText('Deploy process')
             .locator('..')
             .getByRole('button', { name: 'Deploy' });
-        const configureScenarioButton = this.page.getByRole('button', {
-            name: 'Configure scenario',
-        });
+        // Keyed on the test id, not the label: the button reads "Configure test
+        // case" since camunda-hub a90fd06 and "Configure scenario" before it, while
+        // the test id kept its original wording across the rename.
+        const configureScenarioButton = this.page.getByTestId('play-configuration-configure-scenario-button');
         // Wait up to 15s for EITHER the new-flow setup panel OR the legacy Continue
         // button to appear. Using .or() avoids separate sequential timeouts that would
         // both expire before the page finishes loading on a slow cluster.

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

@@ -203,6 +203,7 @@ declare class ModelerCreatePage {
     clickTaskDefinitionPropertiesPanel(): Promise<void>;
     clickJobTypeInput(): Promise<void>;
     fillJobTypeInput(name: string): Promise<void>;
+    private suppressTestModeAnnouncement;
     switchToPlay(): Promise<void>;
     completePlayConfiguration(clusterName: string): Promise<void>;
     embedForm(formName: string): Promise<void>;

package/dist/pages/8.9/ModelerCreatePage.js

@@ -255,9 +255,14 @@ class ModelerCreatePage {
         this.serviceTaskOption = page.locator('.djs-popup-results [data-id="replace-with-service-task"]');
         this.taskDefinitionPanel = page.locator('[data-group-id="group-taskDefinition"]');
         this.jobTypeInput = page.getByRole('textbox', { name: /job type/i });
-        this.playTab = page.getByRole('tab', {
-            name: 'Play',
-        });
+        // Modeler renamed the third mode tab "Play" -> "Test" (camunda-hub
+        // a90fd06). Accept either label; the "Test" branch is scoped to the modes
+        // tablist because the details panel also renders a tab named "Test".
+        this.playTab = page
+            .getByRole('tab', { name: 'Play' })
+            .or(page
+            .getByRole('tablist', { name: 'List of modes' })
+            .getByRole('tab', { name: 'Test', exact: true }));
         this.continueToPlayButton = page.getByRole('button', { name: 'Continue' });
         this.assignmentSection = page.locator('[data-group-id="group-assignmentDefinition"]');
         this.assigneeInput = page.getByRole('textbox', { name: 'assignee' });
@@ -1119,7 +1124,16 @@ class ModelerCreatePage {
     async fillJobTypeInput(name) {
         await this.jobTypeInput.fill(name);
     }
+    // Test mode mounts a one-time "A new way to test your processes" modal
+    // (camunda-hub TestAnnouncementModal) that covers the setup steps behind it.
+    // It renders unless localStorage already carries the seen flag, which it
+    // reads on mount; a fresh Playwright context always starts empty, so set the
+    // flag before entering Test mode rather than clicking the modal away.
+    async suppressTestModeAnnouncement() {
+        await this.page.evaluate(() => localStorage.setItem('play-testAnnouncementSeen', 'true'));
+    }
     async switchToPlay() {
+        await this.suppressTestModeAnnouncement();
         await this.playTab.click();
     }
     async completePlayConfiguration(clusterName) {
@@ -1127,14 +1141,15 @@ class ModelerCreatePage {
         // New flow (8.10+): "Setup environment" panel with three steps:
         //   1. Connect cluster → "Configure environment" modal → select cluster → Save
         //   2. Deploy process → wait for success banner
-        //   3. Configure scenario
+        //   3. Configure test case
         const setupDeployButton = this.page
             .getByText('Deploy process')
             .locator('..')
             .getByRole('button', { name: 'Deploy' });
-        const configureScenarioButton = this.page.getByRole('button', {
-            name: 'Configure scenario',
-        });
+        // Keyed on the test id, not the label: the button reads "Configure test
+        // case" since camunda-hub a90fd06 and "Configure scenario" before it, while
+        // the test id kept its original wording across the rename.
+        const configureScenarioButton = this.page.getByTestId('play-configuration-configure-scenario-button');
         // Wait up to 15s for EITHER the new-flow setup panel OR the legacy Continue
         // button to appear. Using .or() avoids separate sequential timeouts that would
         // both expire before the page finishes loading on a slow cluster.

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

@@ -368,6 +368,18 @@ class ModelerCreatePage {
                 await (0, test_1.expect)(this.dialog).toBeVisible({
                     timeout: 30000,
                 });
+                const modelerClusterName = process.env.MODELER_CLUSTER_NAME;
+                if (modelerClusterName) {
+                    const clusterSelect = this.dialog.getByRole('combobox', {
+                        name: 'Select a cluster',
+                    });
+                    await clusterSelect.click();
+                    const escapedClusterName = modelerClusterName.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+                    await this.dialog
+                        .getByText(new RegExp(`^${escapedClusterName}(?: \\(|$)`))
+                        .click();
+                    await (0, test_1.expect)(clusterSelect).toContainText(modelerClusterName);
+                }
                 if (variables.length > 0) {
                     await (0, test_1.expect)(this.variableInput).toBeVisible({
                         timeout: 60000,

package/package.json

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