react-native-ui-lib/src/components/chipsInput/__tests__/index.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 _ from 'lodash';
import {Constants} from '../../../commons';
import {ChipsInput} from '../index';

describe('ChipsInput', () => {
  let uut;
  beforeEach(() => {
    uut = new ChipsInput({});
    uut.setState = jest.fn(state => _.assign(uut.state, state));
    _.set(uut.state, 'chips', [{}, {}, {}]);
  });

  describe('getLabel', () => {
    it('should return the string value in case item is a string', () => {
      expect(uut.getLabel('value')).toBe('value');
      expect(uut.getLabel('label')).toBe('label');
    });

    it('should return the label prop value in case item is an object and getLabel was not provided', () => {
      expect(uut.getLabel({label: 'labelValue'})).toBe('labelValue');
      expect(uut.getLabel({label2: 'labelValue'})).toBe(undefined);
    });

    it('should return the label according to getLabel callback provided in props', () => {
      const getLabel = jest.fn(item => item.value);
      uut = new ChipsInput({getLabel});
      expect(uut.getLabel({value: 'label', label: 'bla'})).toBe('label');
    });

    it('should return the label according to getLabel callback even if item is a string', () => {
      const getLabel = jest.fn(item => `${item}1`);
      uut = new ChipsInput({getLabel});
      expect(uut.getLabel('label')).toBe('label1');
    });
  });

  describe('onKeyPress', () => {
    let removeTagSpy;
    beforeEach(() => {
      removeTagSpy = jest.spyOn(uut, 'removeMarkedTag');
    });

    it('should update state - tagIndexToRemove with last tag index', () => {
      const pressEvent = {nativeEvent: {key: Constants.backspaceKey}};
      uut.onKeyPress(pressEvent);
      expect(uut.state.chipIndexToRemove).toBe(2);
    });

    it('should not update state if keyCode is not backspace', () => {
      const pressEvent = {nativeEvent: {key: 'space'}};
      uut.onKeyPress(pressEvent);
      expect(uut.state.chipIndexToRemove).toBe(undefined);
      expect(removeTagSpy).not.toHaveBeenCalled();
    });

    it('should not update state if there are not tags', () => {
      const pressEvent = {nativeEvent: {key: Constants.backspaceKey}};
      _.set(uut.state, 'chips', []);
      uut.onKeyPress(pressEvent);
      expect(uut.state.chipIndexToRemove).toBe(undefined);
      expect(removeTagSpy).not.toHaveBeenCalled();
    });

    it('should not update state if input value is not empty', () => {
      const pressEvent = {nativeEvent: {key: Constants.backspaceKey}};
      _.set(uut.state, 'chips', [{}, {}, {}]);
      _.set(uut.state, 'value', 'some text');
      uut.onKeyPress(pressEvent);
      expect(uut.state.chipIndexToRemove).toBe(undefined);
      expect(removeTagSpy).not.toHaveBeenCalled();
    });

    it('should invoke onKeyPress callback provided in props with the event', () => {
      const pressEvent = {nativeEvent: {key: 'space'}};
      const onKeyPressCallback = jest.fn();
      uut = new ChipsInput({onKeyPress: onKeyPressCallback});

      uut.onKeyPress(pressEvent);
      expect(onKeyPressCallback).toHaveBeenCalledWith(pressEvent);
    });

    it('should not set last tag index if it is already set to last index, instead call remove tag', () => {
      const pressEvent = {nativeEvent: {key: Constants.backspaceKey}};
      _.set(uut.state, 'chipIndexToRemove', 2);
      uut.onKeyPress(pressEvent);
      expect(removeTagSpy).toHaveBeenCalled();
      expect(uut.state.chipIndexToRemove).toBe(undefined);
    });

    it('should not remove tag nor update chipIndexToRemove if pressed any key while chipIndexToRemove was set', () => {
      const pressEvent = {nativeEvent: {key: 'space'}};
      _.set(uut.state, 'chipIndexToRemove', 2);
      uut.onKeyPress(pressEvent);
      expect(removeTagSpy).not.toHaveBeenCalled();
      expect(uut.state.chipIndexToRemove).toBe(2);
    });
  });

  describe('removeMarkedTag', () => {
    const onChangeTagsCallback = jest.fn();
    beforeEach(() => {
      _.set(uut, 'props.onChangeTags', onChangeTagsCallback);
    });
    it('should not change tags if there is no chipIndexToRemove in state', () => {
      const tags = [{}, {}];
      _.set(uut, 'state', {chipIndexToRemove: undefined, tags});
      uut.removeMarkedTag();
      expect(uut.state.tags).toEqual(tags);
      expect(onChangeTagsCallback).not.toHaveBeenCalled();
    });

    it('should remove tag according to the chipIndexToRemove in state and invoke ', () => {
      const chips = [{}, {}, {}];
      const chipIndexToRemove = 2;
      const removedTag = chips[chipIndexToRemove];
      _.set(uut, 'state', {chipIndexToRemove, chips});
      uut.removeMarkedTag();
      expect(uut.state.chips).toEqual([chips[0], chips[1]]);
      expect(onChangeTagsCallback).toHaveBeenCalledWith([chips[0], chips[1]], 'removed', removedTag);
      expect(uut.state.chipIndexToRemove).toBeUndefined();
    });
  });

  describe('onTagPress', () => {
    it('should set chipIndexToRemove according to given index', () => {
      _.set(uut, 'state.chipIndexToRemove', undefined);
      uut.onTagPress(1);
      expect(uut.state.chipIndexToRemove).toBe(1);
      uut.onTagPress(2);
      expect(uut.state.chipIndexToRemove).toBe(2);
    });

    it('should call to removeMarkedTag if the given index is the same as the current chipIndexToRemove', () => {
      const removeTagSpy = jest.spyOn(uut, 'removeMarkedTag');
      _.set(uut, 'state.chipIndexToRemove', 1);
      uut.onTagPress(1);
      expect(removeTagSpy).toHaveBeenCalledWith();
    });
  });
});