chore(html): add test for notification with icon and long text

telerik · Nov 22, 2024 · b668ba3 · b668ba3
1 parent 1fac8f8
commit b668ba3
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/packages/html/src/notification/tests/notification.tsx b/packages/html/src/notification/tests/notification.tsx
@@ -16,7 +16,7 @@ const styles = `
 export default () => (
     <>
         <style>{styles}</style>
-        <div id="test-area" className="k-d-grid k-grid-cols-4">
+        <div id="test-area" className="k-d-grid k-grid-cols-5">
 
             <span className="k-colspan-all k-col-span-full">LTR</span>
             <div>
@@ -39,6 +39,11 @@ export default () => (
                     <IconNotificationClosable text="Closable notification with icon" />
                 </AnimationContainer>
             </div>
+            <div>
+                <AnimationContainer>
+                    <IconNotificationClosable text="Closable notification with icon and very long text start ............. ............ .................... .......... ............ end" />
+                </AnimationContainer>
+            </div>
 
             <span className="k-colspan-all k-col-span-full">RTL</span>
             <div dir="rtl">
@@ -61,6 +66,11 @@ export default () => (
                     <IconNotificationClosable text="Closable notification with icon" />
                 </AnimationContainer>
             </div>
+            <div dir="rtl">
+                <AnimationContainer>
+                    <IconNotificationClosable text="Closable notification with icon and very long text start ............. ............ .................... .......... ............ end" />
+                </AnimationContainer>
+            </div>
 
         </div>
     </>