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

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _reactDndTestBackend = require('react-dnd-test-backend');

var _reactDndTestBackend2 = _interopRequireDefault(_reactDndTestBackend);

var _Draggable = require('./Draggable');

var _reactDnd = require('react-dnd');

var _enzyme = require('../../../testkit/enzyme');

var _enzyme2 = require('enzyme');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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 */


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 ? _react2.default.createElement('div', { 'data-hook': dataHook }) : null;
            };

            render.propTypes = {
              isPlaceholder: _propTypes2.default.bool
            };

            props = {
              render: render,
              id: '1',
              dataHook: 'draggable'
            };
            wrapper = (0, _enzyme2.mount)(_react2.default.createElement(
              _reactDnd.DragDropContextProvider,
              { backend: _reactDndTestBackend2.default },
              _react2.default.createElement(_Draggable.DraggableSource, props)
            ));
            testkit = (0, _enzyme.draggableTestkitFactory)({
              dataHook: 'draggable',
              wrapper: wrapper
            });


            console.info(wrapper.instance());

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


            backend.simulateBeginDrag([handleId]);

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

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