@king-design/react 2.0.0-beta.0

package/components/select/index.spec.js

@@ -0,0 +1,680 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import BasicDemo from '~/components/select/demos/basic';
+import DisabledDemo from '~/components/select/demos/disabled';
+import ClearableDemo from '~/components/select/demos/clearable';
+import FilterDemo from '~/components/select/demos/filterable';
+import GroupDemo from '~/components/select/demos/group';
+import CreatableDemo from '~/components/select/demos/creatable';
+import { mount, unmount, dispatchEvent, getElement, wait } from '../../test/utils';
+import { Tooltip } from '../tooltip';
+import { Component } from 'intact-react';
+import { Select, Option } from '../select';
+import SearchableDemo from '~/components/select/demos/searchable';
+describe('Select', function () {
+  afterEach(function (done) {
+    unmount();
+    setTimeout(done, 400);
+  });
+  it('should select value correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _mount, instance, element, trigger, dropdown, item, _dropdown;
+
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
+            trigger = element.querySelector('.k-select');
+            trigger.click();
+            _context.next = 5;
+            return wait();
+
+          case 5:
+            expect(element.outerHTML).to.matchSnapshot();
+            dropdown = getElement('.k-select-menu');
+            expect(dropdown.innerHTML).to.matchSnapshot();
+            item = dropdown.querySelector('.k-dropdown-item');
+            item.click();
+            _context.next = 12;
+            return wait();
+
+          case 12:
+            expect(element.outerHTML).to.matchSnapshot();
+            trigger.click();
+            _context.next = 16;
+            return wait();
+
+          case 16:
+            _dropdown = getElement('.k-select-menu');
+            expect(_dropdown.innerHTML).to.matchSnapshot();
+
+          case 18:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+  it('disabled', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var _mount2, instance, element, _element$querySelecto, trigger, dropdown, close;
+
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _mount2 = mount(DisabledDemo), instance = _mount2[0], element = _mount2[1];
+            _element$querySelecto = element.querySelectorAll('.k-select'), trigger = _element$querySelecto[1];
+            trigger.click();
+            _context2.next = 5;
+            return wait();
+
+          case 5:
+            dropdown = getElement('.k-select-menu');
+            expect(dropdown.innerHTML).to.matchSnapshot();
+            close = element.querySelector('.k-select-close');
+            close.click();
+            _context2.next = 11;
+            return wait();
+
+          case 11:
+            expect(instance.get('days').length).to.eql(2);
+
+          case 12:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  })));
+  it('clearable', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var _mount3, instance, element, _element$querySelecto2, clear1, clear2, Demo, _mount4, element1, clear;
+
+    return _regeneratorRuntime.wrap(function _callee3$(_context4) {
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            _mount3 = mount(ClearableDemo), instance = _mount3[0], element = _mount3[1];
+            instance.set({
+              day: 'Monday',
+              days: ['Monday', 'TuesdayT']
+            });
+            _context4.next = 4;
+            return wait();
+
+          case 4:
+            expect(element.outerHTML).to.matchSnapshot();
+            _element$querySelecto2 = element.querySelectorAll('.k-select-clear'), clear1 = _element$querySelecto2[0], clear2 = _element$querySelecto2[1];
+            clear1.click();
+            clear2.click();
+            _context4.next = 10;
+            return wait();
+
+          case 10:
+            expect(instance.get('day')).to.eql(null);
+            expect(instance.get('days')).to.eql([]);
+            unmount(); // clearable shouldn't support when disabled is true
+
+            Demo = /*#__PURE__*/function (_Component) {
+              _inheritsLoose(Demo, _Component);
+
+              function Demo() {
+                var _context3;
+
+                var _this;
+
+                for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                  args[_key] = arguments[_key];
+                }
+
+                _this = _Component.call.apply(_Component, _concatInstanceProperty(_context3 = [this]).call(_context3, args)) || this;
+                _this.Select = Select;
+                _this.Option = Option;
+                return _this;
+              }
+
+              Demo.defaults = function defaults() {
+                return {
+                  days: ['Monday', 'Tuesday']
+                };
+              };
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "\n                const {Select, Option} = this;\n                <Select v-model=\"days\" multiple disabled clearable>\n                    <Option value=\"Monday\">\u661F\u671F</Option>\n                    <Option value=\"Tuesday\">\u661F\u671F\u4E8C</Option>\n                    <Option value=\"Wednesday\">\u661F\u671F\u4E09</Option>\n                    <Option value=\"Thursday\">\u661F\u671F\u56DB</Option>\n                    <Option value=\"Friday\">\u661F\u671F\u4E94</Option>\n                    <Option value=\"Saturday\">\u661F\u671F\u516D</Option>\n                    <Option value=\"Sunday\">\u661F\u671F\u5929</Option>\n                </Select>\n            ";
+            _mount4 = mount(Demo), element1 = _mount4[1];
+            clear = element1.querySelector('.k-select-clear');
+            expect(clear).to.be.null;
+
+          case 18:
+          case "end":
+            return _context4.stop();
+        }
+      }
+    }, _callee3);
+  })));
+  it('multiple', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+    var _mount5, instance, element, _element$querySelecto3, trigger, dropdown, _dropdown$querySelect, item1, item2, deleteBtn;
+
+    return _regeneratorRuntime.wrap(function _callee4$(_context5) {
+      while (1) {
+        switch (_context5.prev = _context5.next) {
+          case 0:
+            _mount5 = mount(ClearableDemo), instance = _mount5[0], element = _mount5[1];
+            _element$querySelecto3 = element.querySelectorAll('.k-select'), trigger = _element$querySelecto3[1];
+            trigger.click();
+            _context5.next = 5;
+            return wait();
+
+          case 5:
+            dropdown = getElement('.k-select-menu');
+            _dropdown$querySelect = dropdown.querySelectorAll('.k-dropdown-item'), item1 = _dropdown$querySelect[0], item2 = _dropdown$querySelect[1];
+            item1.click();
+            item2.click();
+            _context5.next = 11;
+            return wait();
+
+          case 11:
+            expect(dropdown.innerHTML).to.matchSnapshot();
+            expect(instance.get('days')).to.eql(['Monday', 'Tuesday']); // delete
+
+            deleteBtn = element.querySelector('.k-select-close');
+            deleteBtn.click();
+            _context5.next = 17;
+            return wait();
+
+          case 17:
+            expect(instance.get('days')).to.eql(['Tuesday']);
+            expect(dropdown.innerHTML).to.matchSnapshot();
+
+          case 19:
+          case "end":
+            return _context5.stop();
+        }
+      }
+    }, _callee4);
+  })));
+  it('filterable', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+    var _mount6, instance, element, _element$querySelecto4, input1, input2, input3, dropdown1, dropdown2;
+
+    return _regeneratorRuntime.wrap(function _callee5$(_context6) {
+      while (1) {
+        switch (_context6.prev = _context6.next) {
+          case 0:
+            _mount6 = mount(FilterDemo), instance = _mount6[0], element = _mount6[1];
+            _element$querySelecto4 = element.querySelectorAll('.k-input-inner'), input1 = _element$querySelecto4[0], input2 = _element$querySelecto4[1], input3 = _element$querySelecto4[2];
+            input1.click();
+            _context6.next = 5;
+            return wait();
+
+          case 5:
+            input1.value = 'm';
+            dispatchEvent(input1, 'input');
+            _context6.next = 9;
+            return wait();
+
+          case 9:
+            dropdown1 = getElement('.k-select-menu');
+            expect(dropdown1.innerHTML).to.matchSnapshot();
+            dispatchEvent(document, 'keydown', {
+              keyCode: 13
+            });
+            _context6.next = 14;
+            return wait();
+
+          case 14:
+            expect(instance.get('day')).to.eql('Monday');
+            input2.click();
+            _context6.next = 18;
+            return wait();
+
+          case 18:
+            input2.value = '二';
+            dispatchEvent(input2, 'input');
+            _context6.next = 22;
+            return wait();
+
+          case 22:
+            dropdown2 = getElement('.k-select-menu');
+            expect(dropdown2.innerHTML).to.matchSnapshot();
+            dispatchEvent(document, 'keydown', {
+              keyCode: 13
+            });
+            _context6.next = 27;
+            return wait();
+
+          case 27:
+            input2.value = 'Wed';
+            dispatchEvent(input2, 'input');
+            _context6.next = 31;
+            return wait();
+
+          case 31:
+            dispatchEvent(document, 'keydown', {
+              keyCode: 13
+            });
+            _context6.next = 34;
+            return wait();
+
+          case 34:
+            expect(instance.get('days')).to.eql(['Tuesday', 'Wednesday']);
+            input3.click();
+            _context6.next = 38;
+            return wait();
+
+          case 38:
+            input3.value = 'm';
+            dispatchEvent(input3, 'input');
+            _context6.next = 42;
+            return wait();
+
+          case 42:
+            expect(getElement('.k-select-menu').innerText).to.eql('无数据');
+            input3.value = '三';
+            dispatchEvent(input3, 'input');
+            _context6.next = 47;
+            return wait();
+
+          case 47:
+            dispatchEvent(document, 'keydown', {
+              keyCode: 13
+            });
+            _context6.next = 50;
+            return wait();
+
+          case 50:
+            expect(instance.get('day1')).to.eql('Wednesday');
+
+          case 51:
+          case "end":
+            return _context6.stop();
+        }
+      }
+    }, _callee5);
+  })));
+  it('group', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+    var _mount7, instance, element, _element$querySelecto5, trigger1, trigger2, dropdown1, item, dropdown2;
+
+    return _regeneratorRuntime.wrap(function _callee6$(_context7) {
+      while (1) {
+        switch (_context7.prev = _context7.next) {
+          case 0:
+            _mount7 = mount(GroupDemo), instance = _mount7[0], element = _mount7[1];
+            _element$querySelecto5 = element.querySelectorAll('.k-select'), trigger1 = _element$querySelecto5[0], trigger2 = _element$querySelecto5[1];
+            trigger1.click();
+            _context7.next = 5;
+            return wait();
+
+          case 5:
+            dropdown1 = getElement('.k-select-menu');
+            expect(dropdown1.innerHTML).to.matchSnapshot();
+            item = dropdown1.querySelector('.k-select-option');
+            item.click();
+            expect(instance.get('day')).to.eql('Monday');
+            trigger2.click();
+            _context7.next = 13;
+            return wait();
+
+          case 13:
+            dropdown2 = getElement('.k-select-menu');
+            expect(dropdown2.innerHTML).to.matchSnapshot();
+
+          case 15:
+          case "end":
+            return _context7.stop();
+        }
+      }
+    }, _callee6);
+  })));
+  it('keyboard operations', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
+    var _mount8, instance, element, select, dropdown;
+
+    return _regeneratorRuntime.wrap(function _callee7$(_context8) {
+      while (1) {
+        switch (_context8.prev = _context8.next) {
+          case 0:
+            _mount8 = mount(BasicDemo), instance = _mount8[0], element = _mount8[1];
+            select = element.querySelector('.k-select');
+            dispatchEvent(select, 'keydown', {
+              keyCode: 13
+            });
+            _context8.next = 5;
+            return wait();
+
+          case 5:
+            dropdown = getElement('.k-select-menu');
+            expect(dropdown.innerHTML).to.matchSnapshot();
+            dispatchEvent(select, 'keydown', {
+              keyCode: 9
+            });
+            _context8.next = 10;
+            return wait(500);
+
+          case 10:
+            expect(dropdown.style.display).to.eql('none');
+
+          case 11:
+          case "end":
+            return _context8.stop();
+        }
+      }
+    }, _callee7);
+  })));
+  it('creatable', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
+    var _mount9, instance, element, input, dropdown;
+
+    return _regeneratorRuntime.wrap(function _callee8$(_context9) {
+      while (1) {
+        switch (_context9.prev = _context9.next) {
+          case 0:
+            _mount9 = mount(CreatableDemo), instance = _mount9[0], element = _mount9[1];
+            input = element.querySelector('.k-input-inner');
+            input.click();
+            _context9.next = 5;
+            return wait();
+
+          case 5:
+            input.value = 'xxx';
+            dispatchEvent(input, 'input');
+            _context9.next = 9;
+            return wait();
+
+          case 9:
+            dropdown = getElement('.k-select-menu');
+            expect(dropdown.innerHTML).to.matchSnapshot(); // select
+
+            dispatchEvent(document, 'keydown', {
+              keyCode: 13
+            });
+            _context9.next = 14;
+            return wait();
+
+          case 14:
+            expect(instance.get('day')).to.eql('xxx'); // open again
+
+            input.click();
+            _context9.next = 18;
+            return wait();
+
+          case 18:
+            expect(element.innerHTML).to.matchSnapshot();
+            expect(dropdown.innerHTML).to.matchSnapshot(); // input again
+
+            input.value = 'yyy';
+            dispatchEvent(input, 'input');
+            _context9.next = 24;
+            return wait();
+
+          case 24:
+            expect(element.innerHTML).to.matchSnapshot();
+            expect(dropdown.innerHTML).to.matchSnapshot(); // discard
+
+            dispatchEvent(document, 'click');
+            _context9.next = 29;
+            return wait();
+
+          case 29:
+            expect(element.innerHTML).to.matchSnapshot();
+            expect(instance.get('day')).to.eql('xxx');
+
+          case 31:
+          case "end":
+            return _context9.stop();
+        }
+      }
+    }, _callee8);
+  })));
+  it('Tooltip with Select', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
+    var Demo, _mount10, instance, element;
+
+    return _regeneratorRuntime.wrap(function _callee9$(_context11) {
+      while (1) {
+        switch (_context11.prev = _context11.next) {
+          case 0:
+            Demo = /*#__PURE__*/function (_Component2) {
+              _inheritsLoose(Demo, _Component2);
+
+              function Demo() {
+                var _context10;
+
+                var _this2;
+
+                for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                  args[_key2] = arguments[_key2];
+                }
+
+                _this2 = _Component2.call.apply(_Component2, _concatInstanceProperty(_context10 = [this]).call(_context10, args)) || this;
+                _this2.Tooltip = Tooltip;
+                _this2.Select = Select;
+                _this2.Option = Option;
+                return _this2;
+              }
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "\n                const {Tooltip, Select, Option} = this;\n                <Tooltip content=\"hello\">\n                    <Select><Option value=\"1\">option 1</Option></Select>\n                </Tooltip>\n            ";
+            _mount10 = mount(Demo), instance = _mount10[0], element = _mount10[1];
+            element.click();
+            _context11.next = 6;
+            return wait();
+
+          case 6:
+            expect(getElement('.k-select-menu')).to.be.exist;
+            expect(getElement('.k-tooltip-content')).to.be.exist;
+
+          case 8:
+          case "end":
+            return _context11.stop();
+        }
+      }
+    }, _callee9);
+  })));
+  it('Searchable with multiple', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
+    var _mount11, instance, element, _element$querySelecto6, select, dropdown, _dropdown$querySelect2, selectAll, toggleSelect, unselectAll, _dropdown$querySelect3, confirm, cancel, input;
+
+    return _regeneratorRuntime.wrap(function _callee10$(_context12) {
+      while (1) {
+        switch (_context12.prev = _context12.next) {
+          case 0:
+            _mount11 = mount(SearchableDemo), instance = _mount11[0], element = _mount11[1];
+            _element$querySelecto6 = element.querySelectorAll('.k-select'), select = _element$querySelecto6[1];
+            select.click();
+            _context12.next = 5;
+            return wait();
+
+          case 5:
+            dropdown = getElement('.k-select-menu');
+            _dropdown$querySelect2 = dropdown.querySelectorAll('.k-select-op .k-btn'), selectAll = _dropdown$querySelect2[0], toggleSelect = _dropdown$querySelect2[1], unselectAll = _dropdown$querySelect2[2];
+            _dropdown$querySelect3 = dropdown.querySelectorAll('.k-select-footer .k-btn'), confirm = _dropdown$querySelect3[0], cancel = _dropdown$querySelect3[1]; // select all
+
+            selectAll.click();
+            confirm.click();
+            expect(instance.get('days')).have.length(7); // unselect all
+
+            select.click();
+            _context12.next = 14;
+            return wait();
+
+          case 14:
+            unselectAll.click();
+            confirm.click();
+            expect(instance.get('days')).have.length(0); // toggle select
+
+            select.click();
+            _context12.next = 20;
+            return wait();
+
+          case 20:
+            instance.set('days', ['Monday', 'Tuesday']);
+            _context12.next = 23;
+            return wait();
+
+          case 23:
+            input = dropdown.querySelector('.k-input-inner');
+            input.value = 's';
+            dispatchEvent(input, 'input');
+            _context12.next = 28;
+            return wait();
+
+          case 28:
+            toggleSelect.click();
+            confirm.click();
+            expect(instance.get('days')).have.length(5);
+            expect(instance.get('days')).include('Monday');
+
+          case 32:
+          case "end":
+            return _context12.stop();
+        }
+      }
+    }, _callee10);
+  }))); // it('should trigger change event correctly', async () => {
+  // const spy = sinon.spy();
+  // class Demo extends Component {
+  // static template = `
+  // const {Select, Option} = this;
+  // <div>
+  // <Select v-model="basic" ev-change={this._onChange}>
+  // <Option value="white">白色</Option>
+  // <Option value="black">黑色</Option>
+  // </Select>
+  // <Select v-model="clearAndmultiple" clearable multiple ev-change={this._onChange}>
+  // <Option value="white">白色</Option>
+  // <Option value="black">黑色</Option>
+  // </Select>
+  // <Select v-model="multipleAndsearchable" multiple searchable ev-change={this._onChange}>
+  // <Option value="white">白色</Option>
+  // <Option value="black">黑色</Option>
+  // </Select>
+  // <Select v-model="filterable" filterable ev-change={this._onChange}>
+  // <Option value="white">白色</Option>
+  // <Option value="black">黑色</Option>
+  // </Select>
+  // <Select v-model="allowUnmatch" allowUnmatch filterable ev-change={this._onChange}>
+  // <Option value="white">白色</Option>
+  // <Option value="black">黑色</Option>
+  // </Select>
+  // </div>
+  // `;
+  // private Select = Select;
+  // private Option = Option;
+  // _onChange(v: string) {
+  // spy(v);
+  // }
+  // }
+  // const [instance, element] = mount(Demo);
+  // const [
+  // basicTrigger, clearAndmultipleTrigger, multipleAndsearchableTrigger,
+  // filterableTrigger, allowUnmatchTrigger
+  // ] = element.querySelectorAll<HTMLElement>('.k-select');
+  // // basic
+  // basicTrigger.click();
+  // await wait();
+  // const dropdown = getElement('.k-select-menu')!;
+  // const item = dropdown.querySelector('.k-select-option') as HTMLElement;
+  // item.click();
+  // await wait();
+  // expect(spy.callCount).to.eql(1);
+  // expect(spy.calledWith(instance.get('basic'))).to.eql(true);
+  // //multiple
+  // clearAndmultipleTrigger.click();
+  // await wait();
+  // const dropdown1 = getElement('.k-select-menu')!;
+  // const [item1, item2] = dropdown1.querySelectorAll<HTMLElement>('.k-select-option');
+  // item1.click();
+  // item2.click();
+  // await wait();
+  // // The change method is not trigger while the operation not completed.
+  // expect(spy.callCount).to.eql(1);
+  // clearAndmultipleTrigger.click();
+  // expect(spy.callCount).to.eql(2);
+  // expect(spy.calledWith(instance.get('clearAndmultiple'))).to.eql(true);
+  // //clear
+  // const clearBtn = element.querySelector('.k-select-clear') as HTMLElement;
+  // clearBtn.click();
+  // await wait();
+  // expect(spy.callCount).to.eql(3);
+  // expect(spy.calledWith([])).to.eql(true);
+  // // search
+  // multipleAndsearchableTrigger.click();
+  // await wait();
+  // const dropdown2 = getElement('.k-select-menu') as HTMLElement;
+  // const selectAll = dropdown2.querySelector<HTMLElement>('.k-select-op .k-btn')!;
+  // selectAll.click();
+  // multipleAndsearchableTrigger.click();
+  // await wait();
+  // // The change method is not trigger while the operation not completed.
+  // expect(spy.callCount).to.eql(3);
+  // multipleAndsearchableTrigger.click();
+  // const dropdown3 = getElement('.k-select-menu')!;
+  // const selectAll1 = dropdown3.querySelector<HTMLElement>('.k-select-op .k-btn')!;
+  // const confirm = dropdown3.querySelector<HTMLElement>('.k-select-footer .k-btn')!;
+  // selectAll1.click();
+  // confirm.click();
+  // await wait();
+  // expect(spy.callCount).to.eql(4);
+  // expect(spy.calledWith(instance.get('multipleAndsearchable'))).to.eql(true);
+  // // filterable
+  // const input= element.querySelector('.k-input-inner') as HTMLInputElement;
+  // input.value = 'white';
+  // dispatchEvent(input, 'input');
+  // dispatchEvent(document, 'keydown', {keyCode: 13});
+  // await wait();
+  // expect(spy.callCount).to.eql(5);
+  // expect(spy.calledWith(instance.get('filterable'))).to.eql(true);
+  // // The change method is not trigger while the input value that don't match.
+  // const input1= element.querySelector('.k-input-inner') as HTMLInputElement;
+  // input1.value = 'red';
+  // dispatchEvent(input, 'input');
+  // filterableTrigger.click();
+  // await wait();
+  // expect(spy.callCount).to.eql(5);
+  // //allowUnmatch
+  // const [, input2] = element.querySelectorAll<HTMLInputElement>('.k-input-inner');
+  // input2.value = 'xxx';
+  // dispatchEvent(input2, 'input');
+  // allowUnmatchTrigger.click();
+  // await wait();
+  // expect(spy.callCount).to.eql(6);
+  // expect(spy.calledWith('xxx')).to.eql(true);
+  // });
+  // it('should not set value to null when loading', async () => {
+  // class Demo extends Component {
+  // static template = `
+  // const {Select, Option} = this;
+  // <Select v-model="day" loading={this.get('isLoad')}>
+  // <Option v-for={this.get('data')} value={$value.value}> 
+  // {$value.label} 
+  // </Option>
+  // </Select>
+  // `;
+  // static defaults() {
+  // return {
+  // isLoad: false,
+  // day: 'Monday',
+  // data: [
+  // {label: '星期一', value: 'Monday'},
+  // {label: '星期二', value: 'Tuesday'},
+  // {label: '星期三', value: 'Wednesday'},
+  // {label: '星期四', value: 'Thursday'},
+  // {label: '星期五', value: 'Friday'},
+  // {label: '星期六', value: 'Saturday'},
+  // {label: '星期天', value: 'Sunday'},
+  // ]
+  // }
+  // }
+  // private Select = Select;
+  // private Option = Option;
+  // }
+  // const [instance, element] = mount(Demo);
+  // instance.set({isLoad: true});
+  // instance.set({data: []});
+  // await wait();
+  // expect(instance.get('day')).to.eql('Monday');
+  // });
+});
+
+export {normalize} from 'intact-react';

package/components/select/menu.d.ts

@@ -0,0 +1,13 @@
+import { Component } from 'intact-react';
+import type { Select } from './select';
+export declare class SelectMenu extends Component<{
+    values: any[];
+}> {
+    static template: string | import("intact").Template<any>;
+    select: Select<any, boolean>;
+    private card;
+    private searchable;
+}
+
+
+export {normalize} from 'intact-react';