test: adjust locators

Author: juliajforesti

apps/meteor/tests/e2e/page-objects/fragments/modals/create-new-modal.ts

@@ -35,11 +35,15 @@ export abstract class CreateNewModal extends Modal {
 		return this.root.getByRole('button', { name: 'Create' });
 	}
 
+	get inputAddMembers(): Locator {
+		return this.root.getByRole('textbox', { name: 'Add people' });
+	}
+
 	async addMember(memberName: string): Promise<void> {
-		await this.root.getByRole('textbox', { name: 'Add people' }).click();
-		await this.root.getByRole('textbox', { name: 'Add people' }).fill(memberName, { force: true });
+		await this.inputAddMembers.click();
+		await this.inputAddMembers.fill(memberName, { force: true });
 		await this.listbox.selectOption(memberName);
-		await this.root.getByRole('textbox', { name: 'Add people' }).click();
+		await this.inputAddMembers.click();
 	}
 }
 
@@ -52,13 +56,9 @@ export class CreateNewChannelModal extends CreateNewModal {
 		return this.root.getByRole('button', { name: 'Advanced settings', exact: true });
 	}
 
-	get autocompleteUser(): Locator {
-		return this.root.getByRole('textbox', { name: 'Add people' });
-	}
-
 	async inviteUserToChannel(username: string) {
-		await this.autocompleteUser.click();
-		await this.autocompleteUser.fill(username);
+		await this.inputAddMembers.click();
+		await this.inputAddMembers.fill(username);
 		await this.listbox.selectOption(username);
 	}
 }
@@ -69,7 +69,7 @@ export class CreateNewDMModal extends CreateNewModal {
 	}
 
 	get autocompleteUser(): Locator {
-		return this.root.getByLabel('Select one or more people to message', { exact: true }).getByRole('textbox');
+		return this.root.getByRole('textbox', { name: 'Select one or more people to message', exact: true });
 	}
 
 	async inviteUserToDM(username: string) {