@camunda/e2e-test-suite 0.0.727 → 0.0.729

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

@@ -2,11 +2,8 @@ import { Page, Locator } from '@playwright/test';
 declare class PlayPage {
     private page;
     readonly completeJobButton: Locator;
-    readonly saveScenarioButton: Locator;
     readonly viewScenarioButton: Locator;
     readonly runAllScenariosButton: Locator;
-    readonly confirmSaveScenarioButton: Locator;
-    readonly enterScenarioNameInput: Locator;
     readonly confirmDeleteScenarioButton: Locator;
     readonly viewAllScenariosButton: Locator;
     readonly getScenarioRowByName: (scenarioName: string) => Locator;
@@ -17,7 +14,9 @@ declare class PlayPage {
     readonly configureTestPanel: Locator;
     readonly configureTestPanelStartButton: Locator;
     readonly notifications: Locator;
-    readonly saveScenarioModal: Locator;
+    readonly scenarioSavedToast: Locator;
+    readonly scenarioDetailNameInput: Locator;
+    readonly scenarioDetailSaveButton: Locator;
     readonly loadingInstanceDetailsText: Locator;
     readonly retryButton: Locator;
     readonly dialog: Locator;
@@ -31,12 +30,13 @@ declare class PlayPage {
     waitForInstanceDetailsToBeLoaded(): Promise<void>;
     waitForNextElementToBeActive(historyItem: string): Promise<void>;
     waitForProcessToBeCompleted(): Promise<void>;
-    clickSaveScenarioButton(): Promise<void>;
+    waitForScenarioRecordPanelReady(): Promise<void>;
     clickViewScenarioButton(): Promise<void>;
     enterScenarioName(scenarioName: string): Promise<void>;
     updateScenarioName(newScenarioName: string): Promise<void>;
     clickViewAllScenariosButton(): Promise<void>;
     confirmSaveScenario(): Promise<void>;
+    assertSavedScenarioNameInPanel(scenarioName: string): Promise<void>;
     getDeleteIconForScenario(scenarioName: string): Promise<Locator>;
     deleteScenario(scenarioName: string): Promise<void>;
     confirmDeleteScenario(): Promise<void>;

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

@@ -2,18 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PlayPage = void 0;
 const test_1 = require("@playwright/test");
-const sleep_1 = require("../../utils/sleep");
 const expectLocatorWithRetry_1 = require("../../utils/assertionHelpers/expectLocatorWithRetry");
 const clickLocatorWithRetry_1 = require("../../utils/assertionHelpers/clickLocatorWithRetry");
 const maxWaitTimeSeconds = 180000;
 class PlayPage {
     page;
     completeJobButton;
-    saveScenarioButton;
     viewScenarioButton;
     runAllScenariosButton;
-    confirmSaveScenarioButton;
-    enterScenarioNameInput;
     confirmDeleteScenarioButton;
     viewAllScenariosButton;
     getScenarioRowByName;
@@ -24,7 +20,9 @@ class PlayPage {
     configureTestPanel;
     configureTestPanelStartButton;
     notifications;
-    saveScenarioModal;
+    scenarioSavedToast;
+    scenarioDetailNameInput;
+    scenarioDetailSaveButton;
     loadingInstanceDetailsText;
     retryButton;
     dialog;
@@ -35,22 +33,23 @@ class PlayPage {
         this.completeJobButton = page
             .getByTestId('diagram')
             .getByLabel('Complete job');
-        this.saveScenarioButton = page.getByRole('button', { name: 'Save scenario' });
         this.viewScenarioButton = page.getByRole('button', { name: 'View scenario' });
         this.runAllScenariosButton = page.getByRole('button', {
             name: 'Run all scenarios',
         });
-        this.confirmSaveScenarioButton = page
-            .getByTestId('save-scenario-modal')
-            .getByRole('button', { name: 'Save' });
-        this.enterScenarioNameInput = page
-            .getByTestId('save-scenario-modal')
-            .locator('input#scenario-name')
-            .first();
         this.confirmDeleteScenarioButton = page
             .getByRole('dialog', { name: 'Delete scenario' })
             .getByRole('button', { name: 'Delete', exact: true });
-        this.viewAllScenariosButton = page.getByText('(View all)').last();
+        // After saving a scenario, the Scenarios panel is in detail-view mode.
+        // To get back to the list (where "Run all scenarios" lives in
+        // ScenarioTopBar), click the "Back to scenarios" ghost button at the
+        // top of the detail panel — see ScenarioDetail/index.tsx Header.
+        // 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,
+        });
         this.getScenarioRowByName = (scenarioName) => page.locator('tr', { hasText: scenarioName });
         this.getScenarioRow = (scenarioName) => page.locator('tr', { hasText: scenarioName });
         this.diagram = page.getByTestId('diagram');
@@ -61,7 +60,24 @@ class PlayPage {
         this.configureTestPanel = page.getByTestId('configure-test-panel');
         this.configureTestPanelStartButton = this.configureTestPanel.getByRole('button', { name: /^Start( with .*)?$/, exact: false });
         this.notifications = page.locator('.cds--toast-notification');
-        this.saveScenarioModal = page.getByTestId('save-scenario-modal');
+        // Hub PR #25327 (2026-06-22) removed the standalone "Save scenario" modal
+        // and moved recording into the Scenarios side panel's detail view. The
+        // detail view renders a TextInput with id="scenario-name" and a primary
+        // "Save scenario" button. A success toast with title "Scenario saved"
+        // is emitted via @camunda/c4-notifications — see
+        // ScenarioDetail/useScenarioEditor.ts.
+        this.scenarioDetailNameInput = page.locator('input#scenario-name');
+        this.scenarioDetailSaveButton = page.getByRole('button', {
+            name: 'Save scenario',
+            exact: true,
+        });
+        // c4-notifications wraps Carbon ToastNotification with role="alert" for
+        // non-actionable toasts (see Notification.tsx in @camunda/c4-notifications).
+        // Anchor on the accessible role instead of the Carbon CSS class so the
+        // locator is resilient to Carbon version bumps.
+        this.scenarioSavedToast = page
+            .getByRole('alert')
+            .filter({ hasText: 'Scenario saved' });
         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.
@@ -145,49 +161,67 @@ class PlayPage {
             timeout: maxWaitTimeSeconds,
         });
     }
-    async clickSaveScenarioButton() {
-        await this.notifications
-            .first()
-            .waitFor({ state: 'hidden', timeout: 60000 })
-            .catch(() => { });
-        const isModalVisible = await this.saveScenarioModal
-            .isVisible()
-            .catch(() => false);
-        if (!isModalVisible) {
-            await (0, sleep_1.sleep)(3000);
-            await (0, test_1.expect)(this.saveScenarioButton).toBeVisible({ timeout: 30000 });
-            await (0, test_1.expect)(this.saveScenarioButton).toBeEnabled({ timeout: 30000 });
-            await this.saveScenarioButton.click({ force: true, timeout: 30000 });
-        }
+    async waitForScenarioRecordPanelReady() {
+        // Hub PR #25327 (2026-06-22) removed the standalone "Save scenario" modal.
+        // Starting a Play run now auto-opens the Scenarios side panel in "record"
+        // mode with the scenario-name input + a primary "Save scenario" button.
+        // This method waits for that record-mode panel to be ready for input.
+        //
+        // `state: 'hidden'` already resolves immediately when the notification is
+        // absent, so no try/catch is needed — letting a real timeout surface is
+        // intentional (it signals a stuck stale toast blocking subsequent input).
+        await this.notifications.first().waitFor({ state: 'hidden', timeout: 60000 });
+        await (0, test_1.expect)(this.scenarioDetailNameInput).toBeVisible({ timeout: 30000 });
     }
     async clickViewScenarioButton() {
         await this.viewScenarioButton.waitFor({ state: 'visible', timeout: 30000 });
         await this.viewScenarioButton.click();
     }
     async enterScenarioName(scenarioName) {
-        await (0, expectLocatorWithRetry_1.expectLocatorWithRetry)(this.page, this.dialog, {
-            postAction: async () => {
-                await this.saveScenarioButton.click({ timeout: 30000 });
-            },
+        // New flow: the name input lives directly inside the auto-opened record
+        // panel — no modal to click open first. Fill and blur so the validation
+        // (canSave = isDirty && !isNameEmpty && !isNameDuplicate) commits before
+        // the Save scenario button is clicked.
+        await this.scenarioDetailNameInput.waitFor({
+            state: 'visible',
+            timeout: 30000,
         });
-        const input = this.dialog.locator('input#scenario-name');
-        await input.waitFor({ state: 'visible', timeout: 10000 });
-        await input.clear();
-        await input.fill(scenarioName);
+        await this.scenarioDetailNameInput.clear();
+        await this.scenarioDetailNameInput.fill(scenarioName);
+        await this.scenarioDetailNameInput.press('Tab');
     }
     async updateScenarioName(newScenarioName) {
-        await this.enterScenarioNameInput.fill(newScenarioName);
+        // Mirror enterScenarioName's blur step so canSave validation commits
+        // before any subsequent Save click.
+        await this.scenarioDetailNameInput.fill(newScenarioName);
+        await this.scenarioDetailNameInput.press('Tab');
     }
     async clickViewAllScenariosButton() {
         await (0, expectLocatorWithRetry_1.expectLocatorWithRetry)(this.page, this.viewAllScenariosButton);
         await this.viewAllScenariosButton.click();
     }
     async confirmSaveScenario() {
-        await this.confirmSaveScenarioButton.waitFor({
-            state: 'visible',
-            timeout: 10000,
-        });
-        await this.confirmSaveScenarioButton.click();
+        // Click the in-panel "Save scenario" primary button. It is gated by the
+        // canSave predicate in useScenarioEditor.ts — a non-empty, non-duplicate
+        // name and a completed instance are both required. enterScenarioName()
+        // and waitForProcessToBeCompleted() satisfy those before this is called.
+        await (0, test_1.expect)(this.scenarioDetailSaveButton).toBeVisible({ timeout: 30000 });
+        await (0, test_1.expect)(this.scenarioDetailSaveButton).toBeEnabled({ timeout: 30000 });
+        await this.scenarioDetailSaveButton.click({ timeout: 30000 });
+        // Saving fires a c4-notifications toast with title "Scenario saved".
+        // Wait for it as the success signal that replaces the legacy
+        // modal-hidden assertion.
+        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 });
     }
     async getDeleteIconForScenario(scenarioName) {
         const scenarioRow = this.page

package/dist/tests/SM-8.10/play.spec.js

@@ -81,10 +81,9 @@ SM_8_10_1.test.describe('Deploy and run a process in Play', () => {
             await playPage.waitForCompleteJobButtonToBeAvailable();
             await playPage.clickCompleteJobButton();
             await playPage.waitForProcessToBeCompleted();
-            await playPage.clickSaveScenarioButton();
+            await playPage.waitForScenarioRecordPanelReady();
             await playPage.enterScenarioName(scenarioName);
             await playPage.confirmSaveScenario();
-            await (0, test_1.expect)(playPage.saveScenarioModal).toBeHidden({ timeout: 10000 });
         });
         await SM_8_10_1.test.step('Update the saved scenario', async () => {
             await modelerCreatePage.switchToImplementTab();
@@ -123,10 +122,10 @@ SM_8_10_1.test.describe('Deploy and run a process in Play', () => {
             await playPage.waitForCompleteJobButtonToBeAvailable();
             await playPage.clickCompleteJobButton();
             await playPage.waitForProcessToBeCompleted();
-            await playPage.clickSaveScenarioButton();
+            await playPage.waitForScenarioRecordPanelReady();
             await playPage.enterScenarioName(updatedScenarioName);
             await playPage.confirmSaveScenario();
-            await modelerCreatePage.assertScenarioNameVisible(updatedScenarioName);
+            await playPage.assertSavedScenarioNameInPanel(updatedScenarioName);
         });
         await SM_8_10_1.test.step('Run all scenarios', async () => {
             await playPage.clickViewAllScenariosButton();

package/package.json

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