refactor(ti): Use insertStylesheetRulesToPage && Remove masks

DevExpress · Oct 28, 2024 · 7cecd04 · 7cecd04
1 parent cf17206
commit 7cecd04
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 1 deletion.
diff --git a/...e/tests/chat/etalons/Typing indicator with 3 users (fluent-blue-light)_mask.png b/...e/tests/chat/etalons/Typing indicator with 3 users (fluent-blue-light)_mask.png
diff --git a/...e/tests/chat/etalons/Typing indicator with 4 users (fluent-blue-light)_mask.png b/...e/tests/chat/etalons/Typing indicator with 4 users (fluent-blue-light)_mask.png
diff --git a/...treme/tests/chat/etalons/Typing indicator without name (generic-light)_mask.png b/...treme/tests/chat/etalons/Typing indicator without name (generic-light)_mask.png
diff --git a/e2e/testcafe-devextreme/tests/chat/typingIndicator.ts b/e2e/testcafe-devextreme/tests/chat/typingIndicator.ts
@@ -4,7 +4,9 @@ import { createUser, generateMessages } from './data';
 import url from '../../helpers/getPageUrl';
 import { createWidget } from '../../helpers/createWidget';
 import { testScreenshot } from '../../helpers/themeUtils';
-import { appendElementTo } from '../../helpers/domUtils';
+import { appendElementTo, insertStylesheetRulesToPage } from '../../helpers/domUtils';
+
+const CHAT_TYPINGINDICATOR_CIRCLE_CLASS = 'dx-chat-typingindicator-circle';
 
 fixture.disablePageReloads`ChatTypingIndicator`
   .page(url(__dirname, '../container.html'));
@@ -19,6 +21,7 @@ test('Chat: typing indicator with emptyview', async (t) => {
     .ok(compareResults.errorMessages());
 }).before(async () => {
   await appendElementTo('#container', 'div', 'chat');
+  await insertStylesheetRulesToPage(`.${CHAT_TYPINGINDICATOR_CIRCLE_CLASS} { animation: none; }`);
 
   const typingUsers = [
     { name: 'Elodie Montclair' },
@@ -41,6 +44,7 @@ test('Chat: typing indicator with a lot of items', async (t) => {
     .ok(compareResults.errorMessages());
 }).before(async () => {
   await appendElementTo('#container', 'div', 'chat');
+  await insertStylesheetRulesToPage(`.${CHAT_TYPINGINDICATOR_CIRCLE_CLASS} { animation: none; }`);
 
   const userFirst = createUser(1, 'Marie-Claire Dubois');
   const userSecond = createUser(2, 'Jean-Pierre Martin');
@@ -90,6 +94,7 @@ test('Chat: typing indicator', async (t) => {
     .ok(compareResults.errorMessages());
 }).before(async () => {
   await appendElementTo('#container', 'div', 'chat');
+  await insertStylesheetRulesToPage(`.${CHAT_TYPINGINDICATOR_CIRCLE_CLASS} { animation: none; }`);
 
   const userFirst = createUser(1, 'Elise Moreau');
   const userSecond = createUser(2, 'Pierre Martin');