Chat: Make screenshot test stable

Co-authored-by: marker dao ® <[email protected]>
DevExpress · Dec 18, 2024 · a1a6966 · a1a6966
1 parent 8abb9f3
commit a1a6966
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 3 deletions.
diff --git a/e2e/testcafe-devextreme/tests/chat/avatar.ts b/e2e/testcafe-devextreme/tests/chat/avatar.ts
@@ -45,6 +45,7 @@ test('Chat: avatar', async (t) => {
 
 test('Chat: showAvatar set to false', async (t) => {
   const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
+
   await testScreenshot(t, takeScreenshot, 'Avatar with showAvatar set to false.png', { element: '#chat' });
 
   await t

diff --git a/...me/tests/chat/etalons/Typing indicator with emptyview (material-blue-light).png b/...me/tests/chat/etalons/Typing indicator with emptyview (material-blue-light).png
diff --git a/e2e/testcafe-devextreme/tests/chat/messageBox.ts b/e2e/testcafe-devextreme/tests/chat/messageBox.ts
@@ -13,6 +13,7 @@ test('Chat: messagebox', async (t) => {
   const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
   const chat = new Chat('#chat');
+
   const shortText = getShortText();
   const longText = getLongText(false, 5);
 

diff --git a/e2e/testcafe-devextreme/tests/chat/messageList.ts b/e2e/testcafe-devextreme/tests/chat/messageList.ts
@@ -116,7 +116,6 @@ test('Messagelist appearance with scrollbar', async (t) => {
 
 test('Messagelist should scrolled to the latest messages after being rendered inside an invisible element', async (t) => {
   const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
-
   const tabPanel = new TabPanel('#container');
 
   await t
@@ -185,8 +184,8 @@ test('Messagelist with loadindicator appearance on initial loading', async (t) =
 });
 
 test('Messagelist with messageTemplate', async (t) => {
-  const chat = new Chat('#container');
   const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
+  const chat = new Chat('#container');
 
   await testScreenshot(t, takeScreenshot, 'Messagelist with message template.png', { element: '#container' });
 

diff --git a/e2e/testcafe-devextreme/tests/chat/typingIndicator.ts b/e2e/testcafe-devextreme/tests/chat/typingIndicator.ts
@@ -13,9 +13,10 @@ fixture.disablePageReloads`ChatTypingIndicator`
 
 test('Chat: typing indicator with emptyview', async (t) => {
   const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
-
   const chat = new Chat('#container');
 
+  await chat.repaint();
+
   await testScreenshot(t, takeScreenshot, 'Typing indicator with emptyview.png', {
     element: '#container',
     shouldTestInCompact: true,
-Original file line number
+Diff line change
@@ Expand Up / @@ -45,6 +45,7 @@ test('Chat: avatar', async (t) => { @@
     test('Chat: showAvatar set to false', async (t) => {
       const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
       await testScreenshot(t, takeScreenshot, 'Avatar with showAvatar set to false.png', { element: '#chat' });
       await t
@@ Expand Down @@