qt-public-ui/es/TextOverflow/__tests__/index.test.js

新设计规范下业务组件库

import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
import _regeneratorRuntime from "@babel/runtime/regenerator";
import React from 'react';
import { mount } from 'enzyme';
import { act } from 'react-dom/test-utils';
import TextOverflow from '../index';
describe("TextOverflow", function () {
  var spy = jest.spyOn(Math, 'random').mockImplementation(function () {
    return 0.9;
  });
  function showPopover(wrapper) {
    act(function () {
      wrapper.find('span').simulate('mouseenter');
      jest.runAllTimers();
    });
    wrapper.update();
  }
  beforeEach(function () {
    jest.useFakeTimers();
  });
  afterEach(function () {
    jest.useRealTimers();
  });
  afterAll(function () {
    spy.mockRestore();
  });
  it('Text overflow ellipsis', function () {
    var wrapper = mount( /*#__PURE__*/React.createElement(TextOverflow, {
      text: "\u672C\u6B21\u6CE8\u518C\u4E8B\u4EF6\u4E0E\u4E4B\u524D\u6CE8\u518C\u4E8B\u4EF6\u91CD\u590D\u547D\u540D\u6216",
      length: 20
    }));
    expect(wrapper.render()).toMatchSnapshot();
    wrapper.setProps({
      text: "本次注册事件与之前注册事件重复命名或者重复事件ID，请先修改事件名称或ID名称后再注册埋点事件"
    });
    expect(wrapper.render()).toMatchSnapshot();
  });
  it('Hover show overflow text', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
    var wrapper;
    return _regeneratorRuntime.wrap(function _callee$(_context) {
      while (1) switch (_context.prev = _context.next) {
        case 0:
          wrapper = mount( /*#__PURE__*/React.createElement(TextOverflow, {
            text: "\u672C\u6B21\u6CE8\u518C\u4E8B\u4EF6\u4E0E\u4E4B\u524D\u6CE8\u518C\u4E8B\u4EF6\u91CD\u590D\u547D\u540D\u6216\u8005\u91CD\u590D\u4E8B\u4EF6ID\uFF0C\u8BF7\u5148\u4FEE\u6539\u4E8B\u4EF6\u540D\u79F0\u6216ID\u540D\u79F0\u540E\u518D\u6CE8\u518C\u57CB\u70B9\u4E8B\u4EF6",
            length: 20
          }));
          showPopover(wrapper);
          expect(wrapper.find('.ant-tooltip-inner').text()).toBe('本次注册事件与之前注册事件重复命名或者重复事件ID，请先修改事件名称或ID名称后再注册埋点事件');
        case 3:
        case "end":
          return _context.stop();
      }
    }, _callee);
  })));
});