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

wix-style-react

import React from 'react';
import ReactTestUtils from 'react-dom/test-utils';
import RichTextAreaComposite from './RichTextAreaComposite';
import Label from '../Label';
import RichTextArea from '../RichTextArea';
import { richTextAreaCompositeTestkitFactory } from '../../testkit';
import { richTextAreaCompositeTestkitFactory as enzymeRichTextAreaCompositeTestkitFactory } from '../../testkit/enzyme';
import { mount } from 'enzyme';

var mockGetSelection = function mockGetSelection() {
  var original = window.getSelection;
  var fn = function fn() {
    return {};
  };
  fn.restore = function () {
    return window.getSelection = original;
  };
  window.getSelection = fn;
};

describe('RichTextAreaComposite', function () {
  beforeEach(function () {
    mockGetSelection();
  });

  afterEach(function () {
    window.getSelection.restore();
  });

  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(
          RichTextAreaComposite,
          { dataHook: dataHook },
          React.createElement(
            Label,
            null,
            'Label text'
          ),
          React.createElement(RichTextArea, null)
        )
      )));
      var richTextAreaCompositeTestkit = richTextAreaCompositeTestkitFactory({
        wrapper: wrapper,
        dataHook: dataHook
      });
      expect(richTextAreaCompositeTestkit.exists()).toBeTruthy();
    });

    describe('enzyme testkit', function () {
      it('should exist', function () {
        var dataHook = 'compHook';
        var wrapper = mount(React.createElement(
          RichTextAreaComposite,
          { dataHook: dataHook },
          React.createElement(
            Label,
            null,
            'Label text'
          ),
          React.createElement(RichTextArea, null)
        ));
        var richTextAreaCompositeTestkit = enzymeRichTextAreaCompositeTestkitFactory({ wrapper: wrapper, dataHook: dataHook });
        expect(richTextAreaCompositeTestkit.exists()).toBeTruthy();
      });
    });
  });
});