wix-style-react/dist/es/src/Range/Range.spec.js

wix-style-react

import React from 'react';
import ReactTestUtils from 'react-dom/test-utils';
import Range from './Range';
import Input from '../Input';
import Label from '../Label';
import DatePicker from '../DatePicker';
import { rangePolyfill } from '../../testkit/polyfills';

import { rangeTestkitFactory } from '../../testkit';
import { rangeTestkitFactory as enzymeRangeTestkitFactory } from '../../testkit/enzyme';
import { mount } from 'enzyme';

describe('Range', function () {
  beforeEach(function () {
    rangePolyfill.install();
  });

  afterEach(function () {
    rangePolyfill.uninstall();
  });

  describe('testkit', function () {
    it('should exist', function () {
      var div = document.createElement('div');
      var dataHook = 'compHook';
      var wrapper = div.appendChild(ReactTestUtils.renderIntoDocument(React.createElement(
        'div',
        null,
        React.createElement(
          Range,
          { dataHook: dataHook },
          React.createElement(Label, null),
          React.createElement(Input, null),
          React.createElement(Input, null)
        )
      )));
      var rangeTestkit = rangeTestkitFactory({ wrapper: wrapper, dataHook: dataHook });
      expect(rangeTestkit.exists()).toBeTruthy();
    });

    it('should exist without label', function () {
      var div = document.createElement('div');
      var dataHook = 'compHook';
      var wrapper = div.appendChild(ReactTestUtils.renderIntoDocument(React.createElement(
        'div',
        null,
        React.createElement(
          Range,
          { dataHook: dataHook },
          React.createElement(Input, null),
          React.createElement(Input, null)
        )
      )));
      var rangeTestkit = rangeTestkitFactory({ wrapper: wrapper, dataHook: dataHook });
      expect(rangeTestkit.exists()).toBeTruthy();
    });

    it('should work with datePickers', function () {
      var onChange = jest.fn();
      var div = document.createElement('div');
      var dataHook = 'compHook';
      var wrapper = div.appendChild(ReactTestUtils.renderIntoDocument(React.createElement(
        'div',
        null,
        React.createElement(
          Range,
          { dataHook: dataHook },
          React.createElement(DatePicker, { onChange: onChange }),
          React.createElement(DatePicker, { onChange: onChange })
        )
      )));
      var rangeTestkit = rangeTestkitFactory({ wrapper: wrapper, dataHook: dataHook });
      expect(rangeTestkit.exists()).toBeTruthy();
    });

    describe('enzyme testkit', function () {
      it('should exist', function () {
        var dataHook = 'myDataHook';
        var wrapper = mount(React.createElement(
          'div',
          null,
          React.createElement(
            Range,
            { dataHook: dataHook },
            React.createElement(Label, null),
            React.createElement(Input, null),
            React.createElement(Input, null)
          )
        ));
        var textFieldTestkit = enzymeRangeTestkitFactory({
          wrapper: wrapper,
          dataHook: dataHook
        });
        expect(textFieldTestkit.exists()).toBeTruthy();
      });

      it('should exist without label', function () {
        var div = document.createElement('div');
        var dataHook = 'compHook';
        var wrapper = div.appendChild(ReactTestUtils.renderIntoDocument(React.createElement(
          'div',
          null,
          React.createElement(
            Range,
            { dataHook: dataHook },
            React.createElement(Input, null),
            React.createElement(Input, null)
          )
        )));
        var rangeTestkit = rangeTestkitFactory({ wrapper: wrapper, dataHook: dataHook });
        expect(rangeTestkit.exists()).toBeTruthy();
      });
    });
  });
});