react-native-ui-lib/src/incubator/TextField/__tests__/Presenter.spec.js

<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a

import * as uut from '../Presenter';

describe('TextField:Presenter', () => {
  describe('validate', () => {
    it('should return true if validator is undefined', () => {
      expect(uut.validate('value', undefined)).toEqual([true, undefined]);
    });

    it('should validate email', () => {
      const validator = 'email';

      expect(uut.validate('value', validator)).toEqual([false, 0]);
      expect(uut.validate('', validator)).toEqual([false, 0]);
      expect(uut.validate('test@mail', validator)).toEqual([false, 0]);
      expect(uut.validate('test@mail.com', validator)).toEqual([true, undefined]);
    });

    it('should validate required', () => {
      const validator = 'required';

      expect(uut.validate('', validator)).toEqual([false, 0]);
      expect(uut.validate(undefined, validator)).toEqual([false, 0]);
      expect(uut.validate('value', validator)).toEqual([true, undefined]);
    });

    it('should validate a function validator', () => {
      const validator = value => value.length > 3;

      expect(uut.validate('', validator)).toEqual([false, 0]);
      expect(uut.validate('abc', validator)).toEqual([false, 0]);
      expect(uut.validate('abcd', validator)).toEqual([true, undefined]);
    });

    it('should validate both required and email', () => {
      const validator = ['required', 'email'];

      expect(uut.validate('', validator)).toEqual([false, 0]);
      expect(uut.validate('value', validator)).toEqual([false, 1]);
      expect(uut.validate('test@mail.com', validator)).toEqual([true, undefined]);
    });
  });

  describe('getValidationMessage', () => {
    it('should return undefined when there is no validationMessage', () => {
      expect(uut.getRelevantValidationMessage(undefined, 0)).toBeUndefined();
    });

    it('should return the validation message when there is no validate method', () => {
      expect(uut.getRelevantValidationMessage('error message', undefined)).toBe('error message');
    });

    it('should return the relevant validation message when there is a single message', () => {
      expect(uut.getRelevantValidationMessage('error message', 0)).toBe('error message');
    });

    it('should return the relevant validation message when there are multiple messages', () => {
      const messages = ['Field is required', 'Email is invalid'];
      expect(uut.getRelevantValidationMessage(messages, 0)).toBe(messages[0]);
      expect(uut.getRelevantValidationMessage(messages, 1)).toBe(messages[1]);
    });
  });

  describe('Should hide placeholder', () => {
    it('should keep it visible when floatingPlaceholder is false', () => {
      expect(uut.shouldHidePlaceholder({floatingPlaceholder: false})).toBe(false);
    });

    it('should hide it when using floatingPlaceholder', () => {
      expect(uut.shouldHidePlaceholder({floatingPlaceholder: true})).toBe(true);
    });

    it('should show it when floatingPlaceholder is true, user passed a hint text, the field is focused and floatOnFocus is true', () => {
      expect(uut.shouldHidePlaceholder({floatingPlaceholder: true, hint: 'Hint text', floatOnFocus: true}, true)).toBe(false);
    });
    
    it('should hide it when floatingPlaceholder is true, user passed a hint text, the field is focused but floatOnFocus is false', () => {
      expect(uut.shouldHidePlaceholder({floatingPlaceholder: true, hint: 'Hint text', floatOnFocus: false}, true)).toBe(true);
    });
  });
});