test(block): overhaul regression tests based on updated specs

This commit completely reworks the 'Block User' regression tests to
align with the latest Testiny specifications.

Key changes include:
- Team Context: Implement setup logic to distinguish between
  users in the same team vs. different teams.
- New Test Case: Add @TC-8778 to verify that users cannot block
  members of their own team.
- Updated Logic: Refactor existing tests (@TC-140, @TC-142,
  @TC-148) to reflect strict blocking behavior and UI changes.
- POM Updates:
  - Added `UnblockWarningModal`.
  - Updated `ConversationListPage` and `ConversationDetailsPage` with
    new locators for blocking/unblocking controls and status indicators.
  - Updated `userActions` helpers to support optional UI connection steps.

Refs: WPB-19940

Author: JacquelineLehner

test/e2e_tests/pageManager/index.ts

@@ -50,6 +50,7 @@ import {importBackupModal} from './webapp/modals/importBackup.modal';
 import {LeaveConversationModal} from './webapp/modals/leaveConversation.modal';
 import {RemoveMemberModal} from './webapp/modals/removeMember.modal';
 import {UnableToOpenConversationModal} from './webapp/modals/unableToOpenConversation.modal';
+import {UnblockWarningModal} from './webapp/modals/unblockWarning.modal';
 import {UserProfileModal} from './webapp/modals/userProfile.modal';
 import {VerifyEmailModal} from './webapp/modals/verifyEmail.modal';
 import {AccountPage} from './webapp/pages/account.page';
@@ -116,7 +117,11 @@ export class PageManager {
     return this.page.goto(teamManagementPath, {waitUntil: 'networkidle'});
   };
 
-  refreshPage = (options: {waitUntil?: 'load' | 'domcontentloaded' | 'networkidle'} = {waitUntil: 'networkidle'}) => {
+  refreshPage = (
+    options: {
+      waitUntil?: 'load' | 'domcontentloaded' | 'networkidle';
+    } = {waitUntil: 'networkidle'},
+  ) => {
     return this.page.reload(options);
   };
 
@@ -221,6 +226,8 @@ export class PageManager {
         this.getOrCreate('webapp.modals.conversationNotConnected', () => new ConversationNotConnectedModal(this.page)),
       createNewFolder: () =>
         this.getOrCreate('webapp.modals.createNewFolder', () => new CreateNewFolderModal(this.page)),
+      unblockWarningModal: () =>
+        this.getOrCreate('webapp.modals.unblockWarningModal', () => new UnblockWarningModal(this.page)),
     },
     components: {
       contactList: () => this.getOrCreate('webapp.components.ContactList', () => new ContactList(this.page)),

test/e2e_tests/pageManager/webapp/modals/unblockWarning.modal.ts

@@ -0,0 +1,64 @@
+/*
+ * Wire
+ * Copyright (C) 2025 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+
+import {Locator, Page} from '@playwright/test';
+
+export class UnblockWarningModal {
+  readonly page: Page;
+
+  readonly modal: Locator;
+  readonly modalTitle: Locator;
+  readonly modalText: Locator;
+  readonly unblockButton: Locator;
+  readonly cancelButton: Locator;
+
+  constructor(page: Page) {
+    this.page = page;
+
+    this.modal = page.locator("[data-uie-name='primary-modals-container'][aria-label*='Unblock?']");
+    this.modalTitle = this.modal.locator("[data-uie-name='status-modal-title']");
+    this.modalText = this.modal.locator("[data-uie-name='status-modal-text']");
+    this.unblockButton = this.modal.locator("[data-uie-name='do-action']");
+    this.cancelButton = this.modal.locator("[data-uie-name='do-secondary']");
+  }
+
+  async isModalPresent() {
+    return await this.modal.isVisible();
+  }
+
+  async getModalTitle() {
+    return (await this.modalTitle.textContent()) ?? '';
+  }
+
+  async getModalText() {
+    return (await this.modalText.textContent()) ?? '';
+  }
+
+  async isBlockButtonVisible() {
+    return await this.unblockButton.isVisible();
+  }
+
+  async clickCancel() {
+    await this.cancelButton.click();
+  }
+
+  async clickUnblock() {
+    await this.unblockButton.click();
+  }
+}

test/e2e_tests/pageManager/webapp/pages/conversationDetails.page.ts

@@ -28,6 +28,7 @@ export class ConversationDetailsPage {
   readonly conversationDetails: Locator;
   readonly guestOptionsButton: Locator;
   readonly archiveButton: Locator;
+  readonly blockConversationButton: Locator;
 
   constructor(page: Page) {
     this.page = page;
@@ -36,6 +37,7 @@ export class ConversationDetailsPage {
     this.conversationDetails = page.locator('#conversation-details');
     this.guestOptionsButton = this.conversationDetails.locator('[data-uie-name="go-guest-options"]');
     this.archiveButton = this.conversationDetails.locator(selectByDataAttribute('do-archive'));
+    this.blockConversationButton = this.conversationDetails.locator(selectByDataAttribute('do-block'));
   }
 
   async isOpen(conversationName: string) {
@@ -96,4 +98,8 @@ export class ConversationDetailsPage {
   async clickArchiveButton() {
     await this.archiveButton.click();
   }
+
+  async clickBlockConversationButton() {
+    await this.blockConversationButton.click();
+  }
 }

test/e2e_tests/pageManager/webapp/pages/conversationList.page.ts

@@ -22,6 +22,8 @@ import {Locator, Page} from '@playwright/test';
 import {selectById, selectByDataAttribute} from 'test/e2e_tests/utils/selector.util';
 import {escapeHtml} from 'test/e2e_tests/utils/userDataProcessor';
 
+import {User} from '../../../data/user';
+
 export class ConversationListPage {
   readonly page: Page;
 
@@ -36,6 +38,10 @@ export class ConversationListPage {
   readonly moveConversationToFolderButton: Locator;
   readonly createNewFolderButton: Locator;
   readonly customFolderButton: Locator;
+  readonly statusLabel: Locator;
+  readonly blockedChip: Locator;
+  readonly profilePicture: Locator;
+  readonly unblockConversationMenuButton: Locator;
 
   constructor(page: Page) {
     this.page = page;
@@ -56,6 +62,12 @@ export class ConversationListPage {
     this.moveConversationToFolderButton = page.locator(selectById('btn-move-to'));
     this.createNewFolderButton = page.locator(selectById('btn-create-new-folder'));
     this.customFolderButton = page.locator(selectByDataAttribute('conversation-label-context-menu'));
+    this.statusLabel = page.locator(selectByDataAttribute('status-label'));
+    this.blockedChip = page.locator(`span[data-uie-name="status-label"] + span`);
+    this.profilePicture = page.locator(selectByDataAttribute('element-avatar-user'));
+    this.unblockConversationMenuButton = page.locator(
+      `${selectById('btn-unblock')}${selectByDataAttribute('conversation-list-options-menu')}`,
+    );
   }
 
   async isConversationItemVisible(conversationName: string) {
@@ -129,4 +141,15 @@ export class ConversationListPage {
     await this.searchConversationsInput.fill(conversationName);
     await this.openConversation(conversationName);
   }
+
+  async getUserAvatarWrapper(user: User): Promise<Locator> {
+    return this.page
+      .locator(selectByDataAttribute('item-conversation'))
+      .filter({has: this.page.locator(selectByDataAttribute('status-label'), {hasText: user.fullName})})
+      .locator(selectByDataAttribute('element-avatar-user'));
+  }
+
+  async clickUnblockConversation() {
+    await this.unblockConversationMenuButton.click();
+  }
 }