test(TextInput): update tests to include falsy values

momentum-design · Oct 22, 2024 · b448b59 · b448b59
1 parent 9c16b52
commit b448b59
Showing 1 changed file with 24 additions and 10 deletions.
diff --git a/src/components/TextInput/TextInput.unit.test.tsx b/src/components/TextInput/TextInput.unit.test.tsx
@@ -220,21 +220,35 @@ describe('<TextInput/>', () => {
       expect(textInputComponent.props()['aria-describedby']).toBe(undefined);
     });
 
-    it('should have the clear input button displayed when not disabled', async () => {
+    it('should not have the clear input button displayed when value is empty', async () => {
       const textInputComponent = (
-        await mountAndWait(<TextInput aria-label="text-input" value="Hello World" />)
-      ).find(TextInput);
-
-      expect(textInputComponent.find('.clear-icon').exists()).toBe(true);
-    });
-
-    it('should not have the clear input button displayed when isDisabled', async () => {
-      const textInputComponent = (
-        await mountAndWait(<TextInput aria-label="text-input" value="Hello World" isDisabled />)
+        await mountAndWait(<TextInput aria-label="text-input" value="" />)
       ).find(TextInput);
 
       expect(textInputComponent.find('.clear-icon').exists()).toBe(false);
     });
+
+    it.each(['hello world', '0', '123', ' '])(
+      'should have the clear input button displayed when not disabled (value = "%s")',
+      async (value) => {
+        const textInputComponent = (
+          await mountAndWait(<TextInput aria-label="text-input" value={value} />)
+        ).find(TextInput);
+
+        expect(textInputComponent.find('.clear-icon').exists()).toBe(true);
+      }
+    );
+
+    it.each(['', 'hello world', '0', '123', ' '])(
+      'should not have the clear input button displayed when isDisabled (value = "%s")',
+      async (value) => {
+        const textInputComponent = (
+          await mountAndWait(<TextInput aria-label="text-input" value={value} isDisabled />)
+        ).find(TextInput);
+
+        expect(textInputComponent.find('.clear-icon').exists()).toBe(false);
+      }
+    );
   });
 
   describe('actions', () => {