test: add no value or placeholder tests to inputs, dropdowns, pickers

telerik · Jun 4, 2024 · fa402d8 · fa402d8
1 parent d589ebb
commit fa402d8
Show file tree

Hide file tree

Showing 72 changed files with 926 additions and 25 deletions.
diff --git a/packages/html/src/autocomplete/tests/autocomplete-flat.tsx b/packages/html/src/autocomplete/tests/autocomplete-flat.tsx
@@ -14,6 +14,12 @@ export default () =>(
             <span>Autocomplete Flat</span>
             <span>Autocomplete Flat RTL</span>
 
+            <div>
+                <AutocompleteNormal fillMode="flat" />
+            </div>
+            <div dir="rtl">
+                <AutocompleteNormal fillMode="flat" />
+            </div>
             <div>
                 <AutocompleteNormal fillMode="flat" placeholder="placeholder..." />
             </div>

diff --git a/packages/html/src/autocomplete/tests/autocomplete-outline.tsx b/packages/html/src/autocomplete/tests/autocomplete-outline.tsx
@@ -14,6 +14,12 @@ export default () =>(
             <span>Autocomplete Outline</span>
             <span>Autocomplete Outline RTL</span>
 
+            <div>
+                <AutocompleteNormal fillMode="outline" />
+            </div>
+            <div dir="rtl">
+                <AutocompleteNormal fillMode="outline" />
+            </div>
             <div>
                 <AutocompleteNormal fillMode="outline" placeholder="placeholder..." />
             </div>

diff --git a/packages/html/src/autocomplete/tests/autocomplete-solid.tsx b/packages/html/src/autocomplete/tests/autocomplete-solid.tsx
@@ -14,6 +14,12 @@ export default () =>(
             <span>Autocomplete</span>
             <span>Autocomplete RTL</span>
 
+            <div>
+                <AutocompleteNormal />
+            </div>
+            <div dir="rtl">
+                <AutocompleteNormal />
+            </div>
             <div>
                 <AutocompleteNormal placeholder="placeholder..." />
             </div>

diff --git a/packages/html/src/combobox/tests/combobox-flat.tsx b/packages/html/src/combobox/tests/combobox-flat.tsx
@@ -14,6 +14,12 @@ export default () =>(
             <span>ComboBox Flat</span>
             <span>ComboBox Flat RTL</span>
 
+            <div>
+                <ComboboxNormal fillMode="flat" />
+            </div>
+            <div dir="rtl">
+                <ComboboxNormal fillMode="flat" />
+            </div>
             <div>
                 <ComboboxNormal fillMode="flat" placeholder="placeholder..." />
             </div>

diff --git a/packages/html/src/combobox/tests/combobox-outline.tsx b/packages/html/src/combobox/tests/combobox-outline.tsx
@@ -15,6 +15,12 @@ export default () =>(
             <span>ComboBox Outline</span>
             <span>ComboBox Outline RTL</span>
 
+            <div>
+                <ComboboxNormal fillMode="outline" />
+            </div>
+            <div dir="rtl">
+                <ComboboxNormal fillMode="outline" />
+            </div>
             <div>
                 <ComboboxNormal fillMode="outline" placeholder="placeholder..." />
             </div>

diff --git a/packages/html/src/combobox/tests/combobox-solid.tsx b/packages/html/src/combobox/tests/combobox-solid.tsx
@@ -15,6 +15,12 @@ export default () =>(
             <span>ComboBox</span>
             <span>ComboBox RTL</span>
 
+            <div>
+                <ComboboxNormal />
+            </div>
+            <div dir="rtl">
+                <ComboboxNormal />
+            </div>
             <div>
                 <ComboboxNormal placeholder="placeholder..." />
             </div>

diff --git a/packages/html/src/dropdowngrid/tests/dropdowngrid-flat.tsx b/packages/html/src/dropdowngrid/tests/dropdowngrid-flat.tsx
@@ -14,6 +14,13 @@ export default () =>(
             <span>DropdownGrid Flat</span>
             <span>DropdownGrid Flat RTL</span>
 
+            <div>
+                <DropdownGridNormal fillMode="flat" />
+            </div>
+            <div dir="rtl">
+                <DropdownGridNormal fillMode="flat" />
+            </div>
+
             <div>
                 <DropdownGridNormal fillMode="flat" placeholder="placeholder..." />
             </div>

diff --git a/packages/html/src/dropdowngrid/tests/dropdowngrid-outline.tsx b/packages/html/src/dropdowngrid/tests/dropdowngrid-outline.tsx
@@ -15,10 +15,10 @@ export default () =>(
             <span>DropdownGrid Outline RTL</span>
 
             <div>
-                <DropdownGrid fillMode="outline" placeholder="DropdownGrid..." />
+                <DropdownGridNormal fillMode="outline" />
             </div>
             <div dir="rtl">
-                <DropdownGrid fillMode="outline" placeholder="DropdownGrid..." />
+                <DropdownGridNormal fillMode="outline" />
             </div>
 
             <div>

diff --git a/packages/html/src/dropdowngrid/tests/dropdowngrid-solid.tsx b/packages/html/src/dropdowngrid/tests/dropdowngrid-solid.tsx
@@ -14,6 +14,12 @@ export default () =>(
             <span>DropdownGrid</span>
             <span>DropdownGrid RTL</span>
 
+            <div>
+                <DropdownGridNormal />
+            </div>
+            <div dir="rtl">
+                <DropdownGridNormal />
+            </div>
             <div>
                 <DropdownGridNormal placeholder="placeholder..." />
             </div>

diff --git a/packages/html/src/dropdownlist/tests/dropdownlist-flat.tsx b/packages/html/src/dropdownlist/tests/dropdownlist-flat.tsx
@@ -15,6 +15,12 @@ export default () =>(
             <span>DropdownList Flat</span>
             <span>DropdownList Flat RTL</span>
 
+            <div>
+                <DropdownList fillMode="flat" />
+            </div>
+            <div dir="rtl">
+                <DropdownList fillMode="flat" />
+            </div>
             <div>
                 <DropdownList fillMode="flat" placeholder="DropdownList..." />
             </div>

diff --git a/packages/html/src/dropdownlist/tests/dropdownlist-outline.tsx b/packages/html/src/dropdownlist/tests/dropdownlist-outline.tsx
@@ -15,6 +15,12 @@ export default () =>(
             <span>DropdownList Outline</span>
             <span>DropdownList Outline RTL</span>
 
+            <div>
+                <DropdownList fillMode="outline" />
+            </div>
+            <div dir="rtl">
+                <DropdownList fillMode="outline" />
+            </div>
             <div>
                 <DropdownList fillMode="outline" placeholder="DropdownList..." />
             </div>

diff --git a/packages/html/src/dropdownlist/tests/dropdownlist.tsx b/packages/html/src/dropdownlist/tests/dropdownlist.tsx
@@ -15,6 +15,12 @@ export default () =>(
             <span>DropdownList</span>
             <span>DropdownList RTL</span>
 
+            <div>
+                <DropdownList />
+            </div>
+            <div dir="rtl">
+                <DropdownList />
+            </div>
             <div>
                 <DropdownList placeholder="DropdownList..." />
             </div>

diff --git a/packages/html/src/dropdowntree/tests/dropdowntree-flat.tsx b/packages/html/src/dropdowntree/tests/dropdowntree-flat.tsx
@@ -15,6 +15,12 @@ export default () =>(
             <span>DropdownTree Flat</span>
             <span>DropdownTree Flat RTL</span>
 
+            <div>
+                <DropdownTreeNormal fillMode="flat" />
+            </div>
+            <div dir="rtl">
+                <DropdownTreeNormal fillMode="flat" />
+            </div>
             <div>
                 <DropdownTreeNormal fillMode="flat" placeholder="placeholder..." />
             </div>

diff --git a/packages/html/src/dropdowntree/tests/dropdowntree-outline.tsx b/packages/html/src/dropdowntree/tests/dropdowntree-outline.tsx
@@ -15,6 +15,12 @@ export default () =>(
             <span>DropdownTree Outline</span>
             <span>DropdownTree Outline RTL</span>
 
+            <div>
+                <DropdownTreeNormal fillMode="outline" />
+            </div>
+            <div dir="rtl">
+                <DropdownTreeNormal fillMode="outline" />
+            </div>
             <div>
                 <DropdownTreeNormal fillMode="outline" placeholder="placeholder..." />
             </div>

diff --git a/packages/html/src/dropdowntree/tests/dropdowntree-solid.tsx b/packages/html/src/dropdowntree/tests/dropdowntree-solid.tsx
@@ -15,6 +15,13 @@ export default () =>(
             <span>DropdownTree</span>
             <span>DropdownTree RTL</span>
 
+            <div>
+                <DropdownTreeNormal />
+            </div>
+            <div dir="rtl">
+                <DropdownTreeNormal />
+            </div>
+
             <div>
                 <DropdownTreeNormal placeholder="placeholder..." />
             </div>

diff --git a/packages/html/src/floating-label/tests/floating-label-flat.tsx b/packages/html/src/floating-label/tests/floating-label-flat.tsx
@@ -17,6 +17,16 @@ export default () =>(
             <span>Floating label flat</span>
             <span>Floating label flat RTL</span>
 
+            <div>
+                <FloatingLabelNormal label="Label without placeholder">
+                    <TextboxNormal fillMode="flat" />
+                </FloatingLabelNormal>
+            </div>
+            <div dir="rtl">
+                <FloatingLabelNormal label="Label without placeholder">
+                    <TextboxNormal fillMode="flat" />
+                </FloatingLabelNormal>
+            </div>
             <div>
                 <FloatingLabelNormal label="Label with placeholder">
                     <TextboxNormal fillMode="flat" placeholder="placeholder" />

diff --git a/packages/html/src/floating-label/tests/floating-label-outline.tsx b/packages/html/src/floating-label/tests/floating-label-outline.tsx
@@ -17,6 +17,16 @@ export default () =>(
             <span>Floating label outline</span>
             <span>Floating label outline RTL</span>
 
+            <div>
+                <FloatingLabelNormal label="Label without placeholder">
+                    <TextboxNormal fillMode="outline" />
+                </FloatingLabelNormal>
+            </div>
+            <div dir="rtl">
+                <FloatingLabelNormal label="Label without placeholder">
+                    <TextboxNormal fillMode="outline" />
+                </FloatingLabelNormal>
+            </div>
             <div>
                 <FloatingLabelNormal label="Label with placeholder">
                     <TextboxNormal fillMode="outline" placeholder="placeholder" />

diff --git a/packages/html/src/floating-label/tests/floating-label-solid.tsx b/packages/html/src/floating-label/tests/floating-label-solid.tsx
@@ -17,6 +17,16 @@ export default () =>(
             <span>Floating label</span>
             <span>Floating label RTL</span>
 
+            <div>
+                <FloatingLabelNormal label="Label without placeholder">
+                    <TextboxNormal />
+                </FloatingLabelNormal>
+            </div>
+            <div dir="rtl">
+                <FloatingLabelNormal label="Label without placeholder">
+                    <TextboxNormal />
+                </FloatingLabelNormal>
+            </div>
             <div>
                 <FloatingLabelNormal label="Label with placeholder">
                     <TextboxNormal placeholder="placeholder" />

diff --git a/packages/html/src/maskedtextbox/tests/maskedtextbox-flat.tsx b/packages/html/src/maskedtextbox/tests/maskedtextbox-flat.tsx
@@ -14,6 +14,12 @@ export default () =>(
             <span>MaskedTextBox Flat</span>
             <span>MaskedTextBox Flat RTL</span>
 
+            <div>
+                <MaskedTextboxNormal fillMode="flat" />
+            </div>
+            <div dir="rtl">
+                <MaskedTextboxNormal fillMode="flat" />
+            </div>
             <div>
                 <MaskedTextboxNormal fillMode="flat" placeholder="(___) ___-__-__-__" />
             </div>

diff --git a/packages/html/src/maskedtextbox/tests/maskedtextbox-outline.tsx b/packages/html/src/maskedtextbox/tests/maskedtextbox-outline.tsx
@@ -14,6 +14,12 @@ export default () =>(
             <span>MaskedTextBox Outline</span>
             <span>MaskedTextBox Outline RTL</span>
 
+            <div>
+                <MaskedTextboxNormal fillMode="outline" />
+            </div>
+            <div dir="rtl">
+                <MaskedTextboxNormal fillMode="outline" />
+            </div>
             <div>
                 <MaskedTextboxNormal fillMode="outline" placeholder="(___) ___-__-__-__" />
             </div>

diff --git a/packages/html/src/maskedtextbox/tests/maskedtextbox-solid.tsx b/packages/html/src/maskedtextbox/tests/maskedtextbox-solid.tsx
@@ -14,6 +14,12 @@ export default () =>(
             <span>MaskedTextBox</span>
             <span>MaskedTextBox RTL</span>
 
+            <div>
+                <MaskedTextboxNormal />
+            </div>
+            <div dir="rtl">
+                <MaskedTextboxNormal />
+            </div>
             <div>
                 <MaskedTextboxNormal placeholder="(___) ___-__-__-__" />
             </div>

diff --git a/packages/html/src/multiselect/tests/multiselect-flat.tsx b/packages/html/src/multiselect/tests/multiselect-flat.tsx
@@ -16,6 +16,14 @@ export default () =>(
             <span>MultiSelect Flat</span>
             <span>MultiSelect Flat RTL</span>
 
+            <div>no placeholder or value</div>
+            <div>
+                <MultiSelectNormal fillMode="flat" />
+            </div>
+            <div dir="rtl">
+                <MultiSelectNormal fillMode="flat" />
+            </div>
+
             <div>placeholder</div>
             <div>
                 <MultiSelectNormal fillMode="flat" placeholder="placeholder..." />

diff --git a/packages/html/src/multiselect/tests/multiselect-outline.tsx b/packages/html/src/multiselect/tests/multiselect-outline.tsx
@@ -16,6 +16,14 @@ export default () =>(
             <span>MultiSelect Outline</span>
             <span>MultiSelect Outline RTL</span>
 
+            <div>no placeholder or value</div>
+            <div>
+                <MultiSelectNormal fillMode="outline" />
+            </div>
+            <div dir="rtl">
+                <MultiSelectNormal fillMode="outline" />
+            </div>
+
             <div>placeholder</div>
             <div>
                 <MultiSelectNormal fillMode="outline" placeholder="placeholder..." />

diff --git a/packages/html/src/multiselect/tests/multiselect-solid.tsx b/packages/html/src/multiselect/tests/multiselect-solid.tsx
@@ -16,6 +16,14 @@ export default () =>(
             <span>MultiSelect</span>
             <span>MultiSelect RTL</span>
 
+            <div>no placeholder or value</div>
+            <div>
+                <MultiSelectNormal/>
+            </div>
+            <div dir="rtl">
+                <MultiSelectNormal />
+            </div>
+
             <div>placeholder</div>
             <div>
                 <MultiSelectNormal placeholder="placeholder..." />

diff --git a/packages/html/src/multiselecttree/tests/multiselecttree-flat.tsx b/packages/html/src/multiselecttree/tests/multiselecttree-flat.tsx
@@ -17,7 +17,15 @@ export default () =>(
             <span>MultiSelectTree</span>
             <span>MultiSelectTree RTL</span>
 
-            <div>empty</div>
+            <div>no placeholder nor value</div>
+            <div>
+                <MultiSelectTreeNormal fillMode="flat" />
+            </div>
+            <div dir="rtl">
+                <MultiSelectTreeNormal fillMode="flat" />
+            </div>
+
+            <div>placeholder</div>
             <div>
                 <MultiSelectTreeNormal fillMode="flat" placeholder="MultiSelectTree..." />
             </div>

diff --git a/packages/html/src/multiselecttree/tests/multiselecttree-outline.tsx b/packages/html/src/multiselecttree/tests/multiselecttree-outline.tsx
@@ -17,7 +17,15 @@ export default () =>(
             <span>MultiSelectTree</span>
             <span>MultiSelectTree RTL</span>
 
-            <div>empty</div>
+            <div>no placeholder nor value</div>
+            <div>
+                <MultiSelectTreeNormal fillMode="outline" />
+            </div>
+            <div dir="rtl">
+                <MultiSelectTreeNormal fillMode="outline" />
+            </div>
+
+            <div>placeholder</div>
             <div>
                 <MultiSelectTreeNormal fillMode="outline" placeholder="MultiSelectTree..." />
             </div>

diff --git a/packages/html/src/multiselecttree/tests/multiselecttree-solid.tsx b/packages/html/src/multiselecttree/tests/multiselecttree-solid.tsx
@@ -17,7 +17,15 @@ export default () =>(
             <span>MultiSelectTree</span>
             <span>MultiSelectTree RTL</span>
 
-            <div>empty</div>
+            <div>no placeholder nor value</div>
+            <div>
+                <MultiSelectTreeNormal />
+            </div>
+            <div dir="rtl">
+                <MultiSelectTreeNormal />
+            </div>
+
+            <div>placeholder</div>
             <div>
                 <MultiSelectTreeNormal placeholder="MultiSelectTree..." />
             </div>

diff --git a/packages/html/src/numerictextbox/tests/numerictextbox-flat.tsx b/packages/html/src/numerictextbox/tests/numerictextbox-flat.tsx
@@ -13,6 +13,13 @@ export default () =>(
             <span>NumericTextBox Flat</span>
             <span>NumericTextBox Flat RTL</span>
 
+            <div>
+                <NumericTextboxNormal fillMode="flat" />
+            </div>
+            <div dir="rtl">
+                <NumericTextboxNormal fillMode="flat" />
+            </div>
+
             <div>
                 <NumericTextboxNormal fillMode="flat" placeholder="NumericTextBox..." />
             </div>