test: align system-messages MultiSelect with new fuselage a11y (#40357)

Author: ggazzo

.changeset/edit-room-info-multiselect-aria-label.md

@@ -0,0 +1,5 @@
+---
+'@rocket.chat/meteor': patch
+---
+
+Adds an accessible label to the system-messages multi-select in the channel edit panel so screen readers announce its purpose.

apps/meteor/client/views/room/contextualBar/Info/EditRoomInfo/EditRoomInfo.spec.tsx

@@ -64,7 +64,7 @@ const removeSystemMessageChip = async (translationKey: string) => {
 };
 
 const selectSystemMessageOption = async (translationKey: string) => {
-	const trigger = screen.getByRole('button', { name: /Select messages to hide/i });
+	const trigger = screen.getByRole('combobox', { name: /Select messages to hide/i });
 	await userEvent.click(trigger);
 
 	const listboxes = await screen.findAllByRole('listbox', { hidden: true });

apps/meteor/client/views/room/contextualBar/Info/EditRoomInfo/EditRoomInfo.tsx

@@ -483,6 +483,7 @@ const EditRoomInfo = ({ room, onClickClose, onClickBack }: EditRoomInfoProps) =>
 																options={sysMesOptions}
 																disabled={!hideSysMes || isFederated}
 																placeholder={t('Select_messages_to_hide')}
+																aria-label={t('Select_messages_to_hide')}
 															/>
 														)}
 													/>