@hero-design/rn-work-uikit 1.1.0 → 1.2.0-alpha.1

package/src/components/TextInput/__tests__/getState.spec.tsx

@@ -0,0 +1,89 @@
+import { getState } from '../index';
+
+describe('getState', () => {
+  it.each`
+    disabled | error                       | editable | loading  | isEmptyValue | expected
+    ${false} | ${undefined}                | ${true}  | ${false} | ${true}      | ${'default'}
+    ${false} | ${undefined}                | ${true}  | ${false} | ${false}     | ${'filled'}
+    ${false} | ${undefined}                | ${false} | ${true}  | ${true}      | ${'readonly'}
+    ${false} | ${undefined}                | ${false} | ${true}  | ${false}     | ${'readonly'}
+    ${false} | ${undefined}                | ${true}  | ${true}  | ${true}      | ${'readonly'}
+    ${false} | ${'This field is required'} | ${false} | ${false} | ${true}      | ${'error'}
+    ${false} | ${'This field is required'} | ${false} | ${false} | ${false}     | ${'error'}
+    ${false} | ${'This field is required'} | ${true}  | ${false} | ${false}     | ${'error'}
+    ${true}  | ${'This field is required'} | ${false} | ${false} | ${true}      | ${'disabled'}
+    ${true}  | ${'This field is required'} | ${false} | ${false} | ${false}     | ${'disabled'}
+    ${true}  | ${undefined}                | ${true}  | ${false} | ${true}      | ${'disabled'}
+    ${true}  | ${undefined}                | ${true}  | ${false} | ${false}     | ${'disabled'}
+  `(
+    'should return "$expected" when disabled: $disabled, error: $error, editable: $editable, loading: $loading, isEmptyValue: $isEmptyValue',
+    ({ disabled, error, editable, loading, isEmptyValue, expected }) => {
+      expect(
+        getState({
+          disabled,
+          error,
+          editable,
+          loading,
+          isEmptyValue,
+        })
+      ).toBe(expected);
+    }
+  );
+
+  it('should prioritize states in correct order', () => {
+    // Disabled takes highest priority
+    expect(
+      getState({
+        disabled: true,
+        error: 'Some error',
+        editable: false,
+        loading: true,
+        isEmptyValue: false,
+      })
+    ).toBe('disabled');
+
+    // Error takes priority over readonly and filled
+    expect(
+      getState({
+        disabled: false,
+        error: 'Some error',
+        editable: false,
+        loading: false,
+        isEmptyValue: false,
+      })
+    ).toBe('error');
+
+    // Readonly takes priority over filled
+    expect(
+      getState({
+        disabled: false,
+        error: undefined,
+        editable: false,
+        loading: false,
+        isEmptyValue: false,
+      })
+    ).toBe('readonly');
+
+    // Filled takes priority over default
+    expect(
+      getState({
+        disabled: false,
+        error: undefined,
+        editable: true,
+        loading: false,
+        isEmptyValue: false,
+      })
+    ).toBe('filled');
+
+    // Default is the fallback
+    expect(
+      getState({
+        disabled: false,
+        error: undefined,
+        editable: true,
+        loading: false,
+        isEmptyValue: true,
+      })
+    ).toBe('default');
+  });
+});