huridocs/uwazi

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

import NumericRangeSlide from '../NumericRangeSlide';

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

  beforeEach(() => {
    props = {
      onChange: jasmine.createSpy('onChange'),
      value: 0.5,
      min: 0,
      max: 1,
      step: 0.1,
      minLabel: 'Min',
      maxLabel: 'Max',
    };
  });

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

  it('should render range input component', () => {
    render();
    expect(component).toMatchSnapshot();
  });

  it('should trigger onChange events', () => {
    render();
    component
      .find('input')
      .first()
      .simulate('change', { target: { value: '0.6' } });
    expect(props.onChange).toHaveBeenCalledWith(0.6);
  });

  it('should accept components as min and max labels', () => {
    props.minLabel = <b>Min</b>;
    props.maxLabel = <b>Max</b>;
    render();
    expect(component).toMatchSnapshot();
  });
});