@king-design/intact 2.1.4 → 2.1.5

package/es/packages/kpc-react/__tests__/components/dialog.spec.js

@@ -16,25 +16,29 @@ describe('Dialog', function () {
   });
   it('should render vNode as content', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          Dialog.confirm({
-            content: /*#__PURE__*/React.createElement("div", null, "test"),
-            className: 'confirm-test',
-            icon: /*#__PURE__*/React.createElement(Icon, {
-              className: "test"
-            })
-          });
-          _context.next = 3;
-          return wait(100);
-        case 3:
-          expect(getElement('.confirm-test').innerHTML).to.matchSnapshot();
-          getElement('.confirm-test .k-primary').click();
-          _context.next = 7;
-          return wait(600);
-        case 7:
-        case "end":
-          return _context.stop();
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            Dialog.confirm({
+              content: /*#__PURE__*/React.createElement("div", null, "test"),
+              className: 'confirm-test',
+              icon: /*#__PURE__*/React.createElement(Icon, {
+                className: "test"
+              })
+            });
+            _context.next = 3;
+            return wait(100);
+
+          case 3:
+            expect(getElement('.confirm-test').innerHTML).to.matchSnapshot();
+            getElement('.confirm-test .k-primary').click();
+            _context.next = 7;
+            return wait(600);
+
+          case 7:
+          case "end":
+            return _context.stop();
+        }
       }
     }, _callee);
   })));

package/es/packages/kpc-react/__tests__/components/drawer.spec.js

@@ -19,135 +19,158 @@ describe('Drawer', function () {
   it('should render react element correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var Test, App;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          App = function _App() {
-            var _useState = useState(false),
-              show = _useState[0],
-              setShow = _useState[1];
-            return /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
-              onClick: function onClick() {
-                return setShow(true);
-              }
-            }, "show"), /*#__PURE__*/React.createElement(Drawer, {
-              value: show,
-              mode: "destroy"
-            }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Test, null))));
-          };
-          Test = /*#__PURE__*/function (_Component) {
-            _inheritsLoose(Test, _Component);
-            function Test() {
-              return _Component.apply(this, arguments) || this;
-            }
-            var _proto = Test.prototype;
-            _proto.mounted = function mounted() {
-              expect(document.body.contains(this.refs.a));
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            App = function _App() {
+              var _useState = useState(false),
+                  show = _useState[0],
+                  setShow = _useState[1];
+
+              return /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
+                onClick: function onClick() {
+                  return setShow(true);
+                }
+              }, "show"), /*#__PURE__*/React.createElement(Drawer, {
+                value: show,
+                mode: "destroy"
+              }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Test, null))));
             };
