chore: Implement TC-8631 critical flow test [WPB-18358] (#19167)

* chore: Implement TC-8631 critical flow test [WPB-18358]

* Fixed applock assertions

Author: iskvortsov

test/e2e_tests/backend/conversationRepository.e2e.ts

@@ -20,7 +20,12 @@
 import {BackendClientE2E} from './backendClient.e2e';
 
 export class ConversationRepositoryE2E extends BackendClientE2E {
-  async inviteToConversation(inviteeId: string, inviterToken: string, teamId: string, conversationName: string) {
+  async inviteToConversation(
+    inviteeIds: string | string[],
+    inviterToken: string,
+    teamId: string,
+    conversationName: string,
+  ) {
     await this.axiosInstance.post(
       'conversations',
       {
@@ -33,7 +38,7 @@ export class ConversationRepositoryE2E extends BackendClientE2E {
           teamid: teamId,
         },
         qualified_users: [],
-        users: [inviteeId],
+        users: [inviteeIds].flat(),
       },
       {
         headers: {

test/e2e_tests/backend/teamRepository.e2e.ts

@@ -19,6 +19,7 @@
 
 import {BackendClientE2E} from './backendClient.e2e';
 
+import {Service} from '../data/serviceInfo';
 import {User} from '../data/user';
 
 export class TeamRepositoryE2E extends BackendClientE2E {
@@ -39,17 +40,17 @@ export class TeamRepositoryE2E extends BackendClientE2E {
     throw new Error('No teams found for the user');
   }
 
-  async inviteUserToTeam(teamId: string, emailOfInvitee: string, inviterName: string, token: string): Promise<string> {
+  async inviteUserToTeam(emailOfInvitee: string, teamOwner: User): Promise<string> {
     const response = this.axiosInstance.post(
-      `teams/${teamId}/invitations`,
+      `teams/${teamOwner.teamId}/invitations`,
       {
-        inviterName: inviterName,
+        inviterName: `${teamOwner.firstName} ${teamOwner.lastName}`,
         role: 'member',
         email: emailOfInvitee,
       },
       {
         headers: {
-          Authorization: `Bearer ${token}`,
+          Authorization: `Bearer ${teamOwner.token}`,
           'Content-Type': 'application/json',
         },
       },
@@ -58,6 +59,23 @@ export class TeamRepositoryE2E extends BackendClientE2E {
     return (await response).data.id;
   }
 
+  async addServiceToTeamWhitelist(teamId: string, service: Service, token: string) {
+    await this.axiosInstance.post(
+      `teams/${teamId}/services/whitelist`,
+      {
+        provider: service.providerId,
+        id: service.serviceId,
+        whitelisted: true,
+      },
+      {
+        headers: {
+          Authorization: `Bearer ${token}`,
+          'Content-Type': 'application/json',
+        },
+      },
+    );
+  }
+
   async deleteTeam(user: User, teamId: string) {
     await this.axiosInstance.request({
       url: `teams/${teamId}`,

test/e2e_tests/criticalFlow.spec.ts

@@ -19,6 +19,7 @@
 
 import {faker} from '@faker-js/faker';
 
+import {Services} from './data/serviceInfo';
 import {getUser, User} from './data/user';
 import {AccountPage} from './pages/account.page';
 import {AppLockModal} from './pages/appLock.modal';
@@ -30,6 +31,7 @@ import {DataShareConsentModal} from './pages/dataShareConsent.modal';
 import {DeleteAccountModal} from './pages/deleteAccount.modal';
 import {DeleteAccountPage} from './pages/deleteAccount.page';
 import {EmailVerificationPage} from './pages/emailVerification.page';
+import {GroupCreationPage} from './pages/groupCreation.page';
 import {LoginPage} from './pages/login.page';
 import {MarketingConsentModal} from './pages/marketingConsent.modal';
 import {OutgoingConnectionPage} from './pages/outgoingConnection.page';
@@ -46,6 +48,69 @@ const webAppPath = process.env.WEBAPP_URL ?? '';
 const createdUsers: User[] = [];
 const createdTeams: Map<User, string> = new Map();
 
+test('Team owner adds whole team to an all team chat', {tag: ['@TC-8631', '@crit-flow']}, async ({page, api}) => {
+  // Generating test data
+  const owner = getUser();
+  const member1 = getUser();
+  const member2 = getUser();
+  const teamName = 'Critical';
+  const conversationName = 'Crits';
+
+  // Initializing page objects
+  const singleSignOnPage = new SingleSignOnPage(page);
+  const loginPage = new LoginPage(page);
+  const dataShareConsentModal = new DataShareConsentModal(page);
+  const conversationListPage = new ConversationListPage(page);
+  const groupCreationPage = new GroupCreationPage(page);
+  const startUIPage = new StartUIPage(page);
+
+  await test.step('Preconditions: Creating preconditions for the test via API', async () => {
+    await api.createTeamOwner(owner, teamName);
+    owner.teamId = await api.team.getTeamIdForUser(owner);
+    createdTeams.set(owner, owner.teamId);
+    const invitationIdForMember1 = await api.team.inviteUserToTeam(member1.email, owner);
+    const invitationCodeForMember1 = await api.brig.getTeamInvitationCodeForEmail(owner.teamId, invitationIdForMember1);
+
+    const invitationIdForMember2 = await api.team.inviteUserToTeam(member2.email, owner);
+    const invitationCodeForMember2 = await api.brig.getTeamInvitationCodeForEmail(owner.teamId, invitationIdForMember2);
+
+    await api.createPersonalUser(member1, invitationCodeForMember1);
+    await api.createPersonalUser(member2, invitationCodeForMember2);
+  });
+
+  await test.step('Team owner logs in into a client and creates group conversation', async () => {
+    await page.goto(webAppPath);
+    await singleSignOnPage.enterEmailOnSSOPage(owner.email);
+    await loginPage.inputPassword(owner.password);
+    await loginPage.clickSignInButton();
+    await dataShareConsentModal.clickDecline();
+  });
+
+  await test.step('Team owner adds a service to newly created group', async () => {
+    await api.team.addServiceToTeamWhitelist(owner.teamId!, Services.POLL_SERVICE, owner.token!);
+  });
+
+  await test.step('Team owner adds team members to a group', async () => {
+    await conversationListPage.clickCreateGroup();
+    await groupCreationPage.setGroupName(conversationName);
+    await startUIPage.selectUsers([member1.username, member2.username]);
+    await groupCreationPage.clickCreateGroupButton();
+    expect(await conversationListPage.isConversationItemVisible(conversationName)).toBeTruthy();
+  });
+
+  // Steps below require [WPB-18075] and [WPB-17547]
+
+  await test.step('All group participants send messages in a group', async () => {});
+
+  await test.step('Team owner and group members react on received messages with reactions', async () => {});
+
+  await test.step('All group participants make sure they see reactions from other group participants', async () => {});
+
+  await test.step('Team owner removes one group member from a group', async () => {});
+
+  await test.step('Team owner removes a service from a group', async () => {});
+});
+
 test('Account Management', {tag: ['@TC-8639', '@crit-flow']}, async ({page, api}) => {
   test.slow(); // Increasing test timeout to 90 seconds to accommodate the full flow
 
@@ -73,12 +138,7 @@ test('Account Management', {tag: ['@TC-8639', '@crit-flow']}, async ({page, api}
     }
     const teamId = await api.team.getTeamIdForUser(owner);
     createdTeams.set(owner, teamId);
-    const invitationId = await api.team.inviteUserToTeam(
-      teamId,
-      member.email,
-      `${owner.firstName} ${owner.lastName}`,
-      owner.token,
-    );
+    const invitationId = await api.team.inviteUserToTeam(member.email, owner);
     const invitationCode = await api.brig.getTeamInvitationCodeForEmail(teamId, invitationId);
 
     await api.createPersonalUser(member, invitationCode);
@@ -115,7 +175,6 @@ test('Account Management', {tag: ['@TC-8639', '@crit-flow']}, async ({page, api}
   await test.step('Member verifies if applock is working', async () => {
     await page.reload();
     expect(await appLockModal.isVisible());
-    expect(await conversationListPage.isConversationItemVisible(conversationName)).toBeFalsy();
     expect(await appLockModal.getAppLockModalHeader()).toContain('Enter passcode to unlock');
     expect(await appLockModal.getAppLockModalText()).toContain('Passcode');
 
@@ -209,8 +268,7 @@ test('Personal Account Lifecycle', {tag: ['@TC-8638', '@crit-flow']}, async ({pa
 
   await test.step('Personal user A searches for other personal user B', async () => {
     await conversationSidebar.clickConnectButton();
-    await startUIPage.searchForUser(userB.username);
-    await startUIPage.clickUserFromSearchResults(userB.username);
+    await startUIPage.selectUser(userB.username);
     expect(await userProfileModal.isVisible());
   });
 

test/e2e_tests/data/serviceInfo.ts

@@ -0,0 +1,31 @@
+/*
+ * 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/.
+ *
+ */
+
+export class Service {
+  constructor(
+    public providerId: string,
+    public serviceId: string,
+  ) {}
+}
+
+export const Services = {
+  POLL_SERVICE: new Service('d1e52fa0-46bc-46fa-acc1-95bd91735de1', '40085205-4499-4cd7-a093-ca7d3c1d8b21'),
+  ECHO_SERVICE: new Service('d64af9ae-e0c5-4ce6-b38a-02fd9363b54c', 'd693bd64-79ae-4970-ad12-4df49cfe4038'),
+  TRACKER_SERVICE: new Service('d64af9ae-e0c5-4ce6-b38a-02fd9363b54c', '7ba4aac9-1bbb-41bd-b782-b57157665157'),
+};

test/e2e_tests/pages/appLock.modal.ts

@@ -53,10 +53,12 @@ export class AppLockModal {
   }
 
   async isVisible() {
+    await this.appLockModal.waitFor({state: 'visible'});
     return await this.appLockModal.isVisible();
   }
 
   async isHidden() {
+    await this.appLockModal.waitFor({state: 'hidden'});
     return await this.appLockModal.isHidden();
   }
 

test/e2e_tests/pages/conversationList.page.ts

@@ -25,22 +25,23 @@ export class ConversationListPage {
   readonly page: Page;
 
   readonly blockConversationMenuButton: Locator;
+  readonly createGroupButton: Locator;
 
   constructor(page: Page) {
     this.page = page;
 
     this.blockConversationMenuButton = page.locator('#btn-block[data-uie-name="conversation-list-options-menu"]');
+    this.createGroupButton = page.locator(
+      '[data-uie-name="conversation-list-header"] [data-uie-name="go-create-group"]',
+    );
   }
 
   async isConversationItemVisible(conversationName: string) {
     const conversation = this.getConversationLocator(conversationName);
+    await conversation.waitFor({state: 'visible'});
     return await conversation.isVisible();
   }
 
-  async isConversationVisible(conversationName: string) {
-    return await this.getConversationLocator(conversationName).isVisible();
-  }
-
   async isConversationBlocked(conversationName: string) {
     return await this.getConversationLocator(conversationName).locator('[data-uie-name="status-blocked"]').isVisible();
   }
@@ -58,6 +59,10 @@ export class ConversationListPage {
     await this.blockConversationMenuButton.click();
   }
 
+  async clickCreateGroup() {
+    await this.createGroupButton.click();
+  }
+
   private getConversationLocator(conversationName: string) {
     return this.page.locator(`[data-uie-name='item-conversation'][data-uie-value='${escapeHtml(conversationName)}']`);
   }

test/e2e_tests/pages/groupCreation.page.ts

@@ -0,0 +1,47 @@
+/*
+ * 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 {Page, Locator} from '@playwright/test';
+
+export class GroupCreationPage {
+  readonly page: Page;
+
+  readonly groupCreationModal: Locator;
+  readonly groupNameInput: Locator;
+  readonly nextButton: Locator;
+  readonly createGroupButton: Locator;
+
+  constructor(page: Page) {
+    this.page = page;
+
+    this.groupCreationModal = page.locator('#group-creation-modal');
+    this.groupNameInput = page.locator('[data-uie-name="enter-group-name"]');
+    this.nextButton = page.locator('[data-uie-name="go-next"]');
+    this.createGroupButton = page.locator('[data-uie-name="do-create-group"]');
+  }
+
+  async setGroupName(name: string) {
+    await this.groupNameInput.fill(name);
+    await this.nextButton.click();
+  }
+
+  async clickCreateGroupButton() {
+    await this.createGroupButton.click();
+  }
+}

test/e2e_tests/pages/startUI.page.ts

@@ -32,11 +32,22 @@ export class StartUIPage {
     this.searchResults = page.locator('[data-uie-name="item-user"] [data-uie-name="status-username"]');
   }
 
-  async searchForUser(username: string) {
+  async selectUsers(usernames: string[]) {
+    for (const username of usernames) {
+      await this.selectUser(username);
+    }
+  }
+
+  async selectUser(username: string) {
+    await this.searchForUser(username);
+    await this.clickUserFromSearchResults(username);
+  }
+
+  private async searchForUser(username: string) {
     await this.searchInput.fill(username);
   }
 
-  async clickUserFromSearchResults(username: string) {
+  private async clickUserFromSearchResults(username: string) {
     await this.searchResults.first().waitFor({state: 'visible'});
     for (const result of await this.searchResults.all()) {
       const text = await result.textContent();