test: add InviteUsers unit tests

Author: juliajforesti

apps/meteor/client/views/room/contextualBar/RoomMembers/InviteUsers/InviteUsers.spec.tsx

@@ -7,6 +7,13 @@ import * as stories from './InviteUsers.stories';
 
 const testCases = Object.values(composeStories(stories)).map((Story) => [Story.storyName || 'Story', Story]);
 
+beforeEach(() => {
+	jest.mock('react', () => ({
+		...jest.requireActual('react'),
+		useId: () => 1,
+	}));
+});
+
 test.each(testCases)(`renders %s without crashing`, async (_storyname, Story) => {
 	const view = render(<Story />);
 	expect(view.baseElement).toMatchSnapshot();
@@ -15,6 +22,9 @@ test.each(testCases)(`renders %s without crashing`, async (_storyname, Story) =>
 test.each(testCases)('%s should have no a11y violations', async (_storyname, Story) => {
 	const { container } = render(<Story />);
 
-	const results = await axe(container);
+	/**
+	 ** Disable 'nested-interactive' rule because our `Select` component is still not a11y compliant
+	 **/
+	const results = await axe(container, { rules: { 'nested-interactive': { enabled: false } } });
 	expect(results).toHaveNoViolations();
 });

apps/meteor/client/views/room/contextualBar/RoomMembers/InviteUsers/InviteUsers.stories.tsx

@@ -1,3 +1,4 @@
+import { mockAppRoot } from '@rocket.chat/mock-providers';
 import type { Meta, StoryFn } from '@storybook/react';
 
 import InviteUsers from './InviteUsers';
@@ -13,7 +14,18 @@ export default {
 		layout: 'fullscreen',
 		actions: { argTypesRegex: '^on.*' },
 	},
-	decorators: [(fn) => <Contextualbar height='100vh'>{fn()}</Contextualbar>],
+	decorators: [
+		(fn) => <Contextualbar height='100vh'>{fn()}</Contextualbar>,
+		mockAppRoot()
+			.withTranslations('en', 'core', {
+				'Edit_Invite': 'Edit invite',
+				'Invite_Users': 'Invite users',
+				'Invite_Link': 'Invite link',
+				'Expiration_(Days)': 'Expiration (Days)',
+				'Max_number_of_uses': 'Max number of uses',
+			})
+			.buildStoryDecorator(),
+	],
 } satisfies Meta<typeof InviteUsers>;
 
 export const Default: StoryFn<typeof InviteUsers> = (args) => <InviteUsers {...args} />;