huridocs/uwazi

/** @format */

import React from 'react';
import { shallow } from 'enzyme';
import { Icon } from 'UI';

import { MultipleEditionFieldWarningBase, mapStateToProps } from '../MultipleEditionFieldWarning';

describe('FormGroup', () => {
  let component;
  let props;

  beforeEach(() => {
    props = {};
  });

  const render = () => {
    component = shallow(<MultipleEditionFieldWarningBase {...props} />);
  };

  describe('when multipleEdition and touched', () => {
    it('should render a warning', () => {
      props.multipleEdition = true;
      props.touched = true;
      render();
      expect(component.find(Icon).props().icon).toBe('exclamation-triangle');
    });
  });

  describe('when multipleEdition and not touched', () => {
    it('should not render a warning', () => {
      props.multipleEdition = true;
      props.touched = false;
      render();
      const warning = component.find('.fa-warning');
      expect(warning.length).toBe(0);
    });
  });

  describe('when not multipleEdition and touched', () => {
    it('should not render a warning', () => {
      props.multipleEdition = false;
      props.touched = true;
      render();
      const warning = component.find('.fa-warning');
      expect(warning.length).toBe(0);
    });
  });

  describe('mapStateToProps', () => {
    it('should map pristine', () => {
      let state = { namespace: { $form: { model: 'namespace' }, field: { pristine: false } } };
      expect(mapStateToProps(state, { model: 'namespace', field: 'field' }).touched).toEqual(true);

      state = {
        namespace: { $form: { model: 'namespace' }, field: { $form: { pristine: false } } },
      };
      expect(mapStateToProps(state, { model: 'namespace', field: 'field' }).touched).toEqual(true);

      state = { namespace: { $form: { model: 'namespace' }, field: { pristine: true } } };
      expect(mapStateToProps(state, { model: 'namespace', field: 'field' }).touched).toEqual(false);

      state = {
        namespace: { $form: { model: 'namespace' }, field: { $form: { pristine: true } } },
      };
      expect(mapStateToProps(state, { model: 'namespace', field: 'field' }).touched).toEqual(false);
    });
  });
});