Merge pull request #7297 from microting/copilot/update-wdio-tests-actions-menu

Fix WDIO tests for Material Angular actions menu pattern

Author: renemadsen

eform-client/e2e/Page objects/MyEforms.page.ts

@@ -313,15 +313,16 @@ class MyEformsRowObject {
     this.addPairEformBtn = await (await $$(`#mainPageEFormsTableBody tr.mat-mdc-row`))[
       currentPosition
       ].$('#eform-add-btn-' + (currentPosition));
-    this.editColumnsBtn = (await $$('#edit-columnts-btn-' + (currentPosition)))[0];
-    this.deleteBtn = await this.element.$('.mat-column-actions [id^="delete-eform-btn"]');
-    this.uploadZipArchiveBtn = (await $$('#upload-zip-btn-' + (currentPosition)))[0];
-    this.goVisualEditorBtn = await this.element.$('.mat-column-actions [id^="edit-eform-btn"]');
+    this.editColumnsBtn = await $('#edit-columns-btn-' + (currentPosition));
+    this.deleteBtn = await $('#delete-eform-btn-' + (currentPosition));
+    this.uploadZipArchiveBtn = await $('#upload-zip-btn-' + (currentPosition));
+    this.goVisualEditorBtn = await $('#edit-eform-btn-' + (currentPosition));
     return this;
   }
 
   async deleteEForm() {
     if (await this.deleteBtn) {
+      await this.clickActionsMenu();
       await (await this.deleteBtn).scrollIntoView();
       await (await this.deleteBtn).waitForClickable({timeout: 40000});
       await (await this.deleteBtn).click();
@@ -334,6 +335,12 @@ class MyEformsRowObject {
     }
   }
 
+  private async clickActionsMenu() {
+    await browser.pause(1000);
+    await (await $$('#actionMenu'))[0].click();
+    await browser.pause(1000);
+  }
+
   async addTag(tag: string) {
     await this.editTagsBtn.waitForClickable({timeout: 40000});
     await this.editTagsBtn.click();
@@ -422,6 +429,7 @@ class MyEformsRowObject {
   }
 
   async goToVisualEditor() {
+    await this.clickActionsMenu();
     await this.goVisualEditorBtn.click();
     await browser.pause(500);
     await (await $('#manageTags')).waitForClickable({timeout: 40000});

eform-client/src/app/modules/eforms/components/eforms-page/eforms-page.component.html

@@ -193,7 +193,7 @@
 <ng-template #actionsTpl let-row let-i="index">
   <div class="">
 
-    <button mat-icon-button [matMenuTriggerFor]="menu">
+    <button id="actionMenu" mat-icon-button [matMenuTriggerFor]="menu">
       <mat-icon>more_vert</mat-icon>
     </button>
     <mat-menu #menu="matMenu">