test: Replace data-qa by accessible locators (#36757)

juliajforesti · web-flow · commit af0600c45643 · 2025-12-29T17:10:01.000Z
diff --git a/apps/meteor/client/components/UserCard/UserCard.tsx b/apps/meteor/client/components/UserCard/UserCard.tsx
@@ -49,7 +49,7 @@ const UserCard = ({
 	const isLayoutEmbedded = useEmbeddedLayout();
 
 	return (
-		<UserCardDialog data-qa='UserCard' {...props}>
+		<UserCardDialog title={t('User_card')} {...props}>
 			<div>
 				{username && <UserAvatar username={username} etag={etag} size='x124' />}
 				<Box flexGrow={0} display='flex' mbs={12} alignItems='center' justifyContent='center'>
diff --git a/apps/meteor/client/components/avatar/UserAvatarEditor/UserAvatarEditor.tsx b/apps/meteor/client/components/avatar/UserAvatarEditor/UserAvatarEditor.tsx
@@ -80,7 +80,7 @@ function UserAvatarEditor({ currentUsername, username, setAvatarObj, name, disab
 					size='x124'
 					url={url}
 					key={url}
-					data-qa-id='UserAvatarEditor'
+					alt={t('__username__profile_picture', { username: currentUsername || 'user' })}
 					username={currentUsername || ''}
 					etag={etag}
 					style={{
@@ -102,15 +102,13 @@ function UserAvatarEditor({ currentUsername, username, setAvatarObj, name, disab
 							title={t('Add_URL')}
 							mi={4}
 							onClick={handleAddUrl}
-							data-qa-id='UserAvatarEditorSetAvatarLink'
 						/>
 						<UserAvatarSuggestions disabled={disabled} onSelectOne={handleSelectSuggestion} />
 					</Box>
 					<Label htmlFor={imageUrlField} mis={4}>
 						{t('Use_url_for_avatar')}
 					</Label>
 					<TextInput
-						data-qa-id='UserAvatarEditorLink'
 						id={imageUrlField}
 						flexGrow={0}
 						placeholder={t('Use_url_for_avatar')}
diff --git a/apps/meteor/client/navbar/NavBarPagesGroup/actions/CreateChannelModal.tsx b/apps/meteor/client/navbar/NavBarPagesGroup/actions/CreateChannelModal.tsx
@@ -207,7 +207,6 @@ const CreateChannelModal = ({ teamId = '', mainRoom, onClose, reload }: CreateCh
 
 	return (
 		<Modal
-			data-qa='create-channel-modal'
 			aria-labelledby={`${createChannelFormId}-title`}
 			wrapperFunction={(props: ComponentProps<typeof Box>) => (
 				<Box is='form' id={createChannelFormId} onSubmit={handleSubmit(handleCreateChannel)} {...props} />
@@ -226,7 +225,6 @@ const CreateChannelModal = ({ teamId = '', mainRoom, onClose, reload }: CreateCh
 						<FieldRow>
 							<TextInput
 								id={nameId}
-								data-qa-type='channel-name-input'
 								{...register('name', {
 									required: t('Required_field', { field: t('Name') }),
 									validate: (value) => validateChannelName(value),
@@ -248,7 +246,7 @@ const CreateChannelModal = ({ teamId = '', mainRoom, onClose, reload }: CreateCh
 					<Field>
 						<FieldLabel htmlFor={topicId}>{t('Topic')}</FieldLabel>
 						<FieldRow>
-							<TextInput id={topicId} aria-describedby={`${topicId}-hint`} {...register('topic')} data-qa-type='channel-topic-input' />
+							<TextInput id={topicId} aria-describedby={`${topicId}-hint`} {...register('topic')} />
 						</FieldRow>
 						<FieldHint id={`${topicId}-hint`}>{t('Displayed_next_to_name')}</FieldHint>
 					</Field>
@@ -407,7 +405,7 @@ const CreateChannelModal = ({ teamId = '', mainRoom, onClose, reload }: CreateCh
 			<ModalFooter>
 				<ModalFooterControllers>
 					<Button onClick={onClose}>{t('Cancel')}</Button>
-					<Button type='submit' primary data-qa-type='create-channel-confirm-button'>
+					<Button type='submit' primary>
 						{t('Create')}
 					</Button>
 				</ModalFooterControllers>
diff --git a/apps/meteor/client/navbar/NavBarPagesGroup/actions/CreateDirectMessage.tsx b/apps/meteor/client/navbar/NavBarPagesGroup/actions/CreateDirectMessage.tsx
@@ -60,7 +60,6 @@ const CreateDirectMessage = ({ onClose }: CreateDirectMessageProps) => {
 	return (
 		<Modal
 			aria-labelledby={`${createDMFormId}-title`}
-			data-qa='create-direct-modal'
 			wrapperFunction={(props) => <Box is='form' onSubmit={handleSubmit(handleCreate)} {...props} />}
 		>
 			<ModalHeader>
diff --git a/apps/meteor/client/sidebar/RoomList/SidebarItemTemplateWithData.tsx b/apps/meteor/client/sidebar/RoomList/SidebarItemTemplateWithData.tsx
@@ -125,7 +125,6 @@ const SidebarItemTemplateWithData = ({
 		<SidebarItemTemplate
 			is='a'
 			id={id}
-			data-qa='sidebar-item'
 			data-unread={highlighted}
 			unread={highlighted}
 			selected={selected}
diff --git a/apps/meteor/client/sidebar/RoomList/SidebarItemWithData.tsx b/apps/meteor/client/sidebar/RoomList/SidebarItemWithData.tsx
@@ -92,7 +92,6 @@ const SidebarItemWithData = ({ room, id, style, t, videoConfActions }: RoomListR
 	return (
 		<SidebarItem
 			id={id}
-			data-qa='sidebar-item'
 			data-unread={highlighted}
 			unread={highlighted}
 			href={href}
diff --git a/apps/meteor/client/views/account/profile/AccountProfilePage.tsx b/apps/meteor/client/views/account/profile/AccountProfilePage.tsx
@@ -139,14 +139,7 @@ const AccountProfilePage = (): ReactElement => {
 					<Button disabled={!isDirty} onClick={() => reset(getProfileInitialValues(user))}>
 						{t('Cancel')}
 					</Button>
-					<Button
-						form={profileFormId}
-						data-qa='AccountProfilePageSaveButton'
-						primary
-						disabled={!isDirty || loggingOut}
-						loading={isSubmitting}
-						type='submit'
-					>
+					<Button form={profileFormId} primary disabled={!isDirty || loggingOut} loading={isSubmitting} type='submit'>
 						{t('Save_changes')}
 					</Button>
 				</ButtonGroup>
diff --git a/apps/meteor/client/views/account/security/ChangePassphrase.tsx b/apps/meteor/client/views/account/security/ChangePassphrase.tsx
@@ -196,13 +196,7 @@ export const ChangePassphrase = (): JSX.Element => {
 						</Field>
 					)}
 				</FieldGroup>
-				<Button
-					primary
-					disabled={!(keysExist && valid && isValid)}
-					onClick={handleSubmit(handleSave)}
-					mbs={12}
-					data-qa-type='e2e-encryption-save-password-button'
-				>
+				<Button primary disabled={!(keysExist && valid && isValid)} onClick={handleSubmit(handleSave)} mbs={12}>
 					{t('Save_changes')}
 				</Button>
 			</Box>
diff --git a/apps/meteor/client/views/account/security/ResetPassphrase.tsx b/apps/meteor/client/views/account/security/ResetPassphrase.tsx
@@ -14,9 +14,7 @@ export const ResetPassphrase = (): JSX.Element => {
 			<Box is='p' fontScale='p1' mbe={12}>
 				{t('Reset_E2EE_password_description')}
 			</Box>
-			<Button onClick={() => resetE2EPassword.mutate()} data-qa-type='e2e-encryption-reset-key-button'>
-				{t('Reset_E2EE_password')}
-			</Button>
+			<Button onClick={() => resetE2EPassword.mutate()}>{t('Reset_E2EE_password')}</Button>
 		</>
 	);
 };
diff --git a/apps/meteor/client/views/admin/engagementDashboard/EngagementDashboardCardErrorBoundary.tsx b/apps/meteor/client/views/admin/engagementDashboard/EngagementDashboardCardErrorBoundary.tsx
@@ -32,7 +32,7 @@ const EngagementDashboardCardErrorBoundary = ({ children }: EngagementDashboardC
 							<StatesIcon name='circle-exclamation' />
 							<StatesTitle>{t('Something_went_wrong')}</StatesTitle>
 							<StatesSubtitle>{isError(error) && error?.message}</StatesSubtitle>
-							<StatesActions data-qa='EngagementDashboardCardErrorBoundary'>
+							<StatesActions>
 								<StatesAction onClick={(): void => resetErrorBoundary()}>{t('Retry')}</StatesAction>
 							</StatesActions>
 						</States>
diff --git a/apps/meteor/client/views/admin/permissions/PermissionsPage.tsx b/apps/meteor/client/views/admin/permissions/PermissionsPage.tsx
@@ -59,19 +59,13 @@ const PermissionsPage = ({ isEnterprise }: { isEnterprise: boolean }): ReactElem
 				<Margins blockEnd={16}>
 					<Tabs>
 						<Tabs.Item
-							data-qa='PermissionTable-Permissions'
 							selected={type === 'permissions'}
 							onClick={canViewPermission ? handlePermissionsTab : undefined}
 							disabled={!canViewPermission}
 						>
 							{t('Permissions')}
 						</Tabs.Item>
-						<Tabs.Item
-							data-qa='PermissionTable-Settings'
-							selected={type === 'settings'}
-							onClick={handleSettingsTab}
-							disabled={!canViewSettingPermission}
-						>
+						<Tabs.Item selected={type === 'settings'} onClick={handleSettingsTab} disabled={!canViewSettingPermission}>
 							{t('Settings')}
 						</Tabs.Item>
 					</Tabs>
diff --git a/apps/meteor/client/views/admin/permissions/PermissionsTable/PermissionsTableFilter.tsx b/apps/meteor/client/views/admin/permissions/PermissionsTable/PermissionsTableFilter.tsx
@@ -17,15 +17,7 @@ const PermissionsTableFilter = ({ onChange }: { onChange: (debouncedFilter: stri
 		setFilter(value);
 	});
 
-	return (
-		<TextInput
-			data-qa='PermissionTable-PermissionsTableFilter'
-			value={filter}
-			onChange={handleFilter}
-			placeholder={t('Search')}
-			flexGrow={0}
-		/>
-	);
+	return <TextInput value={filter} onChange={handleFilter} placeholder={t('Search')} flexGrow={0} />;
 };
 
 export default PermissionsTableFilter;
diff --git a/apps/meteor/client/views/admin/permissions/PermissionsTable/__snapshots__/PermissionsTable.spec.tsx.snap b/apps/meteor/client/views/admin/permissions/PermissionsTable/__snapshots__/PermissionsTable.spec.tsx.snap
@@ -8,7 +8,6 @@ exports[`renders Default without crashing 1`] = `
     >
       <input
         class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--type-text rcx-input-box rcx-css-1ltvj5u"
-        data-qa="PermissionTable-PermissionsTableFilter"
         placeholder="Search"
         size="1"
         type="text"
@@ -1169,7 +1168,6 @@ exports[`renders Empty without crashing 1`] = `
     >
       <input
         class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--type-text rcx-input-box rcx-css-1ltvj5u"
-        data-qa="PermissionTable-PermissionsTableFilter"
         placeholder="Search"
         size="1"
         type="text"
diff --git a/apps/meteor/client/views/home/CustomHomePage.tsx b/apps/meteor/client/views/home/CustomHomePage.tsx
@@ -6,7 +6,7 @@ import CustomContentCard from './cards/CustomContentCard';
 
 const CustomHomePage = (): ReactElement => {
 	return (
-		<Page data-qa='page-home' data-qa-type='custom' color='default' background='tint'>
+		<Page color='default' background='tint'>
 			<HomePageHeader />
 			<PageScrollableContentWithShadow>
 				<CustomContentCard />
diff --git a/apps/meteor/client/views/home/DefaultHomePage.tsx b/apps/meteor/client/views/home/DefaultHomePage.tsx
@@ -24,10 +24,10 @@ const DefaultHomePage = (): ReactElement => {
 	const isCustomContentVisible = useSetting('Layout_Home_Custom_Block_Visible', false);
 
 	return (
-		<Page color='default' data-qa='page-home' data-qa-type='default' background='tint'>
+		<Page color='default' background='tint'>
 			<HomePageHeader />
 			<PageScrollableContent>
-				<Box is='h2' fontScale='h1' mb={20} data-qa-id='homepage-welcome-text'>
+				<Box is='h2' fontScale='h1' mb={20}>
 					{t('Welcome_to_workspace', { Site_Name: workspaceName || 'Rocket.Chat' })}
 				</Box>
 				<Box is='h3' fontScale='h3' mb={16}>
diff --git a/apps/meteor/client/views/home/HomePageHeader.tsx b/apps/meteor/client/views/home/HomePageHeader.tsx
@@ -12,7 +12,7 @@ const HomepageHeader = (): ReactElement => {
 	const settingsRoute = useRoute('admin-settings');
 
 	return (
-		<PageHeader title={title} data-qa-id='home-header'>
+		<PageHeader title={title}>
 			{canEditLayout && (
 				<Button icon='pencil' onClick={() => settingsRoute.push({ group: 'Layout' })}>
 					{t('Customize')}
diff --git a/apps/meteor/client/views/marketplace/components/AppInstallModal/AppInstallModal.tsx b/apps/meteor/client/views/marketplace/components/AppInstallModal/AppInstallModal.tsx
@@ -68,7 +68,7 @@ const AppInstallationModal = ({
 			<Modal>
 				<ModalHeader>
 					<ModalHeaderText>
-						<ModalTitle data-qa-id='confirm-app-upload-modal-title'>{getTitle()}</ModalTitle>
+						<ModalTitle>{getTitle()}</ModalTitle>
 					</ModalHeaderText>
 					<ModalClose onClick={handleClose} />
 				</ModalHeader>
diff --git a/apps/meteor/client/views/navigation/sidebar/RoomList/SidebarItemWithData.tsx b/apps/meteor/client/views/navigation/sidebar/RoomList/SidebarItemWithData.tsx
@@ -64,7 +64,6 @@ const SidebarItemWithData = ({ room, id, style, t, videoConfActions }: RoomListR
 	return (
 		<SidebarItem
 			id={id}
-			data-qa='sidebar-item'
 			data-unread={highlighted}
 			unread={highlighted}
 			href={href}
diff --git a/apps/meteor/client/views/omnichannel/additionalForms/AutoCompleteUnits.tsx b/apps/meteor/client/views/omnichannel/additionalForms/AutoCompleteUnits.tsx
@@ -29,7 +29,6 @@ const AutoCompleteUnits = ({ value, placeholder, onChange, ...props }: AutoCompl
 			flexGrow={0}
 			setFilter={setUnitsFilter as (value: string | number | undefined) => void}
 			options={unitItems}
-			data-qa='autocomplete-multiple-unit'
 			onChange={onChange}
 			endReached={() => fetchNextPage()}
 		/>
diff --git a/apps/meteor/client/views/omnichannel/agents/AgentEdit.tsx b/apps/meteor/client/views/omnichannel/agents/AgentEdit.tsx
@@ -122,11 +122,7 @@ const AgentEdit = ({ agentData, agentDepartments }: AgentEditProps) => {
 							<Field>
 								<FieldLabel htmlFor={nameField}>{t('Name')}</FieldLabel>
 								<FieldRow>
-									<Controller
-										name='name'
-										control={control}
-										render={({ field }) => <TextInput id={nameField} data-qa-id='agent-edit-name' {...field} readOnly />}
-									/>
+									<Controller name='name' control={control} render={({ field }) => <TextInput id={nameField} {...field} readOnly />} />
 								</FieldRow>
 							</Field>
 							<Field>
diff --git a/apps/meteor/client/views/omnichannel/agents/AgentInfo.tsx b/apps/meteor/client/views/omnichannel/agents/AgentInfo.tsx
@@ -13,11 +13,11 @@ import { useQuery } from '@tanstack/react-query';
 import type { HTMLAttributes } from 'react';
 import { useTranslation } from 'react-i18next';
 
+import AgentInfoAction from './AgentInfoAction';
+import { useRemoveAgent } from './hooks/useRemoveAgent';
 import { UserInfoAvatar, UserInfoUsername } from '../../../components/UserInfo';
 import { UserStatus } from '../../../components/UserStatus';
 import { MaxChatsPerAgentDisplay } from '../additionalForms';
-import AgentInfoAction from './AgentInfoAction';
-import { useRemoveAgent } from './hooks/useRemoveAgent';
 
 type AgentInfoProps = {
 	uid: string;
@@ -54,7 +54,7 @@ const AgentInfo = ({ uid }: AgentInfoProps) => {
 			<ContextualbarScrollableContent>
 				{username && (
 					<Box alignSelf='center'>
-						<UserInfoAvatar data-qa='AgentUserInfoAvatar' username={username} />
+						<UserInfoAvatar username={username} />
 					</Box>
 				)}
 				<ButtonGroup align='center'>
@@ -69,11 +69,11 @@ const AgentInfo = ({ uid }: AgentInfoProps) => {
 				</ButtonGroup>
 				<Margins block={4}>
 					<Box mb={2}>
-						<UserInfoUsername data-qa='AgentInfoUserInfoUserName' username={username} status={<UserStatus status={userStatus} />} />
+						<UserInfoUsername username={username} status={<UserStatus status={userStatus} />} />
 					</Box>
 					{statusLivechat && (
 						<>
-							<InfoPanelLabel data-qa='AgentInfoUserInfoLabel'>{t('Livechat_status')}</InfoPanelLabel>
+							<InfoPanelLabel>{t('Livechat_status')}</InfoPanelLabel>
 							<InfoPanelText>{statusLivechat === 'available' ? t('Available') : t('Not_Available')}</InfoPanelText>
 						</>
 					)}
diff --git a/apps/meteor/client/views/omnichannel/components/AutoCompleteMultipleAgent.tsx b/apps/meteor/client/views/omnichannel/components/AutoCompleteMultipleAgent.tsx
@@ -53,7 +53,6 @@ const AutoCompleteMultipleAgent = ({
 			filter={agentsFilter}
 			setFilter={setAgentsFilter as (value: string | number | undefined) => void}
 			options={agentsItems}
-			data-qa='autocomplete-multiple-agent'
 			endReached={() => fetchNextPage()}
 		/>
 	);
diff --git a/apps/meteor/client/views/omnichannel/customFields/CustomFieldsTable.tsx b/apps/meteor/client/views/omnichannel/customFields/CustomFieldsTable.tsx
@@ -104,7 +104,7 @@ const CustomFieldsTable = () => {
 
 			{isSuccess && data.customFields.length > 0 && (
 				<>
-					<GenericTable data-qa='GenericTableCustomFieldsInfoBody' aria-busy={isLoading} aria-live='assertive'>
+					<GenericTable aria-busy={isLoading} aria-live='assertive'>
 						<GenericTableHeader>{headers}</GenericTableHeader>
 						<GenericTableBody>
 							{data.customFields.map(({ label, _id, scope, visibility }) => (
diff --git a/apps/meteor/client/views/omnichannel/customFields/EditCustomFields.tsx b/apps/meteor/client/views/omnichannel/customFields/EditCustomFields.tsx
@@ -221,7 +221,7 @@ const EditCustomFields = ({ customFieldData, onClose }: { customFieldData?: Seri
 			<ContextualbarFooter>
 				<ButtonGroup stretch>
 					<Button onClick={onClose}>{t('Cancel')}</Button>
-					<Button form={formId} data-qa-id='BtnSaveEditCustomFieldsPage' primary type='submit' disabled={!isDirty}>
+					<Button form={formId} primary type='submit' disabled={!isDirty}>
 						{t('Save')}
 					</Button>
 				</ButtonGroup>
diff --git a/apps/meteor/client/views/omnichannel/departments/DepartmentAgentsTable/DepartmentAgentsTable.tsx b/apps/meteor/client/views/omnichannel/departments/DepartmentAgentsTable/DepartmentAgentsTable.tsx
@@ -25,7 +25,7 @@ function DepartmentAgentsTable({ control, register, 'aria-labelledby': ariaLabel
 
 	return (
 		<>
-			<AddAgent aria-labelledby={ariaLabelledBy} agentList={agentList} data-qa='DepartmentSelect-AgentsTable' onAdd={append} />
+			<AddAgent aria-labelledby={ariaLabelledBy} agentList={agentList} onAdd={append} />
 
 			<GenericTable>
 				<GenericTableHeader>
diff --git a/apps/meteor/client/views/omnichannel/directory/chats/ChatsTable/ChatsTable.tsx b/apps/meteor/client/views/omnichannel/directory/chats/ChatsTable/ChatsTable.tsx
@@ -63,7 +63,7 @@ const ChatsTable = () => {
 			</GenericTableHeaderCell>
 			<GenericTableHeaderCell key='lm'>{t('Last_Message')}</GenericTableHeaderCell>
 			<GenericTableHeaderCell key='status'>{t('Status')}</GenericTableHeaderCell>
-			{canRemoveClosedChats && <GenericTableHeaderCell key='remove' w='x60' data-qa='current-chats-header-remove' />}
+			{canRemoveClosedChats && <GenericTableHeaderCell key='remove' w='x60' />}
 		</>
 	);
 
diff --git a/apps/meteor/client/views/omnichannel/reports/components/ReportCardErrorState.tsx b/apps/meteor/client/views/omnichannel/reports/components/ReportCardErrorState.tsx
@@ -13,7 +13,7 @@ export const ReportCardErrorState = ({ onRetry }: ReportCardErrorStateProps): Re
 		<States width='100%' height='100%'>
 			<StatesIcon name='circle-exclamation' />
 			<StatesTitle>{t('Something_went_wrong')}</StatesTitle>
-			<StatesActions data-qa='CardErrorState'>
+			<StatesActions>
 				<StatesAction onClick={onRetry}>{t('Retry')}</StatesAction>
 			</StatesActions>
 		</States>
diff --git a/apps/meteor/client/views/room/contextualBar/RoomMembers/RoomMembersActions.tsx b/apps/meteor/client/views/room/contextualBar/RoomMembers/RoomMembersActions.tsx
@@ -34,7 +34,7 @@ const RoomMembersActions = ({
 	if (!menuOptions) {
 		return null;
 	}
-	return <GenericMenu detached title={t('More')} key='menu' data-qa-id='UserUserInfo-menu' sections={menuOptions} placement='bottom-end' />;
+	return <GenericMenu detached title={t('More')} key='menu' sections={menuOptions} placement='bottom-end' />;
 };
 
 export default RoomMembersActions;
diff --git a/apps/meteor/client/views/room/contextualBar/UserInfo/UserInfoActions.tsx b/apps/meteor/client/views/room/contextualBar/UserInfo/UserInfoActions.tsx
@@ -51,11 +51,9 @@ const UserInfoActions = ({ user, rid, isInvited, backToList }: UserInfoActionsPr
 				button={<IconButton icon='kebab' secondary />}
 				title={t('More')}
 				key='menu'
-				data-qa-id='UserUserInfo-menu'
 				sections={menuOptions}
 				placement='bottom-end'
 				small={false}
-				data-qa='UserUserInfo-menu'
 			/>
 		);
 	}, [menuOptions, t]);
diff --git a/apps/meteor/tests/e2e/admin-room.spec.ts b/apps/meteor/tests/e2e/admin-room.spec.ts
@@ -23,7 +23,8 @@ test.describe.serial('admin-rooms', () => {
 	});
 
 	test('should display the Rooms Table', async ({ page }) => {
-		await expect(page.locator('[data-qa-type="PageHeader-title"]')).toContainText('Rooms');
+		await expect(page.getByRole('main').getByRole('heading', { level: 1, name: 'Rooms', exact: true })).toBeVisible();
+		await expect(page.getByRole('main').getByRole('table')).toBeVisible();
 	});
 
 	test('should filter room by name', async ({ page }) => {
diff --git a/apps/meteor/tests/e2e/federation/page-objects/account-profile.ts b/apps/meteor/tests/e2e/federation/page-objects/account-profile.ts
@@ -12,6 +12,6 @@ export class FederationAccountProfile {
 	}
 
 	get btnSubmit(): Locator {
-		return this.page.locator('[data-qa="AccountProfilePageSaveButton"]');
+		return this.page.getByRole('button', { name: 'Save changes', exact: true });
 	}
 }
diff --git a/apps/meteor/tests/e2e/federation/page-objects/fragments/home-content.ts b/apps/meteor/tests/e2e/federation/page-objects/fragments/home-content.ts
diff --git a/apps/meteor/tests/e2e/federation/page-objects/fragments/home-flextab-members.ts b/apps/meteor/tests/e2e/federation/page-objects/fragments/home-flextab-members.ts
diff --git a/apps/meteor/tests/e2e/homepage.spec.ts b/apps/meteor/tests/e2e/homepage.spec.ts
diff --git a/apps/meteor/tests/e2e/page-objects/account-profile.ts b/apps/meteor/tests/e2e/page-objects/account-profile.ts
diff --git a/apps/meteor/tests/e2e/page-objects/account-security.ts b/apps/meteor/tests/e2e/page-objects/account-security.ts
diff --git a/apps/meteor/tests/e2e/page-objects/fragments/home-content.ts b/apps/meteor/tests/e2e/page-objects/fragments/home-content.ts
diff --git a/apps/meteor/tests/e2e/page-objects/fragments/home-sidenav.ts b/apps/meteor/tests/e2e/page-objects/fragments/home-sidenav.ts
diff --git a/apps/meteor/tests/e2e/page-objects/fragments/index.ts b/apps/meteor/tests/e2e/page-objects/fragments/index.ts
diff --git a/apps/meteor/tests/e2e/page-objects/home-channel.ts b/apps/meteor/tests/e2e/page-objects/home-channel.ts
diff --git a/apps/meteor/tests/e2e/page-objects/home-discussion.ts b/apps/meteor/tests/e2e/page-objects/home-discussion.ts
diff --git a/apps/meteor/tests/e2e/page-objects/omnichannel-room-info.ts b/apps/meteor/tests/e2e/page-objects/omnichannel-room-info.ts
diff --git a/apps/meteor/tests/e2e/settings-assets.spec.ts b/apps/meteor/tests/e2e/settings-assets.spec.ts
diff --git a/apps/meteor/tests/e2e/settings-int.spec.ts b/apps/meteor/tests/e2e/settings-int.spec.ts
diff --git a/packages/i18n/src/locales/en.i18n.json b/packages/i18n/src/locales/en.i18n.json
diff --git a/packages/ui-client/src/components/Page/PageHeaderNoShadow.tsx b/packages/ui-client/src/components/Page/PageHeaderNoShadow.tsx

Original file line number	Diff line number	Diff line change
`@@ -60,7 +60,6 @@ const CreateDirectMessage = ({ onClose }: CreateDirectMessageProps) => {`
`60`	`60`	`return (`
`61`	`61`	`<Modal`
`62`	`62`	aria-labelledby={`${createDMFormId}-title`}
`63`		`- data-qa='create-direct-modal'`
`64`	`63`	`wrapperFunction={(props) => <Box is='form' onSubmit={handleSubmit(handleCreate)} {...props} />}`
`65`	`64`	`>`
`66`	`65`	`<ModalHeader>`