test(floating-label): include textarea example in visual tests

telerik · Aug 17, 2022 · 7f77571 · 7f77571
1 parent 6347439
commit 7f77571
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 0 deletions.
diff --git a/packages/html/src/floating-label/tests/floating-label-flat.tsx b/packages/html/src/floating-label/tests/floating-label-flat.tsx
@@ -3,6 +3,7 @@ import ReactDOM from 'react-dom/client';
 import { FloatingLabel } from '../../floating-label';
 import { Textbox } from '../../textbox';
 import { Combobox } from '../../combobox';
+import { Textarea } from '../../textarea';
 
 const root = ReactDOM.createRoot(
     document.getElementById('app') as HTMLElement
@@ -169,6 +170,16 @@ root.render(
                     <Combobox fillMode="flat" value="Invalid value" invalid />
                 </FloatingLabel>
             </div>
+            <div>
+                <FloatingLabel label="Textarea label" empty>
+                    <Textarea fillMode="flat" />
+                </FloatingLabel>
+            </div>
+            <div dir="rtl">
+                <FloatingLabel label="Textarea label" empty>
+                    <Textarea fillMode="flat" />
+                </FloatingLabel>
+            </div>
         </div>
     </>
 );
diff --git a/packages/html/src/floating-label/tests/floating-label-outline.tsx b/packages/html/src/floating-label/tests/floating-label-outline.tsx
@@ -3,6 +3,7 @@ import ReactDOM from 'react-dom/client';
 import { FloatingLabel } from '../../floating-label';
 import { Textbox } from '../../textbox';
 import { Combobox } from '../../combobox';
+import { Textarea } from '../../textarea';
 
 const root = ReactDOM.createRoot(
     document.getElementById('app') as HTMLElement
@@ -169,6 +170,16 @@ root.render(
                     <Combobox fillMode="outline" value="Invalid value" invalid />
                 </FloatingLabel>
             </div>
+            <div>
+                <FloatingLabel label="Textarea label" empty>
+                    <Textarea fillMode="outline" />
+                </FloatingLabel>
+            </div>
+            <div dir="rtl">
+                <FloatingLabel label="Textarea label" empty>
+                    <Textarea fillMode="outline" />
+                </FloatingLabel>
+            </div>
         </div>
     </>
 );
diff --git a/packages/html/src/floating-label/tests/floating-label.tsx b/packages/html/src/floating-label/tests/floating-label.tsx
@@ -3,6 +3,7 @@ import ReactDOM from 'react-dom/client';
 import { FloatingLabel } from '../../floating-label';
 import { Textbox } from '../../textbox';
 import { Combobox } from '../../combobox';
+import { Textarea } from '../../textarea';
 
 const root = ReactDOM.createRoot(
     document.getElementById('app') as HTMLElement
@@ -169,6 +170,16 @@ root.render(
                     <Combobox value="Invalid value" invalid />
                 </FloatingLabel>
             </div>
+            <div>
+                <FloatingLabel label="Textarea label" empty>
+                    <Textarea />
+                </FloatingLabel>
+            </div>
+            <div dir="rtl">
+                <FloatingLabel label="Textarea label" empty>
+                    <Textarea />
+                </FloatingLabel>
+            </div>
         </div>
     </>
 );