@hi-ui/hiui 2.15.10 → 2.15.11

package/es/popover/__tests__/index.test.js

@@ -1,152 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _sinon = _interopRequireDefault(require("sinon"));
-
-var _ = _interopRequireDefault(require("../"));
-
-var _button = _interopRequireDefault(require("../../button"));
-
-var title = /*#__PURE__*/_react["default"].createElement("span", null, "Popover Title");
-
-var content = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", null, "Vivamus sagittis lacus vel augue laoreet rutrum faucibus."));
-
-var topClickTarget = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
-  title: title,
-  content: content,
-  style: {
-    margin: '10px 10px'
-  },
-  placement: "top",
-  trigger: "click"
-}, /*#__PURE__*/_react["default"].createElement(_button["default"], {
-  type: "line"
-}, "Top & click\u89E6\u53D1"))));
-var hoverClickTarget = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-  title: title,
-  content: content,
-  style: {
-    margin: '10px 10px'
-  },
-  placement: "top",
-  trigger: "hover"
-}, /*#__PURE__*/_react["default"].createElement(_button["default"], {
-  type: "success"
-}, "Right & hover\u89E6\u53D1")));
-var focusRightTarget = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
-  title: "popover title",
-  content: "popover content",
-  style: {
-    margin: '10px 10px'
-  },
-  placement: "right",
-  trigger: "focus"
-}, /*#__PURE__*/_react["default"].createElement(_button["default"], {
-  type: "success"
-}, "Right & focus\u89E6\u53D1"))));
-var leftTarget = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-  title: "popover title",
-  content: "popover content",
-  placement: "left",
-  trigger: "click"
-}, /*#__PURE__*/_react["default"].createElement(_button["default"], {
-  type: "line"
-}, "left")));
-var bottomTarget = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-  title: "popover title",
-  content: "popover content",
-  placement: "bottom",
-  trigger: "click"
-}, /*#__PURE__*/_react["default"].createElement(_button["default"], {
-  type: "line"
-}, "bottom")));
-describe('Tooltip', function () {
-  var clock;
-  beforeEach(function () {
-    clock = _sinon["default"].useFakeTimers();
-  });
-  afterEach(function () {
-    clock.restore();
-  });
-  it('trigger', function () {
-    expect(document.querySelectorAll('.hi-popover__popper')).toHaveLength(0);
-    topClickTarget.find('button').getDOMNode().click();
-    expect(document.querySelectorAll('.hi-popover__popper')).toHaveLength(1);
-    trigger(document.querySelectorAll('.hi-popover__popper')[0], 'mouseenter');
-    trigger(document.querySelectorAll('.hi-popover__popper')[0], 'mouseout');
-    trigger(document.querySelectorAll('.hi-popover__popper')[0], 'mouseover');
-    document.body.click();
-    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(1);
-    focusRightTarget.find('button').getDOMNode().focus();
-    expect(document.querySelectorAll('.hi-popover__popper')).toHaveLength(2);
-    focusRightTarget.find('button').getDOMNode().blur();
-    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(2);
-    expect(hoverClickTarget.find('button')).toHaveLength(1);
-
-    function trigger(elem, event) {
-      var myEvent = document.createEvent('Event'); // 初始化这个事件对象，为它提高需要的“特性”
-
-      myEvent.initEvent(event, true, true); //执行事件
-
-      elem.dispatchEvent(myEvent);
-    }
-
-    trigger(hoverClickTarget.find('button').getDOMNode(), 'mouseenter');
-    clock.tick(200);
-    expect(document.querySelectorAll('.hi-popover__popper')).toHaveLength(3);
-    trigger(hoverClickTarget.find('button').getDOMNode(), 'mouseleave');
-    clock.tick(200);
-    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(3);
-    trigger(hoverClickTarget.find('button').getDOMNode(), 'mouseenter');
-    trigger(document.querySelectorAll('.hi-popover__popper')[1], 'mouseover');
-    clock.tick(200);
-    expect(document.querySelectorAll('.hi-popover__popper')).toHaveLength(3);
-    trigger(document.querySelectorAll('.hi-popover__popper')[1], 'mouseout');
-    expect(document.querySelectorAll('.hi-popover__popper')).toHaveLength(3);
-  });
-  it('placement', function () {
-    topClickTarget.find('button').getDOMNode().click();
-    leftTarget.find('button').getDOMNode().click();
-    bottomTarget.find('button').getDOMNode().click();
-    expect(document.querySelectorAll('.hi-popper__content--top')).toHaveLength(2);
-    expect(document.querySelectorAll('.hi-popper__content--right')).toHaveLength(1);
-    expect(document.querySelectorAll('.hi-popper__content--left')).toHaveLength(1);
-    expect(document.querySelectorAll('.hi-popper__content--bottom')).toHaveLength(1);
-    topClickTarget.unmount();
-    hoverClickTarget.unmount();
-    focusRightTarget.unmount();
-    leftTarget.unmount();
-    bottomTarget.unmount();
-  });
-  it('showPopper', function () {
-    // const componentDidMountSpy = spy(Popover.prototype, 'componentDidMount')
-    var title = /*#__PURE__*/_react["default"].createElement("span", null, "Popover Title");
-
-    var content = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", null, "Vivamus sagittis lacus vel augue laoreet rutrum faucibus."));
-
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-      title: title,
-      content: content,
-      style: {
-        margin: '10px 10px'
-      },
-      placement: "top",
-      trigger: "click"
-    }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
-      type: "success"
-    }, "Right & hover\u89E6\u53D1")));
-    wrapper.find('button').getDOMNode().click();
-    expect(document.querySelectorAll('.hi-popover__popper')).toHaveLength(1);
-    wrapper.setState({
-      showPopper: true
-    });
-    wrapper.find('button').getDOMNode().click();
-    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(1);
-    wrapper.unmount();
-  });
-});