-            return Test;
-          }(Component);
-          Test.template = "<div ref=\"a\">test</div>";
-          ReactDOM.render( /*#__PURE__*/React.createElement(App, null), container);
-        case 4:
-        case "end":
-          return _context.stop();
+
+            Test = /*#__PURE__*/function (_Component) {
+              _inheritsLoose(Test, _Component);
+
+              function Test() {
+                return _Component.apply(this, arguments) || this;
+              }
+
+              var _proto = Test.prototype;
+
+              _proto.mounted = function mounted() {
+                expect(document.body.contains(this.refs.a));
+              };
+
+              return Test;
+            }(Component);
+
+            Test.template = "<div ref=\"a\">test</div>";
+            ReactDOM.render( /*#__PURE__*/React.createElement(App, null), container);
+
+          case 4:
+          case "end":
+            return _context.stop();
+        }
       }
     }, _callee);
   })));
   it('should handle event correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var click1, click2, click3, _document$querySelect, element1, element2, element3;
+
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          click1 = sinon.spy(function () {
-            return console.log(1);
-          });
-          click2 = sinon.spy(function () {
-            return console.log(2);
-          });
-          click3 = sinon.spy(function () {
-            return console.log(3);
-          });
-          ReactDOM.render( /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Drawer, {
-            value: true,
-            title: "1"
-          }, /*#__PURE__*/React.createElement("div", {
-            className: "click",
-            onClick: click1
-          }, "click")), /*#__PURE__*/React.createElement(Drawer, {
-            value: true,
-            placement: "left",
-            title: "2",
-            onClose: function onClose() {
-              return console.log('click');
-            },
-            slotFooter: /*#__PURE__*/React.createElement(Button, {
-              onClick: function onClick(e) {
-                return console.log(1);
-              }
-            }, "click")
-          }, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
-            className: "click",
-            onClick: click2
-          }, "click"))), /*#__PURE__*/React.createElement(Drawer, {
-            value: true,
-            title: "3"
-          }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
-            className: "click",
-            onClick: click3
-          }, "click"))))), container);
-          _document$querySelect = document.querySelectorAll('.click'), element1 = _document$querySelect[0], element2 = _document$querySelect[1], element3 = _document$querySelect[2];
-          dispatchEvent(element1, 'click');
-          _context2.next = 8;
-          return wait();
-        case 8:
-          expect(click1.callCount).to.eql(1);
-          dispatchEvent(element2, 'click');
-          _context2.next = 12;
-          return wait();
-        case 12:
-          expect(click2.callCount).to.eql(1);
-          dispatchEvent(element3, 'click');
-          _context2.next = 16;
-          return wait();
-        case 16:
-          expect(click3.callCount).to.eql(1);
-        case 17:
-        case "end":
-          return _context2.stop();
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            click1 = sinon.spy(function () {
+              return console.log(1);
+            });
+            click2 = sinon.spy(function () {
+              return console.log(2);
+            });
+            click3 = sinon.spy(function () {
+              return console.log(3);
+            });
+            ReactDOM.render( /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Drawer, {
+              value: true,
+              title: "1"
+            }, /*#__PURE__*/React.createElement("div", {
+              className: "click",
+              onClick: click1
+            }, "click")), /*#__PURE__*/React.createElement(Drawer, {
+              value: true,
+              placement: "left",
+              title: "2",
+              onClose: function onClose() {
+                return console.log('click');
+              },
+              slotFooter: /*#__PURE__*/React.createElement(Button, {
+                onClick: function onClick(e) {
+                  return console.log(1);
+                }
+              }, "click")
+            }, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
+              className: "click",
+              onClick: click2
+            }, "click"))), /*#__PURE__*/React.createElement(Drawer, {
+              value: true,
+              title: "3"
+            }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
+              className: "click",
+              onClick: click3
+            }, "click"))))), container);
+            _document$querySelect = document.querySelectorAll('.click'), element1 = _document$querySelect[0], element2 = _document$querySelect[1], element3 = _document$querySelect[2];
+            dispatchEvent(element1, 'click');
+            _context2.next = 8;
+            return wait();
+
+          case 8:
+            expect(click1.callCount).to.eql(1);
+            dispatchEvent(element2, 'click');
+            _context2.next = 12;
+            return wait();
+
+          case 12:
+            expect(click2.callCount).to.eql(1);
+            dispatchEvent(element3, 'click');
+            _context2.next = 16;
+            return wait();
+
+          case 16:
+            expect(click3.callCount).to.eql(1);
+
+          case 17:
+          case "end":
+            return _context2.stop();
+        }
       }
     }, _callee2);
   })));
   it('$update call before mountedQueue in $receive', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var App;
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          App = function _App2() {
-            var _useState2 = useState(false),
-              state = _useState2[0],
-              setState = _useState2[1];
-            useEffect(function () {
-              setState(true);
-            }, []);
-            return /*#__PURE__*/React.createElement(Drawer, {
-              value: true,
-              mode: "destroy"
-            }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", null, "react element"), /*#__PURE__*/React.createElement(Select, {
-              container: function container(parentElement) {
-                return parentElement.closest('.k-dialog-body');
-              }
-            }, state ? /*#__PURE__*/React.createElement(Option, {
-              value: "1"
-            }, "1") : null))));
-          };
-          ReactDOM.render( /*#__PURE__*/React.createElement(App, null), container);
-          _context3.next = 4;
-          return wait();
-        case 4:
-          expect(document.querySelector('.k-dialog-body .k-select-menu').textContent).to.eql('1');
-        case 5:
-        case "end":
-          return _context3.stop();
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            App = function _App2() {
+              var _useState2 = useState(false),
+                  state = _useState2[0],
+                  setState = _useState2[1];
+
+              useEffect(function () {
+                setState(true);
+              }, []);
+              return /*#__PURE__*/React.createElement(Drawer, {
+                value: true,
+                mode: "destroy"
+              }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", null, "react element"), /*#__PURE__*/React.createElement(Select, {
+                container: function container(parentElement) {
+                  return parentElement.closest('.k-dialog-body');
+                }
+              }, state ? /*#__PURE__*/React.createElement(Option, {
+                value: "1"
+              }, "1") : null))));
+            };
+
+            ReactDOM.render( /*#__PURE__*/React.createElement(App, null), container);
+            _context3.next = 4;
+            return wait();
+
+          case 4:
+            expect(document.querySelector('.k-dialog-body .k-select-menu').textContent).to.eql('1');
+
+          case 5:
+          case "end":
+            return _context3.stop();
+        }
       }
     }, _callee3);
   })));

