wix-style-react/dist/src/ColorPicker/ColorPicker.driver.private.js

wix-style-react

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

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; };

var _testUtils = require('react-dom/test-utils');

var _testUtils2 = _interopRequireDefault(_testUtils);

var _ColorPicker = require('./ColorPicker.driver');

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

exports.default = function (_ref) {
  var element = _ref.element;

  var hexInput = element && element.querySelector('[data-hook="color-picker-hex-input"] input');

  return _extends({}, (0, _ColorPicker.colorPickerDriverFactory)({ element: element }), {
    selectBlackColor: function selectBlackColor() {
      // as with jsdom size of pallette 0 px, then click to 1,1 will make color black
      _testUtils2.default.Simulate.mouseDown(element.querySelector('[data-hook="color-picker-hsb"]'), {
        clientX: 1,
        clientY: 1
      });
    },
    typeValueOnHexInput: function typeValueOnHexInput(value) {
      return _testUtils2.default.Simulate.change(hexInput, { target: { value: value } });
    },
    keyDownOnHexInput: function keyDownOnHexInput(key) {
      return _testUtils2.default.Simulate.keyDown(hexInput, { key: key });
    }
  });
};