Merge pull request #1621 from GetStream/develop

v9.1.1

Author: MartinCupela

.env.example

@@ -6,5 +6,5 @@ E2E_TEST_USER_2='test-user-2'
 E2E_TEST_USER_2_TOKEN='test-user-2-jwt'
 E2E_JUMP_TO_MESSAGE_CHANNEL='jump-to-message'
 E2E_ADD_MESSAGE_CHANNEL='add-message'
-E2E_ADDITIONAL_CHANNELS="mr-channel-1,mr-channel-2"
+E2E_ADDITIONAL_CHANNELS="mr-channel-1,mr-channel-2,edit-message-channel"
 E2E_LONG_MESSAGE_LISTS_CHANNEL='navigate-long-message-lists'

.ladle/components.tsx

@@ -1,12 +1,8 @@
-import type { GlobalProvider } from "@ladle/react";
+import type { GlobalProvider } from '@ladle/react';
 import React from 'react';
 
-import "./styles.css";
+import './styles.css';
 
 // https://ladle.dev/docs/providers
 // At the moment used to provide the styles from ./styles.css to all the stories
-export const Provider: GlobalProvider = ({ children }) => (
-  <>
-    {children}
-  </>
-);
+export const Provider: GlobalProvider = ({ children }) => <>{children}</>;

e2e/navigate-long-message-lists.test.ts

@@ -25,7 +25,7 @@ test.describe('thread autoscroll', () => {
     );
     await user.clicks(ChannelPreview).text(CHANNEL_NAME);
     await Promise.all([
-      page.waitForResponse((r) => r.url().includes('/messages') && r.ok()),
+      page.waitForResponse((r) => r.url().includes('/replies') && r.ok()),
       user.clicks(Thread).open('replies'),
     ]);
   });
@@ -45,45 +45,36 @@ test.describe('thread autoscroll', () => {
   });
 
   test('only if I send a message', async ({ page, user }) => {
-    let thread = await user.get(Thread)(USER1_CHAT_VIEW_CLASSNAME);
-    const messageData = await thread.locator(selectors.messageData);
-    const avatars = await thread.locator(selectors.avatar);
+    const thread = user.get(Thread)(USER1_CHAT_VIEW_CLASSNAME);
+    const avatars = thread.locator(selectors.avatar);
 
-    await Promise.all([
-      page.waitForResponse((r) => r.url().includes('/replies') && r.ok()),
-      expect(thread).toHaveScreenshot({
-        mask: [messageData, avatars],
-      }),
-    ]);
+    await expect(thread).toHaveScreenshot({
+      mask: [avatars],
+    });
 
     await Promise.all([
       page.waitForResponse((r) => r.url().includes('/message') && r.ok()),
       user.submits(MessageInput).reply(MY_ADDED_REPLY_TEXT),
     ]);
 
     await expect(thread).toHaveScreenshot({
-      mask: [messageData, avatars],
+      mask: [avatars],
     });
   });
 
   test('not if I receive a message', async ({ controller, page, user }) => {
-    const thread = await user.get(Thread)(USER1_CHAT_VIEW_CLASSNAME);
-    const messageData = await thread.locator(selectors.messageData);
-    const avatars = await thread.locator(selectors.avatar);
-
-    await Promise.all([
-      page.waitForResponse((r) => r.url().includes('/replies') && r.ok()),
-      expect(thread).toHaveScreenshot({
-        mask: [messageData, avatars],
-      }),
-    ]);
+    const thread = user.get(Thread)(USER1_CHAT_VIEW_CLASSNAME);
+    const avatars = thread.locator(selectors.avatar);
 
+    await expect(thread).toHaveScreenshot({
+      mask: [avatars],
+    });
     await Promise.all([
       page.waitForResponse((r) => r.url().includes('/message') && r.ok()),
       await controller.sendOtherUserReply(),
     ]);
     await expect(thread).toHaveScreenshot({
-      mask: [messageData, avatars],
+      mask: [avatars],
     });
   });
 });