@hi-ui/hiui 2.15.11 → 2.15.12

package/es/select/__test__/index.test.js

@@ -1,429 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _ = _interopRequireDefault(require("../"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var wrapper;
-var changeCallback = jest.fn(function (items) {
-  return items;
-});
-var successCallback = jest.fn(function (res) {
-  return res.data;
-});
-var errorCallback = jest.fn(function (err) {
-  return err;
-});
-jest.mock('lodash/debounce', function () {
-  return jest.fn(function (fn) {
-    return fn;
-  });
-});
-var options = [{
-  name: '手机',
-  id: '2'
-}, {
-  name: '电视',
-  id: '3'
-}, {
-  name: '笔记本',
-  id: '4',
-  disabled: true
-}, {
-  name: '生活周边',
-  id: '5'
-}, {
-  name: '办公',
-  id: '6'
-}];
-var multiOptions = [{
-  name: '手机',
-  id: '2'
-}, {
-  name: '小米2',
-  id: '2-1'
-}, {
-  name: '小米3',
-  id: '2-2'
-}, {
-  name: '小米4',
-  id: '2-3'
-}, {
-  name: '小米5',
-  id: '2-4'
-}, {
-  name: '电脑',
-  id: '3'
-}, {
-  name: '笔记本',
-  id: '4'
-}, {
-  name: '生活周边',
-  id: '5'
-}, {
-  name: '其它',
-  id: '6'
-}];
-describe('Select', function () {
-  beforeEach(function () {
-    jest.useFakeTimers();
-    jest.setTimeout(10000);
-  });
-  afterEach(function () {
-    wrapper && wrapper.unmount();
-    changeCallback.mockClear();
-    jest.useRealTimers();
-  });
-  it('禁止状态', function () {
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-      mode: "single",
-      list: options,
-      placeholder: "\u8BF7\u9009\u62E9\u54C1\u7C7B",
-      style: {
-        width: '200px'
-      },
-      onChange: function onChange(item) {},
-      disabled: true
-    }));
-    wrapper.find('SelectInput').simulate('click');
-    expect(document.querySelectorAll('.hi-select__popper')).toHaveLength(0);
-  });
-  it('单选', function () {
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-      mode: "single",
-      clearable: false,
-      style: {
-        width: '200px'
-      },
-      list: options,
-      value: "3",
-      onChange: changeCallback
-    }));
-    wrapper.find('SelectInput').simulate('click'); // 展开
-
-    expect(document.querySelectorAll('.hi-select__popper')).toHaveLength(1);
-    expect(wrapper.find('Select').state('selectedItems')[0].id).toEqual('3');
-    document.querySelectorAll('.hi-select__dropdown--item')[2].click(); // 测试disabled
-
-    expect(wrapper.find('Select').state('selectedItems')[0].id).toEqual('3');
-    expect(changeCallback.mock.results.length).toBe(0);
-    document.querySelectorAll('.hi-select__dropdown--item')[0].click(); // 测试点击选项
-
-    expect(wrapper.find('Select').state('selectedItems')[0].id).toEqual('2');
-    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(1); // 选项面板是否隐藏
-
-    expect(changeCallback.mock.results[0].value[0].id).toEqual('2'); // onChange
-  });
-  it('自定义模板', function () {
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-      placeholder: "\u8BF7\u9009\u62E9\u79CD\u7C7B",
-      style: {
-        width: '200px'
-      },
-      value: '3',
-      list: options,
-      searchable: true,
-      onChange: changeCallback,
-      dropdownRender: function dropdownRender(item, isSelected) {
-        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
-          className: "option-left",
-          style: {
-            "float": 'left'
-          }
-        }, item.name), /*#__PURE__*/_react["default"].createElement("span", {
-          className: "option-right",
-          style: {
-            "float": 'right',
-            color: '#999',
-            fontSize: 14
-          }
-        }, item.id));
-      }
-    }));
-    wrapper.find('SelectInput').simulate('click'); // 展开
-
-    expect(document.querySelectorAll('.option-left')).toHaveLength(5); // 测试自定义模板
-
-    expect(document.querySelectorAll('.option-right')).toHaveLength(5);
-    wrapper.find('input').simulate('change', {
-      target: {
-        value: '1'
-      }
-    }); // 测试搜索
-
-    expect(document.querySelectorAll('.option-right')).toHaveLength(0); // 无搜索结果
-
-    wrapper.find('input').simulate('change', {
-      target: {
-        value: '2'
-      }
-    });
-    expect(document.querySelectorAll('.option-right')).toHaveLength(1);
-    document.querySelectorAll('.hi-select__dropdown--item')[0].click();
-    expect(wrapper.find('Select').state('selectedItems')[0].id).toEqual('2');
-    expect(changeCallback.mock.results[0].value[0].id).toEqual('2');
-  });
-  it('异步单选', function (done) {
-    var _document = document;
-    var mockSuccessResponse = {
-      'success': true,
-      'code': 200,
-      'data': [{
-        'name': '1-0',
-        'id': '0'
-      }, {
-        'name': '1-1',
-        'id': '1'
-      }, {
-        'name': '1-2',
-        'id': '2'
-      }, {
-        'name': '1-3',
-        'id': '3'
-      }]
-    };
-    var mockJsonPromise = Promise.resolve(mockSuccessResponse); // 2
-
-    var mockFetchPromise = Promise.resolve({
-      // 3
-      json: function json() {
-        return mockJsonPromise;
-      }
-    });
-    jest.spyOn(global, 'fetch').mockImplementation(function () {
-      return mockFetchPromise;
-    });
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-      mode: "single",
-      origin: {
-        type: 'GET',
-        headers: {
-          token: 'tokenXXXXXXX'
-        },
-        mode: 'cors',
-        credentials: 'same-origin',
-        url: 'https://easy-mock.com/mock/5c1b42e3fe5907404e6540e9/hiui/select/options',
-        func: successCallback
-      },
-      placeholder: "\u8BF7\u9009\u62E9\u79CD\u7C7B",
-      style: {
-        width: '200px'
-      },
-      onChange: changeCallback
-    }));
-    wrapper.find('SelectInput').simulate('click'); // 展开
-
-    wrapper.find('input').simulate('change', {
-      target: {
-        value: '1'
-      }
-    }); // 测试搜索
-
-    expect(global.fetch).toHaveBeenCalledTimes(1);
-    expect(global.fetch).toHaveBeenCalledWith('https://easy-mock.com/mock/5c1b42e3fe5907404e6540e9/hiui/select/options?keyword=1', {
-      'credentials': 'same-origin',
-      'headers': {
-        'token': 'tokenXXXXXXX'
-      },
-      'method': 'GET',
-      'mode': 'cors'
-    });
-    process.nextTick(function () {
-      expect(_document.querySelectorAll('.hi-select__dropdown--item')).toHaveLength(4);
-
-      _document.querySelectorAll('.hi-select__dropdown--item')[0].click();
-
-      expect(wrapper.find('Select').state('selectedItems')[0].id).toEqual('0');
-      expect(changeCallback.mock.results[0].value[0].id).toEqual('0');
-      global.fetch.mockClear();
-      done();
-    });
-  });
-  it('多选', function () {
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-      mode: "multiple",
-      style: {
-        width: '300px'
-      },
-      optionWidth: 400,
-      multipleMode: "nowrap",
-      list: multiOptions,
-      value: ['4', '5', '2', '3'],
-      searchable: true,
-      showCheckAll: true,
-      placeholder: "\u8BF7\u9009\u62E9...",
-      noFoundTip: "\u65E0\u5339\u914D\u6570\u636E",
-      onChange: changeCallback
-    })); // expect(wrapper.find('.hi-select__input-items--left-count').text()).toEqual('1')
-
-    expect(wrapper.find('.hi-select__input--item')).toHaveLength(4);
-    wrapper.find('.hi-select__input--item__remove').at(0).simulate('click'); // 删除第一个
-
-    expect(wrapper.find('.hi-select__input--item')).toHaveLength(3);
-    expect(changeCallback.mock.results[0].value).toHaveLength(3);
-    wrapper.find('SelectInput').simulate('click'); // 展开
-
-    document.querySelectorAll('.hi-select__dropdown--item')[1].click(); // 选择第二项
-
-    expect(changeCallback.mock.results[1].value).toHaveLength(4);
-    wrapper.find('SelectInput').simulate('click'); // 展开
-
-    document.querySelectorAll('.hi-select__dropdown--item')[1].click(); // 取消选择第二项
-
-    expect(changeCallback.mock.results[2].value).toHaveLength(3);
-    wrapper.find('input').simulate('change', {
-      target: {
-        value: '0'
-      }
-    }); // 测试搜索
-
-    expect(document.querySelectorAll('.hi-select__dropdown-item--empty')).toHaveLength(1); // 无搜索结果
-
-    wrapper.find('input').simulate('change', {
-      target: {
-        value: '1'
-      }
-    });
-    expect(document.querySelectorAll('.hi-select__dropdown--item')).toHaveLength(1);
-    document.querySelectorAll('.hi-select__dropdown--item')[0].click();
-    expect(changeCallback.mock.results[3].value).toHaveLength(4);
-  });
-  it('异步多选首次加载数据', function (done) {
-    var _document = document;
-    var mockSuccessResponse = {
-      'success': true,
-      'code': 200,
-      'data': [{
-        'name': '1-0',
-        'id': '0'
-      }, {
-        'name': '1-1',
-        'id': '1'
-      }, {
-        'name': '1-2',
-        'id': '2'
-      }, {
-        'name': '1-3',
-        'id': '3'
-      }]
-    };
-    var mockJsonPromise = Promise.resolve(mockSuccessResponse); // 2
-
-    var mockFetchPromise = Promise.resolve({
-      // 3
-      json: function json() {
-        return mockJsonPromise;
-      }
-    });
-    jest.spyOn(global, 'fetch').mockImplementation(function () {
-      return mockFetchPromise;
-    });
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-      mode: "multiple",
-      autoload: true,
-      style: {
-        width: '300px'
-      },
-      multipleMode: "nowrap",
-      value: "1",
-      origin: {
-        type: 'get',
-        key: 'text',
-        keyword: 'xiaomi',
-        url: 'https://easy-mock.com/mock/5c1b42e3fe5907404e6540e9/hiui/select/options',
-        func: successCallback
-      },
-      onChange: changeCallback
-    }));
-    expect(global.fetch).toHaveBeenCalledTimes(1);
-    expect(global.fetch).toHaveBeenCalledWith('https://easy-mock.com/mock/5c1b42e3fe5907404e6540e9/hiui/select/options?text=xiaomi', {
-      'keyword': 'xiaomi',
-      'method': 'get'
-    });
-    process.nextTick(function () {
-      // 首次加载数据
-      wrapper.find('SelectInput').simulate('click'); // 展开
-
-      expect(_document.querySelectorAll('.hi-select__dropdown--item')).toHaveLength(4);
-      expect(wrapper.find('Select').state('selectedItems')[0].id).toEqual('1'); // 默认选择项
-
-      global.fetch.mockClear();
-      done();
-    });
-  });
-  it('异步多选', function (done) {
-    var _document = document;
-    var mockSuccessResponse = {
-      'success': true,
-      'code': 200,
-      'data': [{
-        'name': '1-0',
-        'id': '0'
-      }, {
-        'name': '1-1',
-        'id': '1'
-      }, {
-        'name': '1-2',
-        'id': '2'
-      }, {
-        'name': '1-3',
-        'id': '3'
-      }]
-    };
-    var mockJsonPromise = Promise.resolve(mockSuccessResponse); // 2
-
-    var mockFetchPromise = Promise.resolve({
-      // 3
-      json: function json() {
-        return mockJsonPromise;
-      }
-    });
-    jest.spyOn(global, 'fetch').mockImplementation(function () {
-      return mockFetchPromise;
-    });
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-      mode: "multiple",
-      autoload: false,
-      style: {
-        width: '300px'
-      },
-      multipleMode: "nowrap",
-      origin: {
-        type: 'get',
-        key: 'text',
-        url: 'https://easy-mock.com/mock/5c1b42e3fe5907404e6540e9/hiui/select/options',
-        func: successCallback
-      },
-      onChange: changeCallback
-    }));
-    wrapper.find('SelectInput').simulate('click'); // 展开
-
-    wrapper.find('input').simulate('change', {
-      target: {
-        value: '1'
-      }
-    }); // 测试搜索
-
-    expect(global.fetch).toHaveBeenCalledTimes(1);
-    expect(global.fetch).toHaveBeenCalledWith('https://easy-mock.com/mock/5c1b42e3fe5907404e6540e9/hiui/select/options?text=1', {
-      'method': 'get'
-    });
-    process.nextTick(function () {
-      wrapper.find('SelectInput').simulate('click'); // 展开
-
-      expect(_document.querySelectorAll('.hi-select__dropdown--item')).toHaveLength(4);
-
-      _document.querySelectorAll('.hi-select__dropdown--item')[0].click(); // 选择第一项
-
-
-      expect(wrapper.find('Select').state('selectedItems')[0].id).toEqual('0');
-      expect(changeCallback.mock.results[0].value[0].id).toEqual('0');
-      global.fetch.mockClear();
-      done();
-    });
-  });
-});