package/es/packages/kpc-react/__tests__/components/dropdown.spec.js

@@ -10,114 +10,137 @@ describe('Dropdown', function () {
   it('should save original events', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var click, container, button;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          click = sinon.spy(function () {
-            return console.log(1);
-          });
-          container = document.createElement('div');
-          document.body.appendChild(container);
-          button = /*#__PURE__*/createRef();
-          ReactDOM.render( /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement("button", {
-            onClick: click,
-            ref: button
-          }, "hover"), /*#__PURE__*/React.createElement(DropdownMenu, null, /*#__PURE__*/React.createElement(DropdownItem, null, "item 1"), /*#__PURE__*/React.createElement(DropdownItem, null, "item 2"), /*#__PURE__*/React.createElement(DropdownItem, null, "item 3")))), container);
-          button.current.click();
-          expect(click.callCount).to.eql(1);
-          _context.next = 9;
-          return wait();
-        case 9:
-          expect(getElement('.k-dropdown-menu')).to.be.exist;
-          ReactDOM.unmountComponentAtNode(container);
-          document.body.removeChild(container);
-        case 12:
-        case "end":
-          return _context.stop();
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            click = sinon.spy(function () {
+              return console.log(1);
+            });
+            container = document.createElement('div');
+            document.body.appendChild(container);
+            button = /*#__PURE__*/createRef();
+            ReactDOM.render( /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement("button", {
+              onClick: click,
+              ref: button
+            }, "hover"), /*#__PURE__*/React.createElement(DropdownMenu, null, /*#__PURE__*/React.createElement(DropdownItem, null, "item 1"), /*#__PURE__*/React.createElement(DropdownItem, null, "item 2"), /*#__PURE__*/React.createElement(DropdownItem, null, "item 3")))), container);
+            button.current.click();
+            expect(click.callCount).to.eql(1);
+            _context.next = 9;
+            return wait();
+
+          case 9:
+            expect(getElement('.k-dropdown-menu')).to.be.exist;
+            ReactDOM.unmountComponentAtNode(container);
+            document.body.removeChild(container);
+
+          case 12:
+          case "end":
+            return _context.stop();
+        }
       }
     }, _callee);
   })));
   it('reproduce #764', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _mounted, _updated, Demo, FooDialog, Foo, set, Test, container;
+
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          _mounted = sinon.spy(function () {
-            return console.log('mounted');
-          });
-          _updated = sinon.spy(function () {
-            return console.log('updated');
-          });
-          Demo = /*#__PURE__*/function (_Component) {
-            _inheritsLoose(Demo, _Component);
-            function Demo() {
-              return _Component.apply(this, arguments) || this;
-            }
-            var _proto = Demo.prototype;
-            _proto.mounted = function mounted() {
-              _mounted();
-            };
-            _proto.updated = function updated() {
-              _updated();
-            };
-            return Demo;
-          }(Component);
-          Demo.template = "<div>demo {this.get('title')}</div>";
-          FooDialog = function FooDialog() {
-            var _React$useState = React.useState({
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _mounted = sinon.spy(function () {
+              return console.log('mounted');
+            });
+            _updated = sinon.spy(function () {
+              return console.log('updated');
+            });
+
+            Demo = /*#__PURE__*/function (_Component) {
+              _inheritsLoose(Demo, _Component);
+
+              function Demo() {
+                return _Component.apply(this, arguments) || this;
+              }
+
+              var _proto = Demo.prototype;
+
+              _proto.mounted = function mounted() {
+                _mounted();
+              };
+
+              _proto.updated = function updated() {
+                _updated();
+              };
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "<div>demo {this.get('title')}</div>";
+
+            FooDialog = function FooDialog() {
+              var _React$useState = React.useState({
                 title: '0'
               }),
-              title = _React$useState[0],
-              setTitle = _React$useState[1];
-            React.useEffect(function () {
-              setTitle({
-                title: '1'
-              });
-            }, []);
-            return /*#__PURE__*/React.createElement(Dialog, {
-              title: title.title,
-              value: true
-            }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Demo, {
-              title: title.title
-            })));
-          };
-          Foo = function Foo(_ref3) {
-            var data = _ref3.data;
-            return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FooDialog, null));
-          };
-          Test = function Test() {
-            var _React$useState2 = React.useState(false),
-              isFoo = _React$useState2[0],
-              setIsFoo = _React$useState2[1];
-            var _React$useState3 = React.useState([{
+                  title = _React$useState[0],
+                  setTitle = _React$useState[1];
+
+              React.useEffect(function () {
+                setTitle({
+                  title: '1'
+                });
+              }, []);
+              return /*#__PURE__*/React.createElement(Dialog, {
+                title: title.title,
+                value: true
+              }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Demo, {
+                title: title.title
+              })));
+            };
+
+            Foo = function Foo(_ref3) {
+              var data = _ref3.data;
+              return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FooDialog, null));
+            };
+
+            Test = function Test() {
+              var _React$useState2 = React.useState(false),
+                  isFoo = _React$useState2[0],
+                  setIsFoo = _React$useState2[1];
+
+              var _React$useState3 = React.useState([{
                 label: 1,
                 key: 1
               }]),
-              data = _React$useState3[0],
-              setData = _React$useState3[1];
-            set = setIsFoo;
-            return /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement("div", {
-              onClick: function onClick() {
-                return setIsFoo(!isFoo);
-              }
-            }, "toggle"), isFoo ? /*#__PURE__*/React.createElement(Foo, {
-              key: "foo",
-              data: data
-            }) : /*#__PURE__*/React.createElement("div", null, "test"));
-          };
-          container = document.createElement('div');
-          document.body.appendChild(container);
-          ReactDOM.render( /*#__PURE__*/React.createElement(Test, null), container);
-          set(true);
-          _context2.next = 13;
-          return wait(0);
-        case 13:
-          expect(getElement('.k-dialog')).to.be.exist;
-          expect(_mounted.calledBefore(_updated)).to.be.true;
-          ReactDOM.unmountComponentAtNode(container);
-          document.body.removeChild(container);
-        case 17:
-        case "end":
-          return _context2.stop();
+                  data = _React$useState3[0],
+                  setData = _React$useState3[1];
+
+              set = setIsFoo;
+              return /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement("div", {
+                onClick: function onClick() {
+                  return setIsFoo(!isFoo);
+                }
+              }, "toggle"), isFoo ? /*#__PURE__*/React.createElement(Foo, {
+                key: "foo",
+                data: data
+              }) : /*#__PURE__*/React.createElement("div", null, "test"));
+            };
+
+            container = document.createElement('div');
+            document.body.appendChild(container);
+            ReactDOM.render( /*#__PURE__*/React.createElement(Test, null), container);
+            set(true);
+            _context2.next = 13;
+            return wait(0);
+
+          case 13:
+            expect(getElement('.k-dialog')).to.be.exist;
+            expect(_mounted.calledBefore(_updated)).to.be.true;
+            ReactDOM.unmountComponentAtNode(container);
+            document.body.removeChild(container);
+
+          case 17:
+          case "end":
+            return _context2.stop();
+        }
       }
     }, _callee2);
   })));