Fix WDIO device users tests to use actions menu pattern

Co-authored-by: renemadsen <[email protected]>

Author: Copilot

eform-client/e2e/Tests/device-users/device-users.delete.spec.ts

@@ -15,9 +15,12 @@ describe('Device users page', function () {
     const rowNumBeforeDelete = await deviceUsersPage.rowNum();
     await $('#deviceUserId').waitForDisplayed({ timeout: 40000 });
     const lastDeviceUser = await deviceUsersPage.getDeviceUser(rowNumBeforeDelete);
-    await lastDeviceUser.deleteBtn.waitForDisplayed({ timeout: 5000 });
-    await lastDeviceUser.deleteBtn.waitForClickable({ timeout: 40000 });
-    await lastDeviceUser.deleteBtn.click();
+    await lastDeviceUser.openRowMenu();
+    const index = lastDeviceUser.index - 1;
+    const deleteBtn = await $(`#deleteDeviceUserBtn${index}`);
+    await deleteBtn.waitForDisplayed({ timeout: 5000 });
+    await deleteBtn.waitForClickable({ timeout: 5000 });
+    await deleteBtn.click();
     await (await deviceUsersPage.cancelDeleteBtn()).click();
     await myEformsPage.Navbar.goToDeviceUsersPage();
     const rowNumAfterCancelDelete = await deviceUsersPage.rowNum();
@@ -28,8 +31,11 @@ describe('Device users page', function () {
     const rowNumBeforeDelete = await deviceUsersPage.rowNum();
     await (await $('#deviceUserId')).waitForDisplayed({ timeout: 40000 });
     const lastDeviceUser = await deviceUsersPage.getDeviceUser(rowNumBeforeDelete);
-    await lastDeviceUser.deleteBtn.waitForDisplayed({ timeout: 5000 });
-    await lastDeviceUser.deleteBtn.click();
+    await lastDeviceUser.openRowMenu();
+    const index = lastDeviceUser.index - 1;
+    const deleteBtn = await $(`#deleteDeviceUserBtn${index}`);
+    await deleteBtn.waitForDisplayed({ timeout: 5000 });
+    await deleteBtn.click();
     await (await deviceUsersPage.saveDeleteBtn()).click();
     await myEformsPage.Navbar.goToDeviceUsersPage();
     const rowNumAfterDelete = await deviceUsersPage.rowNum();

eform-client/e2e/Tests/device-users/device-users.edit.spec.ts

@@ -91,7 +91,12 @@ describe('Device users page', function () {
     const lastDeviceUserBeforeEdit = await deviceUsersPage.getDeviceUser(
       rowNumBeforeEdit
     );
-    await lastDeviceUserBeforeEdit.editBtn.click();
+    await lastDeviceUserBeforeEdit.openRowMenu();
+    const index = lastDeviceUserBeforeEdit.index - 1;
+    const editBtn = await $(`#editDeviceUserBtn${index}`);
+    await editBtn.waitForDisplayed({ timeout: 5000 });
+    await editBtn.waitForClickable({ timeout: 5000 });
+    await editBtn.click();
     // browser.pause(4000);
     await (await $('#firstName')).waitForDisplayed({ timeout: 10000 });
     await (await deviceUsersPage.editFirstNameInput()).click();