From 1a050598180b6594fad64b83e3eae66bd30d433a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?marker=20dao=20=C2=AE?= Date: Tue, 10 Sep 2024 16:01:50 +0400 Subject: [PATCH] Chat: Fix line breaks --- .github/workflows/testcafe_tests.yml | 3 ++ e2e/testcafe-devextreme/tests/chat/common.ts | 29 ++++++++++++++++++ ...bubble line breaks (fluent-blue-light).png | Bin 0 -> 9663 bytes ...age bubble line breaks (generic-light).png | Bin 0 -> 8663 bytes ...bble line breaks (material-blue-light).png | Bin 0 -> 9894 bytes .../layout/chat-messagebubble/_index.scss | 1 + packages/testcafe-models/types.ts | 1 + 7 files changed, 34 insertions(+) create mode 100644 e2e/testcafe-devextreme/tests/chat/common.ts create mode 100644 e2e/testcafe-devextreme/tests/chat/etalons/Chat message bubble line breaks (fluent-blue-light).png create mode 100644 e2e/testcafe-devextreme/tests/chat/etalons/Chat message bubble line breaks (generic-light).png create mode 100644 e2e/testcafe-devextreme/tests/chat/etalons/Chat message bubble line breaks (material-blue-light).png diff --git a/.github/workflows/testcafe_tests.yml b/.github/workflows/testcafe_tests.yml index ab9f9c610036..32e9aa7f8293 100644 --- a/.github/workflows/testcafe_tests.yml +++ b/.github/workflows/testcafe_tests.yml @@ -103,6 +103,9 @@ jobs: { componentFolder: "common", name: "common" }, { componentFolder: "common", name: "common - material", theme: 'material.blue.light' }, { componentFolder: "common", name: "common - fluent", theme: 'fluent.blue.light' }, + { componentFolder: "chat", name: "chat" }, + { componentFolder: "chat", name: "chat - material", theme: 'material.blue.light' }, + { componentFolder: "chat", name: "chat - fluent", theme: 'fluent.blue.light' }, { componentFolder: "treeList", name: "treeList", concurrency: 1 }, { componentFolder: "dataGrid", name: "dataGrid (1/5)", indices: "1/5" }, { componentFolder: "dataGrid", name: "dataGrid (2/5)", indices: "2/5" }, diff --git a/e2e/testcafe-devextreme/tests/chat/common.ts b/e2e/testcafe-devextreme/tests/chat/common.ts new file mode 100644 index 000000000000..2e6de30c0de3 --- /dev/null +++ b/e2e/testcafe-devextreme/tests/chat/common.ts @@ -0,0 +1,29 @@ +import { createScreenshotsComparer } from 'devextreme-screenshot-comparer'; +import url from '../../helpers/getPageUrl'; +import { createWidget } from '../../helpers/createWidget'; +import { testScreenshot } from '../../helpers/themeUtils'; +import { appendElementTo } from '../../helpers/domUtils'; + +fixture.disablePageReloads`Chat` + .page(url(__dirname, '../container.html')); + +test('Chat: line breaks', async (t) => { + const { takeScreenshot, compareResults } = createScreenshotsComparer(t); + await testScreenshot(t, takeScreenshot, 'Chat message bubble line breaks.png', { element: '#container' }); + + await t + .expect(compareResults.isValid()) + .ok(compareResults.errorMessages()); +}).before(async () => { + await appendElementTo('#container', 'div', 'chat'); + + return createWidget('dxChat', { + height: 500, + width: 300, + items: [ + { + text: 'line\nbreak', + }, + ], + }, '#chat'); +}); diff --git a/e2e/testcafe-devextreme/tests/chat/etalons/Chat message bubble line breaks (fluent-blue-light).png b/e2e/testcafe-devextreme/tests/chat/etalons/Chat message bubble line breaks (fluent-blue-light).png new file mode 100644 index 0000000000000000000000000000000000000000..0f513b7ed63032664722d9aba1d84cf3452b1bb3 GIT binary patch literal 9663 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 cs|%%YM2yo;w;iS59s2n{0UERvKL7v# literal 0 HcmV?d00001 diff --git a/e2e/testcafe-devextreme/tests/chat/etalons/Chat message bubble line breaks (generic-light).png b/e2e/testcafe-devextreme/tests/chat/etalons/Chat message bubble line breaks (generic-light).png new file mode 100644 index 0000000000000000000000000000000000000000..52ff9b5ba4f61b33cf4b617e51f8bc9f67752e9d GIT binary patch literal 8663 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 literal 0 HcmV?d00001 diff --git a/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagebubble/_index.scss b/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagebubble/_index.scss index c29a99015922..1657ed557d31 100644 --- a/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagebubble/_index.scss +++ b/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagebubble/_index.scss @@ -7,6 +7,7 @@ .dx-chat-message-bubble { width: auto; word-break: break-word; + white-space: break-spaces; } .dx-chat-message-group-alignment-start { diff --git a/packages/testcafe-models/types.ts b/packages/testcafe-models/types.ts index bd53cdf10db7..d3c7998bf4ad 100644 --- a/packages/testcafe-models/types.ts +++ b/packages/testcafe-models/types.ts @@ -10,6 +10,7 @@ export type WidgetName = | 'dxCalendar' | 'dxCalendarView' | 'dxChart' + | 'dxChat' | 'dxCheckBox' | 'dxColorBox' | 'dxContextMenu'