@camunda/e2e-test-suite 0.0.902 → 0.0.904

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.d.ts

@@ -97,6 +97,7 @@ declare class ModelerCreatePage {
     assertThreeElementsVisible(): Promise<void>;
     clickForm(name: string): Promise<void>;
     runProcessInstance(variables?: string, tenant?: string, businessId?: string): Promise<void>;
+    private suppressTestModeAnnouncement;
     switchToPlay(): Promise<void>;
     clickGeneralPropertiesPanel(): Promise<void>;
     clickIdInput(): Promise<void>;

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

@@ -205,9 +205,14 @@ class ModelerCreatePage {
             .locator('[data-id="replace.template-io.camunda.connectors.webhook.WebhookConnectorIntermediate.v1"]');
         this.correlationKeyPayloadInput = page.getByLabel('Correlation key (payload)');
         this.correlationKeyProcessInput = page.getByLabel('Correlation key (process)');
-        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.candidateUsersInput = page.getByRole('textbox', {
             name: 'candidate users',
         });
@@ -396,8 +401,17 @@ class ModelerCreatePage {
             }
         }
     }
+    // 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 (0, test_1.expect)(this.playTab).toBeVisible();
+        await this.suppressTestModeAnnouncement();
         await this.playTab.click();
     }
     async clickGeneralPropertiesPanel() {
@@ -857,14 +871,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.
@@ -1251,7 +1266,7 @@ class ModelerCreatePage {
             .getByTestId('instance-header')
             .getByText(scenarioName)
             .or(this.page
-            .getByRole('region', { name: 'Scenarios' })
+            .getByRole('region', { name: /^(Scenarios|Test cases)$/i })
             .getByText(scenarioName, { exact: false }))).toBeVisible();
     }
     async fillStartEventVariablesForDocHandling(zeebeUrl, zeebeClientId, zeebeClientSecret) {

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

@@ -33,12 +33,17 @@ class PlayPage {
         this.completeJobButton = page
             .getByTestId('diagram')
             .getByLabel('Complete job');
-        this.viewScenarioButton = page.getByRole('button', { name: 'View scenario' });
+        // Test mode renamed "scenario" to "test case" across this panel
+        // (camunda-hub a90fd06). Each label below accepts both wordings so the
+        // page object works either side of the rename.
+        this.viewScenarioButton = page.getByRole('button', {
+            name: /^View (scenario|test case)$/i,
+        });
         this.runAllScenariosButton = page.getByRole('button', {
-            name: 'Run all scenarios',
+            name: /^Run all (scenarios|test cases)$/i,
         });
         this.confirmDeleteScenarioButton = page
-            .getByRole('dialog', { name: 'Delete scenario' })
+            .getByRole('dialog', { name: /^Delete (scenario|test case)$/i })
             .getByRole('button', { name: 'Delete', exact: true });
         // After saving a scenario, the Scenarios panel is in detail-view mode.
         // To get back to the list (where "Run all scenarios" lives in
@@ -47,8 +52,7 @@ class PlayPage {
         // This replaces the legacy bottom-bar `(View all)` link that used to
         // close the saved-scenario view.
         this.viewAllScenariosButton = page.getByRole('button', {
-            name: 'Back to scenarios',
-            exact: true,
+            name: /^Back to (scenarios|test cases)$/i,
         });
         this.getScenarioRowByName = (scenarioName) => page.locator('tr', { hasText: scenarioName });
         this.getScenarioRow = (scenarioName) => page.locator('tr', { hasText: scenarioName });
@@ -68,8 +72,7 @@ class PlayPage {
         // ScenarioDetail/useScenarioEditor.ts.
         this.scenarioDetailNameInput = page.locator('input#scenario-name');
         this.scenarioDetailSaveButton = page.getByRole('button', {
-            name: 'Save scenario',
-            exact: true,
+            name: /^Save (scenario|test case)$/i,
         });
         // c4-notifications wraps Carbon ToastNotification with role="alert" for
         // non-actionable toasts (see Notification.tsx in @camunda/c4-notifications).
@@ -77,7 +80,7 @@ class PlayPage {
         // locator is resilient to Carbon version bumps.
         this.scenarioSavedToast = page
             .getByRole('alert')
-            .filter({ hasText: 'Scenario saved' });
+            .filter({ hasText: /(Scenario|Test case) saved/i });
         this.loadingInstanceDetailsText = this.page.getByText('Loading instance details...');
         this.retryButton = this.page.getByRole('button', { name: 'Retry' });
         // New Play UI (8.10+): "Configure scenario" opens an input panel with a plain "Start" button.
@@ -96,9 +99,11 @@ class PlayPage {
         await this.completeJobButton.click();
     }
     async clickStartInstanceButton() {
-        const scenariosRegion = this.page.getByRole('region', { name: 'Scenarios' });
+        const scenariosRegion = this.page.getByRole('region', {
+            name: /^(Scenarios|Test cases)$/i,
+        });
         const backToScenariosButton = scenariosRegion.getByRole('button', {
-            name: 'Back to scenarios',
+            name: /^Back to (scenarios|test cases)$/i,
         });
         const closeScenariosButton = scenariosRegion.getByRole('button', {
             name: 'Close',
@@ -231,20 +236,27 @@ class PlayPage {
         await (0, test_1.expect)(this.scenarioSavedToast).toBeVisible({ timeout: 30000 });
     }
     async assertSavedScenarioNameInPanel(scenarioName) {
-        // After save, useScenarioEditor.saveTest() calls
-        // scenariosStore.stopRecording() + setSelectedScenario(newScenario) and
-        // processInstanceStore.reset(). The Scenarios side panel stays open in
-        // 'view' mode for the just-saved scenario, rendering the name as the
-        // TestName h4 (see ScenarioDetail/styled.tsx and index.tsx). The legacy
-        // instance-header scenarioName slot is cleared by the reset and is no
-        // longer the source of truth for the saved name.
-        await (0, test_1.expect)(this.page.getByRole('heading', { name: scenarioName, exact: true })).toBeVisible({ timeout: 30000 });
+        // After save the detail view stays open on the just-saved test case. It
+        // renders the name as a TestName heading only when the environment is
+        // read-only; otherwise the name lives in the editable Name field (see
+        // TestCaseDetail/index.tsx, gated on testEnvironmentStore.isReadOnly).
+        // Assert the exact name either way.
+        const heading = this.page.getByRole('heading', {
+            name: scenarioName,
+            exact: true,
+        });
+        if (await heading.isVisible({ timeout: 3000 }).catch(() => false)) {
+            return;
+        }
+        await (0, test_1.expect)(this.scenarioDetailNameInput).toHaveValue(scenarioName, {
+            timeout: 30000,
+        });
     }
     async getDeleteIconForScenario(scenarioName) {
         const scenarioRow = this.page
             .locator('tr')
             .filter({ has: this.page.getByText(scenarioName, { exact: true }) });
-        return scenarioRow.getByLabel('Delete scenario');
+        return scenarioRow.getByLabel(/^Delete (scenario|test case)$/i);
     }
     async deleteScenario(scenarioName) {
         const deleteIcon = await this.getDeleteIconForScenario(scenarioName);

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

@@ -77,6 +77,7 @@ declare class ModelerCreatePage {
     assertThreeElementsVisible(): Promise<void>;
     clickForm(name: string): Promise<void>;
     runProcessInstance(variables?: string): Promise<void>;
+    private suppressTestModeAnnouncement;
     switchToPlay(): Promise<void>;
     clickGeneralPropertiesPanel(): Promise<void>;
     clickIdInput(): Promise<void>;

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

@@ -172,9 +172,14 @@ class ModelerCreatePage {
         });
         this.correlationKeyPayloadInput = page.getByLabel('Correlation key (payload)');
         this.correlationKeyProcessInput = page.getByLabel('Correlation key (process)');
-        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.candidateUsersInput = page.getByRole('textbox', {
             name: 'candidate users',
         });
@@ -288,7 +293,16 @@ class ModelerCreatePage {
         await this.clickStartInstanceSubButton();
         await this.instanceStartedAssertion();
     }
+    // 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 clickGeneralPropertiesPanel() {

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

@@ -96,6 +96,7 @@ declare class ModelerCreatePage {
     assertThreeElementsVisible(): Promise<void>;
     clickForm(name: string): Promise<void>;
     runProcessInstance(variables?: string, tenant?: string): Promise<void>;
+    private suppressTestModeAnnouncement;
     switchToPlay(): Promise<void>;
     clickGeneralPropertiesPanel(): Promise<void>;
     clickIdInput(): Promise<void>;

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

@@ -197,9 +197,14 @@ class ModelerCreatePage {
         });
         this.correlationKeyPayloadInput = page.getByLabel('Correlation key (payload)');
         this.correlationKeyProcessInput = page.getByLabel('Correlation key (process)');
-        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.candidateUsersInput = page.getByRole('textbox', {
             name: 'candidate users',
         });
@@ -396,8 +401,17 @@ class ModelerCreatePage {
             }
         }
     }
+    // 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 (0, test_1.expect)(this.playTab).toBeVisible();
+        await this.suppressTestModeAnnouncement();
         await this.playTab.click();
     }
     async clickGeneralPropertiesPanel() {

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

@@ -94,6 +94,7 @@ declare class ModelerCreatePage {
     assertThreeElementsVisible(): Promise<void>;
     clickForm(name: string): Promise<void>;
     runProcessInstance(variables?: string, tenant?: string): Promise<void>;
+    private suppressTestModeAnnouncement;
     switchToPlay(): Promise<void>;
     clickGeneralPropertiesPanel(): Promise<void>;
     clickIdInput(): Promise<void>;

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

@@ -182,9 +182,14 @@ class ModelerCreatePage {
         });
         this.correlationKeyPayloadInput = page.getByLabel('Correlation key (payload)');
         this.correlationKeyProcessInput = page.getByLabel('Correlation key (process)');
-        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.candidateUsersInput = page.getByRole('textbox', {
             name: 'candidate users',
         });
@@ -367,8 +372,17 @@ class ModelerCreatePage {
             }
         }
     }
+    // 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 (0, test_1.expect)(this.playTab).toBeVisible();
+        await this.suppressTestModeAnnouncement();
         await this.playTab.click();
     }
     async clickGeneralPropertiesPanel() {

package/package.json

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