@camunda/e2e-test-suite 0.0.884 → 0.0.885

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

@@ -33,6 +33,7 @@ declare class ModelerCreatePage {
     readonly createTask: Locator;
     readonly createEndEvent: Locator;
     readonly canvas: Locator;
+    readonly zoomOutButton: Locator;
     readonly endEventCanvas: Locator;
     readonly connectToOtherElementButton: Locator;
     readonly firstPlacedElement: Locator;
@@ -162,6 +163,8 @@ declare class ModelerCreatePage {
     clickDeploySubButtonWithRetry(clusterName: string): Promise<void>;
     clickCreateTask(): Promise<void>;
     clickCreateEndEvent(): Promise<void>;
+    fitElementIntoCanvas(element: Locator, margin?: number, maxZoomOutSteps?: number): Promise<void>;
+    clickShapeBelowContextPad(element: Locator): Promise<void>;
     clickCanvas(): Promise<void>;
     clickEndEventCanvas(): Promise<void>;
     clickConnectToOtherElementButton(): Promise<void>;

package/dist/pages/8.8/ModelerCreatePage.js

@@ -39,6 +39,7 @@ class ModelerCreatePage {
     createTask;
     createEndEvent;
     canvas;
+    zoomOutButton;
     endEventCanvas;
     connectToOtherElementButton;
     firstPlacedElement;
@@ -182,6 +183,7 @@ class ModelerCreatePage {
         this.createTask = page.getByTitle('Create task');
         this.createEndEvent = page.getByTitle('Create end event');
         this.canvas = page.locator('.djs-container');
+        this.zoomOutButton = page.locator('[data-test="zoom-out"]');
         this.endEventCanvas = page.locator('[class="bjs-container"]');
         this.connectToOtherElementButton = page.getByRole('button', {
             name: 'Connect to other element',
@@ -773,6 +775,39 @@ class ModelerCreatePage {
     async clickCreateEndEvent() {
         await this.createEndEvent.click({ timeout: 60000 });
     }
+    // The canvas does not scroll with the DOM, so an element the diagram has
+    // pushed past the canvas edge cannot be clicked at all — the hit test returns
+    // the canvas container (or the panel toggle bar beside it). Zoom out until
+    // the element and one element-width of margin fit inside the canvas.
+    async fitElementIntoCanvas(element, margin = 120, maxZoomOutSteps = 3) {
+        for (let step = 0; step < maxZoomOutSteps; step++) {
+            const canvasBox = await this.canvas.boundingBox();
+            const elementBox = await element.boundingBox();
+            if (canvasBox === null || elementBox === null) {
+                return;
+            }
+            const elementRightEdge = elementBox.x + elementBox.width + margin;
+            if (elementRightEdge <= canvasBox.x + canvasBox.width) {
+                return;
+            }
+            await this.zoomOutButton.click({ timeout: 30000 });
+        }
+    }
+    // A context pad is a fixed-size strip anchored to the top-right of its
+    // element, so once the diagram is zoomed out it can reach across the gap and
+    // cover the top of the next shape. Click the bottom edge of the target, below
+    // the strip, so a neighbour's open pad cannot swallow the click.
+    async clickShapeBelowContextPad(element) {
+        const box = await element.boundingBox();
+        if (box === null) {
+            await element.click({ timeout: 60000 });
+            return;
+        }
+        await element.click({
+            timeout: 60000,
+            position: { x: box.width / 2, y: box.height - 2 },
+        });
+    }
     async clickCanvas() {
         // Clicking the canvas centre lands on a shape (or an open create pad) as
         // soon as the diagram has more than a couple of elements, and the click is
@@ -1027,16 +1062,22 @@ class ModelerCreatePage {
     }
     async clickSecondPlacedGateway(userTaskId = '') {
         try {
-            await this.secondPlacedGateway.click({ timeout: 60000 });
+            await this.clickShapeBelowContextPad(this.secondPlacedGateway);
         }
         catch (error) {
             await this.page.reload();
             await (0, sleep_1.sleep)(10000);
+            // The reload resets the canvas viewbox to the origin, discarding the
+            // auto-scroll that kept the right-most gateway on screen.
+            await this.fitElementIntoCanvas(this.secondPlacedGateway);
+            // Clear any selection the reload restored, so its context pad is closed
+            // before the gateway is clicked.
+            await this.clickCanvas();
             if (userTaskId != '') {
                 await this.clickUserTask(userTaskId);
                 await this.clickConnectToOtherElementButton();
             }
-            await this.secondPlacedGateway.click({ timeout: 60000 });
+            await this.clickShapeBelowContextPad(this.secondPlacedGateway);
         }
     }
     async addParallelUserTasks(numberOfTasks, taskName) {
@@ -1083,6 +1124,7 @@ class ModelerCreatePage {
             await this.clickCanvas();
             await (0, sleep_1.sleep)(1000);
         }
+        await this.fitElementIntoCanvas(this.secondPlacedGateway);
         await this.clickSecondPlacedGateway();
     }
     async clickServiceTaskOption() {

package/package.json

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