@camunda/e2e-test-suite 0.0.483 → 0.0.484

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

@@ -119,6 +119,7 @@ declare class ModelerCreatePage {
     clickViewProcessInstanceLink(): Promise<void>;
     clickNameInput(): Promise<void>;
     clickUserTask(id: string): Promise<void>;
+    clickCanvasElement(elementId: string): Promise<void>;
     fillNameInput(name: string): Promise<void>;
     clickJobTypeInput(): Promise<void>;
     fillJobTypeInput(name: string): Promise<void>;

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

@@ -560,6 +560,12 @@ class ModelerCreatePage {
         const priorityUserTask = this.page.locator(`[data-element-id="${id}"]`);
         await priorityUserTask.click({ timeout: 60000 });
     }
+    async clickCanvasElement(elementId) {
+        await this.page
+            .locator(`[data-element-id="${elementId}"]`)
+            .first()
+            .click({ timeout: 30000 });
+    }
     async fillNameInput(name) {
         await this.nameInput.fill(name);
     }

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

@@ -65,6 +65,7 @@ class PlayPage {
         });
     }
     async clickCompleteJobButton() {
+        await this.completeJobButton.waitFor({ state: 'visible', timeout: 30000 });
         await this.completeJobButton.click();
     }
     async clickStartInstanceButton() {
@@ -72,6 +73,7 @@ class PlayPage {
         let attempts = 0;
         while (attempts < maxRetries) {
             try {
+                await this.page.waitForLoadState('domcontentloaded');
                 await this.diagram.waitFor({ state: 'visible', timeout: 60000 });
                 await this.startInstanceButton
                     .or(this.startInstanceWithCachedButton)
@@ -86,7 +88,7 @@ class PlayPage {
             catch (error) {
                 if (attempts >= maxRetries - 1)
                     throw error;
-                await (0, sleep_1.sleep)(5000);
+                await this.page.waitForLoadState('load');
                 attempts++;
             }
         }
@@ -98,12 +100,21 @@ class PlayPage {
             'Start new instance',
             'Start instance',
         ];
-        for (const buttonName of buttonVariations) {
-            const button = this.page.getByRole('button', { name: buttonName });
-            const count = await button.count();
-            if (count > 0) {
-                await button.click();
-                return;
+        // Wait for the page to settle before checking for modal buttons
+        await this.page.waitForLoadState('domcontentloaded');
+        const maxAttempts = 3;
+        for (let attempt = 0; attempt < maxAttempts; attempt++) {
+            for (const buttonName of buttonVariations) {
+                const button = this.page.getByRole('button', { name: buttonName });
+                const count = await button.count();
+                if (count > 0) {
+                    await button.waitFor({ state: 'visible', timeout: 10000 });
+                    await button.click();
+                    return;
+                }
+            }
+            if (attempt < maxAttempts - 1) {
+                await this.page.waitForLoadState('load');
             }
         }
         throw new Error('Could not find start instance button with any expected variation');
@@ -113,44 +124,24 @@ class PlayPage {
         await this.startInstanceWithCachedButton.click({ timeout: 30000 });
     }
     async waitForInstanceDetailsToBeLoaded() {
-        const maxRetries = 2;
-        let attempts = 0;
-        while (attempts < maxRetries) {
-            try {
-                await (0, test_1.expect)(this.page.getByText(/process instance key/i)).toBeVisible({
-                    timeout: maxWaitTimeSeconds,
-                });
-                await (0, test_1.expect)(this.page.getByText(/This process instance has no variables/i)).toBeVisible({
-                    timeout: maxWaitTimeSeconds,
-                });
-                return;
-            }
-            catch (error) {
-                if (attempts >= maxRetries - 1)
-                    throw error;
-                await this.page.reload();
-                attempts++;
-            }
-        }
+        // Do NOT use page.reload() — it destroys Play's embedded context.
+        await (0, test_1.expect)(this.page.getByText(/process instance key/i)).toBeVisible({
+            timeout: maxWaitTimeSeconds,
+        });
+        await (0, test_1.expect)(this.page.getByText(/This process instance has no variables/i)).toBeVisible({
+            timeout: maxWaitTimeSeconds,
+        });
     }
     async waitForNextElementToBeActive(historyItem) {
         const locator = this.page.getByText(new RegExp(`^${historyItem}`, 'i'));
-        const maxRetries = 6; // ~1 min with the waits below
-        for (let attempt = 1; attempt <= maxRetries; attempt++) {
-            try {
-                await (0, test_1.expect)(locator.first()).toBeVisible({ timeout: 20000 });
-                return;
-            }
-            catch (e) {
-                if (attempt === maxRetries)
-                    throw e;
-                await this.page.reload();
-                await this.diagram.waitFor({ state: 'visible', timeout: 30000 });
-                await this.page.waitForTimeout(5000);
-            }
-        }
+        // Do NOT use page.reload() here — Play is embedded in the modeler and
+        // reloading destroys the Play instance context, making the diagram
+        // permanently invisible. Use a long timeout instead, consistent with
+        // waitForCompleteJobButtonToBeAvailable.
+        await (0, test_1.expect)(locator.first()).toBeVisible({ timeout: maxWaitTimeSeconds });
     }
     async waitForProcessToBeCompleted() {
+        // Do NOT use page.reload() — it destroys Play's embedded context.
         await (0, test_1.expect)(this.page.getByText('Completed')).toBeVisible({
             timeout: maxWaitTimeSeconds,
         });
@@ -171,6 +162,7 @@ class PlayPage {
         }
     }
     async clickViewScenarioButton() {
+        await this.viewScenarioButton.waitFor({ state: 'visible', timeout: 30000 });
         await this.viewScenarioButton.click();
     }
     async enterScenarioName(scenarioName) {
@@ -192,6 +184,10 @@ class PlayPage {
         await this.viewAllScenariosButton.click();
     }
     async confirmSaveScenario() {
+        await this.confirmSaveScenarioButton.waitFor({
+            state: 'visible',
+            timeout: 10000,
+        });
         await this.confirmSaveScenarioButton.click();
     }
     async getDeleteIconForScenario(scenarioName) {
@@ -202,12 +198,21 @@ class PlayPage {
     }
     async deleteScenario(scenarioName) {
         const deleteIcon = await this.getDeleteIconForScenario(scenarioName);
+        await deleteIcon.waitFor({ state: 'visible', timeout: 10000 });
         await deleteIcon.click();
     }
     async confirmDeleteScenario() {
+        await this.confirmDeleteScenarioButton.waitFor({
+            state: 'visible',
+            timeout: 10000,
+        });
         await this.confirmDeleteScenarioButton.click();
     }
     async clickRunAllScenariosButton() {
+        await this.runAllScenariosButton.waitFor({
+            state: 'visible',
+            timeout: 30000,
+        });
         await this.runAllScenariosButton.click();
     }
     async clickmessagePublishButton() {
@@ -221,8 +226,9 @@ class PlayPage {
         await (0, expectLocatorWithRetry_1.expectLocatorWithRetry)(this.page, this.page
             .locator('tr', { hasText: scenarioName })
             .locator('text=Completed'), {
-            totalTimeout: 90000,
-            visibilityTimeout: 20000,
+            totalTimeout: 120000,
+            visibilityTimeout: 30000,
+            maxRetries: 5,
             postAction: async () => {
                 if (await this.retryButton.isVisible()) {
                     await this.retryButton.click();

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

@@ -4,6 +4,7 @@ const test_1 = require("@playwright/test");
 const SM_8_10_1 = require("../../fixtures/SM-8.10");
 const _setup_1 = require("../../test-setup.js");
 const sleep_1 = require("../../utils/sleep");
+const UtilitiesPage_1 = require("../../pages/SM-8.10/UtilitiesPage");
 SM_8_10_1.test.describe.configure({ mode: 'parallel' });
 SM_8_10_1.test.describe('Deploy and run a process in Play', () => {
     SM_8_10_1.test.beforeEach(async ({ navigationPage }, testInfo) => {
@@ -13,49 +14,15 @@ SM_8_10_1.test.describe('Deploy and run a process in Play', () => {
         await (0, _setup_1.captureScreenshot)(page, testInfo);
         await (0, _setup_1.captureFailureVideo)(page, testInfo);
     });
-    (0, SM_8_10_1.test)('User Tasks and Service Task', async ({ modelerHomePage, modelerCreatePage, playPage, }) => {
+    (0, SM_8_10_1.test)('User Tasks and Service Task', async ({ page, modelerHomePage, modelerCreatePage, playPage, }) => {
         SM_8_10_1.test.slow();
         const randomString = await (0, _setup_1.generateRandomStringAsync)(3);
         const processName = 'Play_Test_Process' + randomString;
         await SM_8_10_1.test.step('Open Cross Component Test Project', async () => {
             await modelerHomePage.clickCrossComponentProjectFolder();
         });
-        await SM_8_10_1.test.step('Add A BPMN Template To The Project', async () => {
-            await modelerHomePage.clickDiagramTypeDropdown();
-            await modelerHomePage.clickBpmnTemplateOption();
-        });
         await SM_8_10_1.test.step('Create a BPMN Diagram with user tasks and service task', async () => {
-            await (0, test_1.expect)(modelerCreatePage.generalPanel).toBeVisible({
-                timeout: 120000,
-            });
-            await modelerCreatePage.enterDiagramName(processName);
-            await (0, sleep_1.sleep)(2000);
-            // Add a user task with Zeebe user task implementation
-            await modelerCreatePage.clickAppendElementButton();
-            await modelerCreatePage.clickAppendTaskButton();
-            await modelerCreatePage.clickChangeTypeButton();
-            await modelerCreatePage.clickUserTaskOption();
-            await modelerCreatePage.chooseImplementationOption('zeebeUserTask');
-            await modelerCreatePage.clickGeneralPropertiesPanel();
-            await modelerCreatePage.clickElemendIdInput();
-            await modelerCreatePage.fillElementIdInput('zeebe-user-task' + randomString);
-            await (0, sleep_1.sleep)(1000);
-            // Add a service task
-            await modelerCreatePage.clickAppendElementButton();
-            await modelerCreatePage.clickAppendTaskButton();
-            await modelerCreatePage.clickChangeTypeButton();
-            await modelerCreatePage.clickServiceTaskOption();
-            await modelerCreatePage.clickGeneralPropertiesPanel();
-            await modelerCreatePage.clickElemendIdInput();
-            await modelerCreatePage.fillElementIdInput('service-task' + randomString);
-            await modelerCreatePage.clickTaskDefinitionPropertiesPanel();
-            await modelerCreatePage.clickJobTypeInput();
-            await modelerCreatePage.fillJobTypeInput('someJob' + randomString);
-            await (0, sleep_1.sleep)(1000);
-            // Add end event
-            await modelerCreatePage.clickAppendElementButton();
-            await modelerCreatePage.clickAppendEndEventButton();
-            await (0, sleep_1.sleep)(2000);
+            await (0, UtilitiesPage_1.modelDiagramFromFile)(page, modelerHomePage, modelerCreatePage, processName, 'Play_Test_User_Service_Task');
         });
         await SM_8_10_1.test.step('Open Play', async () => {
             await modelerCreatePage.switchToPlay();
@@ -65,10 +32,10 @@ SM_8_10_1.test.describe('Deploy and run a process in Play', () => {
             await playPage.dismissStartModal();
             await playPage.clickStartInstanceButton();
             await playPage.waitForInstanceDetailsToBeLoaded();
-            await playPage.waitForNextElementToBeActive('zeebe-user-task' + randomString);
+            await playPage.waitForNextElementToBeActive('play-user-task');
             await playPage.waitForCompleteJobButtonToBeAvailable();
             await playPage.clickCompleteJobButton();
-            await playPage.waitForNextElementToBeActive('service-task' + randomString);
+            await playPage.waitForNextElementToBeActive('play-service-task');
             await playPage.waitForCompleteJobButtonToBeAvailable();
             await playPage.clickCompleteJobButton();
             await playPage.waitForProcessToBeCompleted();
@@ -96,7 +63,11 @@ SM_8_10_1.test.describe('Deploy and run a process in Play', () => {
             await modelerCreatePage.clickSecondPlacedGateway();
             await modelerCreatePage.clickAppendElementButton();
             await modelerCreatePage.clickAppendEndEventButton('parallelGateway');
-            await (0, sleep_1.sleep)(5000);
+            await (0, test_1.expect)(modelerCreatePage.generalPanel).toBeVisible({
+                timeout: 30000,
+            });
+            // Wait for modeler background auto-save to complete
+            await (0, sleep_1.sleep)(2000);
         });
         await SM_8_10_1.test.step('Open Play', async () => {
             await modelerCreatePage.switchToPlay();
@@ -113,17 +84,23 @@ SM_8_10_1.test.describe('Deploy and run a process in Play', () => {
             await playPage.clickSaveScenarioButton();
             await playPage.enterScenarioName(scenarioName);
             await playPage.confirmSaveScenario();
-            await (0, sleep_1.sleep)(2000);
+            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();
-            await (0, sleep_1.sleep)(2000);
+            await (0, test_1.expect)(modelerCreatePage.generalPanel).toBeVisible({
+                timeout: 30000,
+            });
             await modelerCreatePage.clickFirstPlacedGateway();
             await modelerCreatePage.clickAppendElementButton();
             await modelerCreatePage.clickAppendTaskButton();
             await modelerCreatePage.clickConnectToOtherElementButton();
             await modelerCreatePage.clickSecondPlacedGateway();
-            await (0, sleep_1.sleep)(5000);
+            await (0, test_1.expect)(modelerCreatePage.generalPanel).toBeVisible({
+                timeout: 30000,
+            });
+            // Wait for modeler background auto-save to complete
+            await (0, sleep_1.sleep)(2000);
             await modelerCreatePage.switchToPlay();
             // After diagram modification, Play may show a "Continue" button
             // to redeploy, or it may show the diagram directly. Try clicking
@@ -153,7 +130,9 @@ SM_8_10_1.test.describe('Deploy and run a process in Play', () => {
         await SM_8_10_1.test.step('Delete test scenario', async () => {
             await playPage.deleteScenario(scenarioName);
             await playPage.confirmDeleteScenario();
-            await (0, test_1.expect)(playPage.getScenarioRow(scenarioName)).toHaveCount(0);
+            await (0, test_1.expect)(playPage.getScenarioRow(scenarioName)).toHaveCount(0, {
+                timeout: 10000,
+            });
         });
     });
 });

package/package.json

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

package/resources/Play_Test_User_Service_Task.bpmn

@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<bpmn:definitions xmlns:bpmn="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:dc="http://www.omg.org/spec/DD/20100524/DC" xmlns:zeebe="http://camunda.org/schema/zeebe/1.0" xmlns:modeler="http://camunda.org/schema/modeler/1.0" xmlns:di="http://www.omg.org/spec/DD/20100524/DI" id="Definitions_1" targetNamespace="http://bpmn.io/schema/bpmn" exporter="Camunda Web Modeler" exporterVersion="ff1274a" modeler:executionPlatform="Camunda Cloud" modeler:executionPlatformVersion="8.10.0">
+  <bpmn:process id="Play_Test_User_Service_Task" name="Play_Test_User_Service_Task" isExecutable="true">
+    <bpmn:startEvent id="StartEvent_1">
+      <bpmn:outgoing>Flow_1</bpmn:outgoing>
+    </bpmn:startEvent>
+    <bpmn:sequenceFlow id="Flow_1" sourceRef="StartEvent_1" targetRef="play-user-task" />
+    <bpmn:userTask id="play-user-task" name="play-user-task">
+      <bpmn:extensionElements>
+        <zeebe:userTask />
+      </bpmn:extensionElements>
+      <bpmn:incoming>Flow_1</bpmn:incoming>
+      <bpmn:outgoing>Flow_2</bpmn:outgoing>
+    </bpmn:userTask>
+    <bpmn:sequenceFlow id="Flow_2" sourceRef="play-user-task" targetRef="play-service-task" />
+    <bpmn:serviceTask id="play-service-task" name="play-service-task">
+      <bpmn:extensionElements>
+        <zeebe:taskDefinition type="play-job-type" />
+      </bpmn:extensionElements>
+      <bpmn:incoming>Flow_2</bpmn:incoming>
+      <bpmn:outgoing>Flow_3</bpmn:outgoing>
+    </bpmn:serviceTask>
+    <bpmn:endEvent id="EndEvent_1">
+      <bpmn:incoming>Flow_3</bpmn:incoming>
+    </bpmn:endEvent>
+    <bpmn:sequenceFlow id="Flow_3" sourceRef="play-service-task" targetRef="EndEvent_1" />
+  </bpmn:process>
+  <bpmndi:BPMNDiagram id="BPMNDiagram_1">
+    <bpmndi:BPMNPlane id="BPMNPlane_1" bpmnElement="Play_Test_User_Service_Task">
+      <bpmndi:BPMNShape id="_BPMNShape_StartEvent_2" bpmnElement="StartEvent_1">
+        <dc:Bounds x="150" y="100" width="36" height="36" />
+      </bpmndi:BPMNShape>
+      <bpmndi:BPMNShape id="Activity_UserTask_di" bpmnElement="play-user-task">
+        <dc:Bounds x="240" y="78" width="100" height="80" />
+      </bpmndi:BPMNShape>
+      <bpmndi:BPMNShape id="Activity_ServiceTask_di" bpmnElement="play-service-task">
+        <dc:Bounds x="400" y="78" width="100" height="80" />
+      </bpmndi:BPMNShape>
+      <bpmndi:BPMNShape id="Event_EndEvent_di" bpmnElement="EndEvent_1">
+        <dc:Bounds x="562" y="100" width="36" height="36" />
+      </bpmndi:BPMNShape>
+      <bpmndi:BPMNEdge id="Flow_1_di" bpmnElement="Flow_1">
+        <di:waypoint x="186" y="118" />
+        <di:waypoint x="240" y="118" />
+      </bpmndi:BPMNEdge>
+      <bpmndi:BPMNEdge id="Flow_2_di" bpmnElement="Flow_2">
+        <di:waypoint x="340" y="118" />
+        <di:waypoint x="400" y="118" />
+      </bpmndi:BPMNEdge>
+      <bpmndi:BPMNEdge id="Flow_3_di" bpmnElement="Flow_3">
+        <di:waypoint x="500" y="118" />
+        <di:waypoint x="562" y="118" />
+      </bpmndi:BPMNEdge>
+    </bpmndi:BPMNPlane>
+  </bpmndi:BPMNDiagram>
+</bpmn:definitions>