wix-style-react/dist/es/src/DragAndDrop/Draggable/Draggable.spec.js

wix-style-react

var _this = this;

function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }

/* eslint-disable no-console */
import React from 'react';
import PropTypes from 'prop-types';
import TestBackend from 'react-dnd-test-backend';
import { DraggableSource } from './Draggable';
import { DragDropContextProvider } from 'react-dnd';

import { draggableTestkitFactory as enzymeDraggableTestkitFactory } from '../../../testkit/enzyme';
import { mount } from 'enzyme';

describe('Draggable', function () {
  xit('is draggable', _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
    var dataHook, render, props, wrapper, testkit, backend, draggable, handleId;
    return regeneratorRuntime.wrap(function _callee$(_context) {
      while (1) {
        switch (_context.prev = _context.next) {
          case 0:
            dataHook = 'draggable-content';

            render = function render(_ref2) {
              var isPlaceholder = _ref2.isPlaceholder;
              return isPlaceholder ? React.createElement('div', { 'data-hook': dataHook }) : null;
            };

            render.propTypes = {
              isPlaceholder: PropTypes.bool
            };

            props = {
              render: render,
              id: '1',
              dataHook: 'draggable'
            };
            wrapper = mount(React.createElement(
              DragDropContextProvider,
              { backend: TestBackend },
              React.createElement(DraggableSource, props)
            ));
            testkit = enzymeDraggableTestkitFactory({
              dataHook: 'draggable',
              wrapper: wrapper
            });


            console.info(wrapper.instance());

            backend = wrapper.instance().getManager().getBackend();
            draggable = wrapper.find(DraggableSource);
            handleId = draggable.instance().getHandlerId();


            backend.simulateBeginDrag([handleId]);

            expect(testkit.childByHook(dataHook)).not.toBeNull;

          case 12:
          case 'end':
            return _context.stop();
        }
      }
    }, _callee, _this);
  })));
});