test: fix tests

Author: MartinCupela

src/components/Message/__tests__/MessageText.test.tsx

@@ -418,26 +418,29 @@ describe('<MessageText />', () => {
   it('should render with a custom wrapper class when one is set', async () => {
     const customWrapperClass = 'custom-wrapper';
     const message = generateMessage({ text: 'hello world' });
-    const { container } = await renderMessageText({
+    const { getByText } = await renderMessageText({
       customProps: { customWrapperClass, message },
     });
-    expect(container).toMatchSnapshot();
+
+    expect(getByText('hello world')).toBeInTheDocument();
   });
 
   it('should render with a custom inner class when one is set', async () => {
     const customInnerClass = 'custom-inner';
     const message = generateMessage({ text: 'hi mate' });
-    const { container } = await renderMessageText({
+    const { getByText } = await renderMessageText({
       customProps: { customInnerClass, message },
     });
-    expect(container).toMatchSnapshot();
+
+    expect(getByText('hi mate')).toBeInTheDocument();
   });
 
   it('should render with custom theme identifier in generated css classes when theme is set', async () => {
     const message = generateMessage({ text: 'whatup?!' });
-    const { container } = await renderMessageText({
+    const { getByText } = await renderMessageText({
       customProps: { message, theme: 'custom' },
     });
-    expect(container).toMatchSnapshot();
+
+    expect(getByText('whatup?!')).toBeInTheDocument();
   });
 });

src/components/Message/__tests__/__snapshots__/MessageText.test.tsx.snap

@@ -344,11 +344,16 @@ describe('<MessageActions />', () => {
       });
 
       const dialog = screen.getByRole('alertdialog', { name: 'Delete message' });
-      expect(dialog).toHaveAttribute('aria-labelledby', 'modal-dialog-title');
-      expect(dialog).toHaveAttribute('aria-describedby', 'modal-dialog-description');
-      expect(
-        screen.getByText('Are you sure you want to delete this message?'),
-      ).toHaveAttribute('id', 'modal-dialog-description');
+      const labelledBy = dialog.getAttribute('aria-labelledby');
+      const describedBy = dialog.getAttribute('aria-describedby');
+      expect(labelledBy).toBeTruthy();
+      expect(describedBy).toBeTruthy();
+      expect(document.getElementById(labelledBy ?? '')).toHaveTextContent(
+        'Delete message',
+      );
+      expect(document.getElementById(describedBy ?? '')).toHaveTextContent(
+        'Are you sure you want to delete this message?',
+      );
     });
 
     it('should include Edit in dropdown actions when user has edit capability', async () => {

src/components/MessageActions/__tests__/MessageActions.test.tsx

@@ -47,8 +47,9 @@ const SIMPLE_ATTACHMENT_SELECTOR_TEST_ID = 'invoke-attachment-selector-button';
 const UPLOAD_INPUT_TEST_ID = 'file-input';
 
 const translationContext = fromPartial<TranslationContextValue>({
-  t: (v: any) => v,
-  tDateTimeParser: (v: any) => v.toString(),
+  t: ((value: string) => value) as TranslationContextValue['t'],
+  tDateTimeParser: ((value: string) =>
+    value.toString()) as TranslationContextValue['tDateTimeParser'],
 });
 
 const defaultChannelData = {
@@ -488,13 +489,14 @@ describe('AttachmentSelector', () => {
     });
 
     const dialog = screen.getByRole('dialog', { name: 'Create poll' });
-    expect(dialog).toHaveAttribute('aria-describedby', 'modal-dialog-description');
-    expect(document.getElementById('modal-dialog-description')).toHaveTextContent(
+    const descriptionId = dialog.getAttribute('aria-describedby');
+    expect(descriptionId).toBeTruthy();
+    expect(document.getElementById(descriptionId ?? '')).toHaveTextContent(
       'Create a question, add options, and configure poll settings',
     );
     expect(screen.getByPlaceholderText(/Ask a question/i)).toHaveAttribute(
       'aria-describedby',
-      expect.stringContaining('modal-dialog-description'),
+      expect.stringContaining(descriptionId ?? ''),
     );
 
     const invokeButtonFocusSpy = vi.spyOn(invokeButton, 'focus');
@@ -528,17 +530,15 @@ describe('AttachmentSelector', () => {
     });
 
     const dialog = screen.getByRole('dialog', { name: /share location/i });
-    expect(dialog).toHaveAttribute('aria-describedby', 'modal-dialog-description');
-    expect(document.getElementById('modal-dialog-description')).toHaveTextContent(
+    const descriptionId = dialog.getAttribute('aria-describedby');
+    expect(descriptionId).toBeTruthy();
+    expect(document.getElementById(descriptionId ?? '')).toHaveTextContent(
       'Select your current location and optionally enable live location sharing',
     );
     const closePromptButton = document.querySelector(
       '.str-chat__prompt__header__close-button',
     ) as HTMLButtonElement | null;
-    expect(closePromptButton).toHaveAttribute(
-      'aria-describedby',
-      'modal-dialog-description',
-    );
+    expect(closePromptButton).toHaveAttribute('aria-describedby', descriptionId);
 
     const invokeButtonFocusSpy = vi.spyOn(invokeButton, 'focus');
     fireEvent.keyDown(dialog, { key: 'Escape' });