fix(addon-editor): normalize h1-h6 heading in editor socket

taiga-family · Oct 5, 2022 · 3a3a5e8 · 3a3a5e8
1 parent a59afe8
commit 3a3a5e8
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 0 deletions.
diff --git a/projects/addon-editor/components/editor-socket/editor-socket.component.less b/projects/addon-editor/components/editor-socket/editor-socket.component.less
@@ -8,6 +8,16 @@
     &._preview-image img {
         cursor: pointer;
     }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        word-break: break-word;
+        line-height: normal;
+    }
 }
 
 /* stylelint-disable-next-line */

diff --git a/projects/demo-integrations/cypress/tests/addon-editor/editor-api.cy.ts b/projects/demo-integrations/cypress/tests/addon-editor/editor-api.cy.ts
@@ -248,4 +248,22 @@ describe(`Editor API`, () => {
             });
         }
     });
+
+    describe(`Heading styles`, () => {
+        for (const heading of [`h1`, `h2`, `h3`, `h4`, `h5`, `h6`]) {
+            it(heading, () => {
+                tuiVisitEditorApiPage({
+                    content: `<${heading}><span%20style%3D"background-color:%20%231771e6; color: %20%23fff">ываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываывамсываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываываывамс</span></${heading}><${heading}>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</${heading}>`,
+                    skipDecodingUrl: true,
+                });
+
+                cy.get(`[contenteditable]`).focus();
+
+                tuiGetDemoContent()
+                    .find(`tui-editor-socket.tui-example`)
+                    .wait(WAIT_BEFORE_SCREENSHOT)
+                    .matchImageSnapshot();
+            });
+        }
+    });
 });