chore: update failing tests

Author: szuperaz

src/components/MessageInput/__tests__/EditMessageForm.test.js

@@ -91,6 +91,27 @@ const fileUploadUrl = 'http://www.getstream.io'; // real url, because ImageAttac
 const getImage = () => new File(['content'], filename, { type: 'image/png' });
 const getFile = (name = filename) => new File(['content'], name, { type: 'text/plain' });
 
+/** Matches Channel.sendFile / sendImage (uri, name?, contentType?, user?, axiosRequestConfig?). */
+const expectChannelUploadSendFile = (spy, file) => {
+  expect(spy).toHaveBeenCalledWith(
+    file,
+    undefined,
+    undefined,
+    undefined,
+    expect.objectContaining({ onUploadProgress: expect.any(Function) }),
+  );
+};
+
+const expectChannelUploadSendImage = (spy, image) => {
+  expect(spy).toHaveBeenCalledWith(
+    image,
+    undefined,
+    undefined,
+    undefined,
+    expect.objectContaining({ onUploadProgress: expect.any(Function) }),
+  );
+};
+
 const sendMessageMock = jest.fn();
 const editMock = jest.fn();
 const mockAddNotification = jest.fn();
@@ -440,8 +461,8 @@ describe(`EditMessageForm`, () => {
       });
       const filenameTexts = await screen.findAllByTitle(filename);
       await waitFor(() => {
-        expect(sendFileSpy).toHaveBeenCalledWith(file);
-        expect(sendImageSpy).toHaveBeenCalledWith(image);
+        expectChannelUploadSendFile(sendFileSpy, file);
+        expectChannelUploadSendImage(sendImageSpy, image);
         expect(screen.getByTestId(IMAGE_PREVIEW_TEST_ID)).toBeInTheDocument();
         expect(screen.getByTestId(FILE_PREVIEW_TEST_ID)).toBeInTheDocument();
         filenameTexts.forEach((filenameText) => expect(filenameText).toBeInTheDocument());
@@ -512,7 +533,7 @@ describe(`EditMessageForm`, () => {
         dropFile(file, formElement);
       });
       await waitFor(() => {
-        expect(sendImageSpy).toHaveBeenCalledWith(file);
+        expectChannelUploadSendImage(sendImageSpy, file);
       });
       const results = await axe(container);
       expect(results).toHaveNoViolations();
@@ -579,7 +600,7 @@ describe(`EditMessageForm`, () => {
       act(() => dropFile(file, formElement));
 
       await waitFor(() => {
-        expect(sendFileSpy).toHaveBeenCalledWith(file);
+        expectChannelUploadSendFile(sendFileSpy, file);
       });
 
       sendFileSpy.mockImplementationOnce(() => Promise.resolve({ file }));
@@ -590,7 +611,7 @@ describe(`EditMessageForm`, () => {
 
       await waitFor(() => {
         expect(sendFileSpy).toHaveBeenCalledTimes(2);
-        expect(sendFileSpy).toHaveBeenCalledWith(file);
+        expectChannelUploadSendFile(sendFileSpy, file);
       });
       await axeNoViolations(container);
     });

src/components/MessageInput/__tests__/MessageInput.test.js

@@ -79,6 +79,27 @@ const fileUploadUrl = 'http://www.getstream.io'; // real url, because ImageAttac
 const getImage = () => new File(['content'], filename, { type: 'image/png' });
 const getFile = (name = filename) => new File(['content'], name, { type: 'text/plain' });
 
+/** Matches Channel.sendFile / sendImage (uri, name?, contentType?, user?, axiosRequestConfig?). */
+const expectChannelUploadSendFile = (spy, file) => {
+  expect(spy).toHaveBeenCalledWith(
+    file,
+    undefined,
+    undefined,
+    undefined,
+    expect.objectContaining({ onUploadProgress: expect.any(Function) }),
+  );
+};
+
+const expectChannelUploadSendImage = (spy, image) => {
+  expect(spy).toHaveBeenCalledWith(
+    image,
+    undefined,
+    undefined,
+    undefined,
+    expect.objectContaining({ onUploadProgress: expect.any(Function) }),
+  );
+};
+
 const sendMessageMock = jest.fn();
 const mockAddNotification = jest.fn();
 
@@ -411,8 +432,8 @@ describe(`MessageInputFlat`, () => {
       });
       const filenameTexts = await screen.findAllByTitle(filename);
       await waitFor(() => {
-        expect(sendFileSpy).toHaveBeenCalledWith(file);
-        expect(sendImageSpy).toHaveBeenCalledWith(image);
+        expectChannelUploadSendFile(sendFileSpy, file);
+        expectChannelUploadSendImage(sendImageSpy, image);
         expect(screen.getByTestId(IMAGE_PREVIEW_TEST_ID)).toBeInTheDocument();
         expect(screen.getByTestId(FILE_PREVIEW_TEST_ID)).toBeInTheDocument();
         filenameTexts.forEach((filenameText) => expect(filenameText).toBeInTheDocument());
@@ -483,7 +504,7 @@ describe(`MessageInputFlat`, () => {
         dropFile(file, formElement);
       });
       await waitFor(() => {
-        expect(sendImageSpy).toHaveBeenCalledWith(file);
+        expectChannelUploadSendImage(sendImageSpy, file);
       });
       const results = await axe(container);
       expect(results).toHaveNoViolations();