@camunda/e2e-test-suite 0.0.881 → 0.0.883

package/dist/pages/8.7/ModelerCreatePage.js

@@ -118,7 +118,11 @@ class ModelerCreatePage {
             name: 'Change element',
             exact: true,
         });
-        this.userTaskOption = page.getByRole('option', { name: 'User task' });
+        // The change-element popup lists the project's deployed resources next to
+        // the built-in element types, so a role+name match on 'User task' is
+        // ambiguous whenever a diagram name contains it (e.g. "Optimize Job Worker
+        // User Task Diagram"). Target the built-in entry by its stable data-id.
+        this.userTaskOption = page.locator('.djs-popup-results [data-id="replace-with-user-task"]');
         this.appendEndEventButton = page.getByRole('button', {
             name: 'Append end event',
         });
@@ -146,10 +150,11 @@ class ModelerCreatePage {
         this.deploySubButton = page.locator('[data-test="deploy-action"]');
         this.cancelButton = page.getByRole('button', { name: 'Cancel' });
         this.restConnectorOption = page.locator('[data-id="replace.template-io.camunda.connectors.HttpJson.v2"]');
-        this.webhookMessageStartEventConnectorOption = page.getByRole('listitem', {
-            name: 'Webhook Message Start Event Connector',
-            exact: true,
-        });
+        // Change-element popup entries are `role="option"` under
+        // `.djs-popup-results`, and their accessible name now includes the entry
+        // description, so no role+name matcher resolves them. Target the stable
+        // element-template data-id instead (same selector the hub e2e suite uses).
+        this.webhookMessageStartEventConnectorOption = page.locator('.djs-popup-results [data-id="replace.template-io.camunda.connectors.webhook.WebhookConnectorStartMessage.v1"]');
         this.webhookTab = page.getByRole('tab', { name: 'Webhook' });
         this.webhookIsActiveButton = page.getByRole('button', {
             name: 'Webhook is active in Test',
@@ -178,9 +183,7 @@ class ModelerCreatePage {
         this.intermediateBoundaryEvent = page.getByRole('button', {
             name: 'Append intermediate/boundary',
         });
-        this.intermediateWebhookConnectorOption = page.getByRole('listitem', {
-            name: 'Webhook Intermediate Event',
-        });
+        this.intermediateWebhookConnectorOption = page.locator('.djs-popup-results [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.form = page.locator('[class="fjs-container"]');
@@ -214,7 +217,7 @@ class ModelerCreatePage {
         this.secondPlacedGateway = page
             .locator('[data-element-id*="Gateway"]')
             .last();
-        this.serviceTaskOption = page.getByRole('option', { name: 'Service task' });
+        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', {
@@ -256,10 +259,7 @@ class ModelerCreatePage {
             .getByText('zeebeClientId');
         this.variableAssignmentValueTextboxThirdVariable = page.locator('#bio-properties-panel-StartEvent_1-output-2-source div');
         this.connectorsDocHandlingStartEventElement = page.locator('g:nth-child(5) > .djs-element > .djs-hit');
-        this.timerEventOption = page.getByRole('listitem', {
-            name: 'Timer intermediate catch event',
-            exact: true,
-        });
+        this.timerEventOption = page.locator('.djs-popup-results [data-id="replace-with-timer-intermediate-catch"]');
         this.timerEventSettings = page.getByText(/^Timer$/).first();
         this.timerType = page.getByLabel('Type');
         this.timerValue = page.getByLabel('Value');

package/dist/pages/8.8/ModelerCreatePage.js

@@ -121,7 +121,11 @@ class ModelerCreatePage {
             name: 'Change element',
             exact: true,
         });
-        this.userTaskOption = page.getByRole('option', { name: 'User task' });
+        // The change-element popup lists the project's deployed resources next to
+        // the built-in element types, so a role+name match on 'User task' is
+        // ambiguous whenever a diagram name contains it (e.g. "Optimize Job Worker
+        // User Task Diagram"). Target the built-in entry by its stable data-id.
+        this.userTaskOption = page.locator('.djs-popup-results [data-id="replace-with-user-task"]');
         this.priorityInput = page.getByRole('textbox', { name: 'priority' });
         this.appendEndEventButton = page.getByRole('button', {
             name: 'Append end event',
@@ -161,10 +165,11 @@ class ModelerCreatePage {
         this.deploySubButton = page.locator('[data-test="deploy-action"]');
         this.cancelButton = page.getByRole('button', { name: 'Cancel' });
         this.restConnectorOption = page.locator('[data-id="replace.template-io.camunda.connectors.HttpJson.v2"]');
-        this.webhookMessageStartEventConnectorOption = page.getByRole('listitem', {
-            name: 'Webhook Message Start Event Connector',
-            exact: true,
-        });
+        // Change-element popup entries are `role="option"` under
+        // `.djs-popup-results`, and their accessible name now includes the entry
+        // description, so no role+name matcher resolves them. Target the stable
+        // element-template data-id instead (same selector the hub e2e suite uses).
+        this.webhookMessageStartEventConnectorOption = page.locator('.djs-popup-results [data-id="replace.template-io.camunda.connectors.webhook.WebhookConnectorStartMessage.v1"]');
         this.webhookTab = page.getByRole('tab', { name: 'Webhook' });
         this.webhookIsActiveButton = page.getByRole('button', {
             name: 'Webhook is active in Test',
@@ -176,7 +181,7 @@ class ModelerCreatePage {
             .first();
         this.createTask = page.getByTitle('Create task');
         this.createEndEvent = page.getByTitle('Create end event');
-        this.canvas = page.locator('rect').nth(1);
+        this.canvas = page.locator('.djs-container');
         this.endEventCanvas = page.locator('[class="bjs-container"]');
         this.connectToOtherElementButton = page.getByRole('button', {
             name: 'Connect to other element',
@@ -198,9 +203,7 @@ class ModelerCreatePage {
         this.intermediateBoundaryEvent = page.getByRole('button', {
             name: 'Append intermediate/boundary',
         });
-        this.intermediateWebhookConnectorOption = page.getByRole('listitem', {
-            name: 'Webhook Intermediate Event',
-        });
+        this.intermediateWebhookConnectorOption = page.locator('.djs-popup-results [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.form = page.locator('[class="fjs-container"]');
@@ -243,7 +246,7 @@ class ModelerCreatePage {
         this.secondPlacedGateway = page
             .locator('[data-element-id*="Gateway"]')
             .last();
-        this.serviceTaskOption = page.getByRole('option', { name: 'Service task' });
+        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', {
@@ -285,10 +288,7 @@ class ModelerCreatePage {
             .getByText('zeebeClientId');
         this.variableAssignmentValueTextboxThirdVariable = page.locator('#bio-properties-panel-StartEvent_1-output-2-source div');
         this.connectorsDocHandlingStartEventElement = page.locator('g:nth-child(5) > .djs-element > .djs-hit');
-        this.timerEventOption = page.getByRole('listitem', {
-            name: 'Timer intermediate catch event',
-            exact: true,
-        });
+        this.timerEventOption = page.locator('.djs-popup-results [data-id="replace-with-timer-intermediate-catch"]');
         this.timerEventSettings = page.getByText(/^Timer$/).first();
         this.timerType = page.getByLabel('Type');
         this.timerValue = page.getByLabel('Value');
@@ -774,7 +774,11 @@ class ModelerCreatePage {
         await this.createEndEvent.click({ timeout: 60000 });
     }
     async clickCanvas() {
-        await this.canvas.click({ timeout: 60000 });
+        // 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
+        // then intercepted instead of clearing the selection. Click the empty
+        // gutter above the diagram and right of the palette instead.
+        await this.canvas.click({ timeout: 60000, position: { x: 150, y: 25 } });
     }
     async clickEndEventCanvas() {
         await this.endEventCanvas.click({ timeout: 60000 });

package/package.json

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