package/es/switch/__test__/index.test.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
-
-var _ = _interopRequireDefault(require(".."));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-describe('Switch', function () {
-  beforeAll(function () {
-    jest.useFakeTimers();
-  });
-  afterAll(function () {
-    jest.useRealTimers();
-  });
-  it('basic use', function () {
-    var wrapper = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], null), /*#__PURE__*/_react["default"].createElement(_["default"], {
-      content: ['ON', 'OFF']
-    }), /*#__PURE__*/_react["default"].createElement(_["default"], {
-      checked: true,
-      disabled: true,
-      content: ['开', '关']
-    })));
-
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('onchange', function () {
-    var onChange = jest.fn();
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-      onChange: onChange
-    }));
-    wrapper.find('.hi-switch').simulate('click');
-    expect(onChange).toBeCalled();
-  });
-});

package/es/table/__test__/index.test.js

@@ -1,73 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _index = _interopRequireDefault(require("../index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var wrapper;
-var changeCallback = jest.fn(function (items) {
-  return items;
-});
-var successCallback = jest.fn(function (res) {
-  return res.data;
-});
-var errorCallback = jest.fn(function (err) {
-  return err;
-});
-jest.mock('lodash/debounce', function () {
-  return jest.fn(function (fn) {
-    return fn;
-  });
-});
-var columns = [{
-  key: 'name',
-  dataIndex: 'name',
-  title: '姓名'
-}, {
-  key: 'age',
-  dataIndex: 'age',
-  title: '年龄'
-}, {
-  key: 'sex',
-  dataIndex: 'sex',
-  title: '性别'
-}];
-var data = [];
-
-for (var i = 0; i < 10; i++) {
-  data.push({
-    name: "siri".concat(i),
-    age: i,
-    sex: i % 2 === 0 ? 'boy' : 'girl'
-  });
-}
-
-describe('Table', function () {
-  var random = Math.floor(Math.random());
-  it('base', function () {
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-      columns: columns,
-      data: data
-    }));
-    expect(wrapper.find('table tbody tr').at(random).find('td').at(0).text()).toEqual(data[random].name);
-  });
-  it('sort', function () {
-    var sorterColumns = [].concat(columns);
-
-    sorterColumns[1].sorter = function () {
-      return pre.age - next.age;
-    };
-
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-      columns: sorterColumns,
-      data: data
-    }));
-    expect(wrapper.find('table tbody tr').at(random).find('td').at(0).text()).toEqual(data[random].name);
-    wrapper.find('table thead tr th').at(1).find('div span').at(1).simulate('click');
-    expect(wrapper.find('table tbody tr').at(random).find('td').at(0).text()).toEqual(data[9 - random].name);
-  });
-});