@kindly/react-chat 2.39.2 → 2.39.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kindly/react-chat",
-  "version": "2.39.2",
+  "version": "2.39.4",
   "description": "Kindly Chat react component",
   "repository": "https://github.com/kindly-ai/kindly-chat/tree/main/packages/react-chat",
   "main": "dist/index.js",
@@ -126,5 +126,5 @@
     "silent": true,
     "webpackConfig": "./webpack.config.js"
   },
-  "gitHead": "db6fb43b558e667bb6c3124f3e0447bb403592d1"
+  "gitHead": "d7deb45ab7212650f94d159204e63e1d869ec161"
 }

package/stories/screens.stories/Chat.stories.jsx

@@ -1,6 +1,7 @@
+import { expect } from '@storybook/jest';
 /* eslint-disable react-hooks/exhaustive-deps */
 /* eslint-disable react/prop-types */
-import { screen, userEvent } from '@storybook/testing-library';
+import { fireEvent, screen, userEvent, waitFor } from '@storybook/testing-library';
 import React from 'react';
 import withFetchMock from 'storybook-addon-mock';
 
@@ -268,6 +269,22 @@ MultilineBotMessage.parameters = {
     },
   },
 };
+MultilineBotMessage.play = async () => {
+  const chatBody = await screen.findByTestId('chat-body-container');
+  await screen.findAllByText('Single-line lonely message');
+  // wait for the auto-scroll to execute
+  await new Promise((resolve) => {
+    setTimeout(resolve, 10);
+  });
+  fireEvent.scroll(chatBody, { target: { scrollTop: 0 } });
+  const chatNewMessage = await screen.findByTestId('chat-new-message');
+  await waitFor(
+    async () => {
+      await expect(chatNewMessage).toBeVisible();
+    },
+    { timeout: 5000 },
+  );
+};
 
 export const GroupsOfMessages = Template.bind({});
 GroupsOfMessages.parameters = {