Chat: Skip message rendering on send message (#28170)

Co-authored-by: marker dao ® <[email protected]>

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

@@ -104,6 +104,11 @@ test('Messagelist appearance with scrollbar', async (t) => {
     user: userSecond,
     width: 400,
     height: 600,
+    onMessageSend: (e) => {
+      const { component, message } = e;
+
+      component.renderMessage(message);
+    },
   });
 });
 

packages/devextreme/js/__internal/ui/chat/chat.ts

@@ -166,7 +166,6 @@ class Chat extends Widget<Properties> {
       text,
     };
 
-    this.renderMessage(message);
     this._messageSendAction?.({ message, event });
   }
 

packages/devextreme/testing/tests/DevExpress.ui.widgets/chatParts/chat.tests.js

@@ -236,19 +236,20 @@ QUnit.module('Chat', moduleConfig, () => {
                 assert.strictEqual(onMessageSend.callCount, 1);
             });
 
-            QUnit.test('new message should be created after clicking the send button', function(assert) {
+            QUnit.test('new message should not be created after clicking the send button', function(assert) {
                 const text = 'new text message';
 
                 keyboardMock(this.$input)
                     .focus()
                     .type(text);
 
+                const numberOfMessagesBefore = this.getBubbles().length;
+
                 this.$sendButton.trigger('dxclick');
 
-                const $bubbles = this.getBubbles();
-                const bubble = $bubbles[$bubbles.length - 1];
+                const numberOfMessagesAfter = this.getBubbles().length;
 
-                assert.strictEqual($(bubble).text(), text);
+                assert.strictEqual(numberOfMessagesAfter, numberOfMessagesBefore);
             });
 
             QUnit.test('New message should be correct after clicking the send button', function(assert) {