qt-public-ui/lib/HorizontalScroll/__tests__/index.test.js

新设计规范下业务组件库

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _react = _interopRequireWildcard(require("react"));
var _enzyme = require("enzyme");
var _ = _interopRequireDefault(require("../"));
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
var word = ['Home Loan Account', 'Plastic', 'Buckinghamshire', 'yellow', 'Vermont', 'Viaduct', 'Ethiopian Birr', 'indigo', 'Cambridgeshire', 'facilitate', 'parallelism', 'Legacy', 'compress', 'Steel', 'leading-edge', 'Identity', 'migration', 'Practical', 'Integration', 'white', 'Well', 'Markets', 'port', 'Saudi Arabia', 'Wooden', 'Money Market Account', 'virtual', 'Hollow'];
var style = {
  border: '1px solid #ddd',
  height: 100,
  width: 100,
  lineHeight: '100px',
  textAlign: 'center',
  textOverflow: 'ellipsis',
  overflow: 'hidden'
};
var Demo = function Demo() {
  var ref = (0, _react.useRef)();
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
    visible = _useState2[0],
    setVisible = _useState2[1];
  (0, _react.useEffect)(function () {
    console.log(11111, getComputedStyle(ref.current));
    if (parseInt(getComputedStyle(ref.current).width) > 100) {
      setVisible(true);
    }
    // if(ref.current.width > 100){
    //   setVisible(true);
    // }
  }, [ref.current]);
  return /*#__PURE__*/_react["default"].createElement("div", {
    id: "cxw",
    style: {
      width: 500
    },
    ref: ref
  }, visible && 123123123123123);
};
describe('DynamicList', function () {
  it('next', function () {
    // const container = <div style={{width: 500}}></div>

    // const container = global.document.createElement('div');
    // container.style.width = '500px'

    var wrapper = (0, _enzyme.mount)(
    /*#__PURE__*/
    // <Demo />
    _react["default"].createElement("div", {
      style: {
        width: 500
      }
    }, /*#__PURE__*/_react["default"].createElement(_["default"], null, word.map(function (w, index) {
      return /*#__PURE__*/_react["default"].createElement("div", {
        key: index,
        style: style
      }, w);
    })))

    // { attachTo: container }
    );

    // console.log(wrapper.find('.umui-scroll-arrow.umui-scroll-arrow-prev').exists(), wrapper.find('.umui-scroll-arrow.umui-scroll-arrow-next').exists())

    expect(wrapper.render()).toMatchSnapshot();

    // expect(wrapper.find('.umui-scroll-arrow.umui-scroll-arrow-prev').exists()).toEqual(false);
    // expect(wrapper.find('.umui-scroll-arrow.umui-scroll-arrow-next').exists()).toEqual(true);
  });
});