Chat: remove excess condition from story code (#28292)

Author: EugeniyKiyashko

apps/react-storybook/stories/chat/Chat.stories.tsx

@@ -228,16 +228,14 @@ export const DataLoading: Story = {
                 load: () => {
                     const promise = new Promise((resolve) => {
                         setTimeout(() => {
-                            resolve(messagesRef.current);
+                            resolve([...messagesRef.current]);
                         }, 500);
                     });
 
                     return promise;
                 },
                 insert: (message) => {
-                    if(reloadOnChange) {
-                        messagesRef.current.push(message);
-                    }
+                    messagesRef.current.push(message);
 
                     const promise = new Promise<void>((resolve) => {
                         setTimeout(() => {
@@ -249,7 +247,7 @@ export const DataLoading: Story = {
                 },
             }),
             paginate: false,
-        }), [reloadOnChange]);
+        }), []);
 
         const onMessageEntered = useCallback((e) => {
             if(!reloadOnChange) {

e2e/testcafe-devextreme/tests/chat/messageList.ts

@@ -152,62 +152,6 @@ test('Messagelist should scrolled to the latest messages after being rendered in
   });
 });
 
-test.clientScripts([
-  { module: 'mockdate' },
-  { content: 'window.MockDate = MockDate;' },
-])('Messagelist with date headers', async (t) => {
-  const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
-
-  await testScreenshot(t, takeScreenshot, 'Messagelist with date headers.png', { element: '#container' });
-
-  await t
-    .expect(compareResults.isValid())
-    .ok(compareResults.errorMessages());
-}).before(async () => {
-  await ClientFunction(() => {
-    (window as any).MockDate.set('2024/10/27');
-  })();
-
-  const userFirst = createUser(1, 'First');
-  const userSecond = createUser(2, 'Second');
-  const msInDay = 86400000;
-  const today = new Date('2024/10/27').setHours(7, 22, 0, 0);
-  const yesterday = today - msInDay;
-
-  const items = [{
-    timestamp: new Date('05.01.2024'),
-    author: userFirst,
-    text: 'AAA',
-  }, {
-    timestamp: new Date('06.01.2024'),
-    author: userFirst,
-    text: 'BBB',
-  }, {
-    timestamp: new Date('06.01.2024'),
-    author: userSecond,
-    text: 'CCC',
-  }, {
-    timestamp: yesterday,
-    author: userSecond,
-    text: 'DDD',
-  }, {
-    timestamp: today,
-    author: userFirst,
-    text: 'EEE',
-  }];
-
-  return createWidget('dxChat', {
-    items,
-    user: userSecond,
-    width: 400,
-    height: 600,
-  });
-}).after(async () => {
-  await ClientFunction(() => {
-    (window as any).MockDate.reset();
-  })();
-});
-
 test('Messagelist with messageTemplate', async (t) => {
   const chat = new Chat('#container');
   const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
@@ -290,3 +234,63 @@ test('Messagelist options showDayHeaders, showUserName and showMessageTimestamp
     showMessageTimestamp: false,
   });
 });
+
+fixture`ChatMessageList: dayHeaders`
+  .page(url(__dirname, '../container.html'));
+
+test.clientScripts([
+  { module: 'mockdate' },
+  { content: 'window.MockDate = MockDate;' },
+])('Messagelist with date headers', async (t) => {
+  const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
+
+  await testScreenshot(t, takeScreenshot, 'Messagelist with date headers.png', { element: '#container' });
+
+  await t
+    .expect(compareResults.isValid())
+    .ok(compareResults.errorMessages());
+}).before(async () => {
+  await ClientFunction(() => {
+    (window as any).MockDate.set('2024/10/27');
+  })();
+
+  const userFirst = createUser(1, 'First');
+  const userSecond = createUser(2, 'Second');
+  const msInDay = 86400000;
+  const today = new Date('2024/10/27').setHours(7, 22, 0, 0);
+  const yesterday = today - msInDay;
+
+  const items = [{
+    timestamp: new Date('05.01.2024'),
+    author: userFirst,
+    text: 'AAA',
+  }, {
+    timestamp: new Date('06.01.2024'),
+    author: userFirst,
+    text: 'BBB',
+  }, {
+    timestamp: new Date('06.01.2024'),
+    author: userSecond,
+    text: 'CCC',
+  }, {
+    timestamp: yesterday,
+    author: userSecond,
+    text: 'DDD',
+  }, {
+    timestamp: today,
+    author: userFirst,
+    text: 'EEE',
+  }];
+
+  return createWidget('dxChat', {
+    items,
+    user: userSecond,
+    width: 400,
+    height: 600,
+  });
+}).after(async () => {
+  await ClientFunction(() => {
+    (window as any).MockDate.reset();
+    delete (window as any).MockDate;
+  })();
+});