wix-style-react
Version:
wix-style-react
188 lines (154 loc) • 6.57 kB
JavaScript
var _this = this;
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
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"); }); }; }
import { dropdownBaseDriverFactory as publicDriverFactory } from './DropdownBase.driver';
import { dropdownLayoutDriverFactory } from '../DropdownLayout/DropdownLayout.uni.driver';
// TODO: remove when implementation with UniDriver becomes possible
import { Simulate } from 'react-dom/test-utils';
export var dropdownBasePrivateDriverFactory = function dropdownBasePrivateDriverFactory(base) {
var byDataHook = function byDataHook(dataHook) {
return base.$('[data-hook="' + dataHook + '"]');
};
var _getTargetElement = function _getTargetElement() {
return byDataHook('popover-element');
};
var getContentElement = function getContentElement() {
return byDataHook('popover-content');
};
var createDropdownLayoutDriver = function createDropdownLayoutDriver() {
return dropdownLayoutDriverFactory(base);
};
return _extends({}, publicDriverFactory(base), {
/** Returns the native target element */
getTargetElement: function getTargetElement() {
return _getTargetElement().getNative();
},
/** Returns the native DropdownLayout element */
getDropdownElement: function getDropdownElement() {
return getContentElement().getNative();
},
/** Return `true` if the option is hovered by the mouse */
isOptionHovered: function () {
var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(index) {
return regeneratorRuntime.wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
return _context.abrupt('return', createDropdownLayoutDriver().isOptionHovered(index));
case 1:
case 'end':
return _context.stop();
}
}
}, _callee, _this);
}));
return function isOptionHovered(_x) {
return _ref.apply(this, arguments);
};
}(),
/** Return `true` if the option is selected */
isOptionSelected: function () {
var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(index) {
return regeneratorRuntime.wrap(function _callee2$(_context2) {
while (1) {
switch (_context2.prev = _context2.next) {
case 0:
return _context2.abrupt('return', createDropdownLayoutDriver().isOptionSelected(index));
case 1:
case 'end':
return _context2.stop();
}
}
}, _callee2, _this);
}));
return function isOptionSelected(_x2) {
return _ref2.apply(this, arguments);
};
}(),
/** Trigger a keyDown event on the target element */
keyDown: function () {
var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(key) {
return regeneratorRuntime.wrap(function _callee3$(_context3) {
while (1) {
switch (_context3.prev = _context3.next) {
case 0:
if (!(base.type === 'react')) {
_context3.next = 7;
break;
}
_context3.t0 = Simulate;
_context3.next = 4;
return _getTargetElement().getNative();
case 4:
_context3.t1 = _context3.sent;
_context3.t2 = { key: key };
_context3.t0.keyDown.call(_context3.t0, _context3.t1, _context3.t2);
case 7:
case 'end':
return _context3.stop();
}
}
}, _callee3, _this);
}));
return function keyDown(_x3) {
return _ref3.apply(this, arguments);
};
}(),
/** Perform a mouseEnter on the target element */
mouseEnterTarget: function () {
var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
return regeneratorRuntime.wrap(function _callee4$(_context4) {
while (1) {
switch (_context4.prev = _context4.next) {
case 0:
if (!(base.type === 'react')) {
_context4.next = 6;
break;
}
_context4.t0 = Simulate;
_context4.next = 4;
return _getTargetElement().getNative();
case 4:
_context4.t1 = _context4.sent.childNodes[0];
_context4.t0.mouseEnter.call(_context4.t0, _context4.t1);
case 6:
case 'end':
return _context4.stop();
}
}
}, _callee4, _this);
}));
return function mouseEnterTarget() {
return _ref4.apply(this, arguments);
};
}(),
/** Perform a mouseEnter on the target element */
mouseLeaveTarget: function () {
var _ref5 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
return regeneratorRuntime.wrap(function _callee5$(_context5) {
while (1) {
switch (_context5.prev = _context5.next) {
case 0:
if (!(base.type === 'react')) {
_context5.next = 6;
break;
}
_context5.t0 = Simulate;
_context5.next = 4;
return _getTargetElement().getNative();
case 4:
_context5.t1 = _context5.sent.childNodes[0];
_context5.t0.mouseLeave.call(_context5.t0, _context5.t1);
case 6:
case 'end':
return _context5.stop();
}
}
}, _callee5, _this);
}));
return function mouseLeaveTarget() {
return _ref5.apply(this, arguments);
};
}()
});
};