@king-design/vue 2.1.4 → 2.1.6

package/components/dialog/index.spec.js

@@ -4,9 +4,13 @@ import _Symbol from "@babel/runtime-corejs3/core-js/symbol";
 import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+
 function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _unsupportedIterableToArray(o, minLen) { var _context20; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context20 = Object.prototype.toString.call(o)).call(_context20, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import _keysInstanceProperty from "@babel/runtime-corejs3/core-js/instance/keys";
 import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance/starts-with";
@@ -25,545 +29,689 @@ describe('Dialog', function () {
     unmount();
     setTimeout(done, 500);
   });
+
   function expectDialog() {
     var dialog = getElement('.k-dialog');
     expect(dialog).to.exist;
     expect(getElement('.k-dialog-wrapper').innerHTML.replace(/[\d\.]+px/g, '')).to.matchSnapshot();
     return dialog;
   }
+
   it('should show dialog correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, dialog;
+
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _mount = mount(BasicDemo), instance = _mount[0];
-          dialog = instance.refs.__demo;
-          _context.next = 4;
-          return dialog.show();
-        case 4:
-          expectDialog();
-        case 5:
-        case "end":
-          return _context.stop();
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _mount = mount(BasicDemo), instance = _mount[0];
+            dialog = instance.refs.__demo;
+            _context.next = 4;
+            return dialog.show();
+
+          case 4:
+            expectDialog();
+
+          case 5:
+          case "end":
+            return _context.stop();
+        }
       }
     }, _callee);
   })));
   it('should show correctly when render with value is true', function () {
     var Demo = /*#__PURE__*/function (_Component) {
       _inheritsLoose(Demo, _Component);
+
       function Demo() {
         var _context2;
+
         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(_context2 = [this]).call(_context2, args)) || this;
         _this.Dialog = Dialog;
         return _this;
       }
+
       return Demo;
     }(Component);
+
     Demo.template = "const {Dialog} = this; <Dialog value={true}>test</Dialog>";
+
     var _mount2 = mount(Demo),
-      instance = _mount2[0];
+        instance = _mount2[0];
+
     expectDialog();
   });
   it('show dialog as instance', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var MyDialog, dialog;
     return _regeneratorRuntime.wrap(function _callee2$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          MyDialog = /*#__PURE__*/function (_BaseDialog) {
-            _inheritsLoose(MyDialog, _BaseDialog);
-            function MyDialog() {
-              return _BaseDialog.apply(this, arguments) || this;
-            }
-            return MyDialog;
-          }(BaseDialog);
-          MyDialog.template = "<t:super><b:body>Dialog Instance {this.get('data')}</b:body></t:super>";
-          dialog = new MyDialog({
-            data: 1
-          });
-          _context3.next = 5;
-          return dialog.show();
-        case 5:
-          expectDialog();
-          dialog.close();
-          _context3.next = 9;
-          return wait(500);
-        case 9:
-          expect(getElement('.k-dialog')).to.be.undefined;
-        case 10:
-        case "end":
-          return _context3.stop();
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            MyDialog = /*#__PURE__*/function (_BaseDialog) {
+              _inheritsLoose(MyDialog, _BaseDialog);
+
+              function MyDialog() {
+                return _BaseDialog.apply(this, arguments) || this;
+              }
+
+              return MyDialog;
+            }(BaseDialog);
+
+            MyDialog.template = "<t:super><b:body>Dialog Instance {this.get('data')}</b:body></t:super>";
+            dialog = new MyDialog({
+              data: 1
+            });
+            _context3.next = 5;
+            return dialog.show();
+
+          case 5:
+            expectDialog();
+            dialog.close();
+            _context3.next = 9;
+            return wait(500);
+
+          case 9:
+            expect(getElement('.k-dialog')).to.be.undefined;
+
+          case 10:
+          case "end":
+            return _context3.stop();
+        }
       }
     }, _callee2);
   })));
   it('should update correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var Demo, _mount3, instance;
+
     return _regeneratorRuntime.wrap(function _callee3$(_context5) {
-      while (1) switch (_context5.prev = _context5.next) {
-        case 0:
-          Demo = /*#__PURE__*/function (_Component2) {
-            _inheritsLoose(Demo, _Component2);
-            function Demo() {
-              var _context4;
-              var _this2;
-              for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-                args[_key2] = arguments[_key2];
+      while (1) {
+        switch (_context5.prev = _context5.next) {
+          case 0:
+            Demo = /*#__PURE__*/function (_Component2) {
+              _inheritsLoose(Demo, _Component2);
+
+              function Demo() {
+                var _context4;
+
+                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(_context4 = [this]).call(_context4, args)) || this;
+                _this2.Dialog = Dialog;
+                return _this2;
               }
-              _this2 = _Component2.call.apply(_Component2, _concatInstanceProperty(_context4 = [this]).call(_context4, args)) || this;
-              _this2.Dialog = Dialog;
-              return _this2;
-            }
-            Demo.defaults = function defaults() {
-              return {
-                content: 'a'
+
+              Demo.defaults = function defaults() {
+                return {
+                  content: 'a'
+                };
               };
-            };
-            return Demo;
-          }(Component);
-          Demo.template = "\n                var Dialog = this.Dialog;\n                <Dialog value={true} ref=\"dialog\">{this.get('content')}</Dialog>\n            ";
-          _mount3 = mount(Demo), instance = _mount3[0];
-          instance.set('content', 'b');
-          _context5.next = 6;
-          return wait();
-        case 6:
-          expect(getElement('.k-dialog-body').innerText).to.eql('b');
-        case 7:
-        case "end":
-          return _context5.stop();
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "\n                var Dialog = this.Dialog;\n                <Dialog value={true} ref=\"dialog\">{this.get('content')}</Dialog>\n            ";
+            _mount3 = mount(Demo), instance = _mount3[0];
+            instance.set('content', 'b');
+            _context5.next = 6;
+            return wait();
+
+          case 6:
+            expect(getElement('.k-dialog-body').innerText).to.eql('b');
+
+          case 7:
+          case "end":
+            return _context5.stop();
+        }
       }
     }, _callee3);
   })));
   it('should prepend conent to block correctly', function () {
     var Demo = /*#__PURE__*/function (_Component3) {
       _inheritsLoose(Demo, _Component3);
+
       function Demo() {
         var _context6;
+
         var _this3;
+
         for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
           args[_key3] = arguments[_key3];
         }
+
         _this3 = _Component3.call.apply(_Component3, _concatInstanceProperty(_context6 = [this]).call(_context6, args)) || this;
         _this3.Dialog = Dialog;
         return _this3;
       }
+
       return Demo;
     }(Component);
+
     Demo.template = "\n                var Dialog = this.Dialog;\n                <Dialog value={true} ref=\"dialog\">\n                    <b:footer>\n                        dialog footer\n                        {$super()}\n                    </b:footer>\n                </Dialog>\n            ";
+
     var _mount4 = mount(Demo),
-      instance = _mount4[0];
+        instance = _mount4[0];
+
     expect(getElement('.k-dialog-footer').innerText).to.eql('dialog footer 确定取消');
   });
   it('basic test', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
     var _mount5, instance, element, btn, dialog;
+
     return _regeneratorRuntime.wrap(function _callee4$(_context7) {
-      while (1) switch (_context7.prev = _context7.next) {
-        case 0:
-          _mount5 = mount(BasicDemo), instance = _mount5[0], element = _mount5[1];
-          btn = element.querySelector('.k-btn');
-          dispatchEvent(btn, 'click');
-          _context7.next = 5;
-          return wait();
-        case 5:
-          dialog = expectDialog(); // click ok
-          dispatchEvent(dialog.querySelector('.k-dialog-ok'), 'click');
-          expect(instance.get('show')).be.false;
-          // click cancel
-          dispatchEvent(btn, 'click');
-          _context7.next = 11;
-          return wait();
-        case 11:
-          dispatchEvent(dialog.querySelector('.k-dialog-cancel'), 'click');
-          expect(instance.get('show')).be.false;
-          // press esc to close
-          dispatchEvent(btn, 'click');
-          _context7.next = 16;
-          return wait();
-        case 16:
-          dispatchEvent(document, 'keydown', {
-            keyCode: 27
-          });
-          expect(instance.get('show')).be.false;
-          _context7.next = 20;
-          return wait(500);
-        case 20:
-          expect(!!document.body.getAttribute('style')).to.be.false;
-        case 21:
-        case "end":
-          return _context7.stop();
+      while (1) {
+        switch (_context7.prev = _context7.next) {
+          case 0:
+            _mount5 = mount(BasicDemo), instance = _mount5[0], element = _mount5[1];
+            btn = element.querySelector('.k-btn');
+            dispatchEvent(btn, 'click');
+            _context7.next = 5;
+            return wait();
+
+          case 5:
+            dialog = expectDialog(); // click ok
+
+            dispatchEvent(dialog.querySelector('.k-dialog-ok'), 'click');
+            expect(instance.get('show')).be.false; // click cancel
+
+            dispatchEvent(btn, 'click');
+            _context7.next = 11;
+            return wait();
+
+          case 11:
+            dispatchEvent(dialog.querySelector('.k-dialog-cancel'), 'click');
+            expect(instance.get('show')).be.false; // press esc to close
+
+            dispatchEvent(btn, 'click');
+            _context7.next = 16;
+            return wait();
+
+          case 16:
+            dispatchEvent(document, 'keydown', {
+              keyCode: 27
+            });
+            expect(instance.get('show')).be.false;
+            _context7.next = 20;
+            return wait(500);
+
+          case 20:
+            expect(!!document.body.getAttribute('style')).to.be.false;
+
+          case 21:
+          case "end":
+            return _context7.stop();
+        }
       }
     }, _callee4);
   })));
   it('methods test', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
     var _mount6, instance, element, btn, dialog, ok, demo;
+
     return _regeneratorRuntime.wrap(function _callee5$(_context8) {
-      while (1) switch (_context8.prev = _context8.next) {
-        case 0:
-          _mount6 = mount(BasicDemo), instance = _mount6[0], element = _mount6[1];
-          btn = element.querySelector('.k-btn');
-          dispatchEvent(btn, 'click');
-          _context8.next = 5;
-          return wait();
-        case 5:
-          dialog = getElement('.k-dialog');
-          ok = dialog.querySelector('.k-dialog-ok');
-          demo = instance.refs.__demo;
-          demo.showLoading();
-          _context8.next = 11;
-          return wait();
-        case 11:
-          expect(ok.classList.contains('k-loading')).to.be.true;
-          demo.hideLoading();
-          _context8.next = 15;
-          return wait();
-        case 15:
-          expect(ok.classList.contains('k-loading')).to.be.false;
-          demo.disableOk();
-          _context8.next = 19;
-          return wait();
-        case 19:
-          expect(ok.classList.contains('k-disabled')).to.be.true;
-          demo.enableOk();
-          _context8.next = 23;
-          return wait();
-        case 23:
-          expect(ok.classList.contains('k-disabled')).to.be.false;
-        case 24:
-        case "end":
-          return _context8.stop();
+      while (1) {
+        switch (_context8.prev = _context8.next) {
+          case 0:
+            _mount6 = mount(BasicDemo), instance = _mount6[0], element = _mount6[1];
+            btn = element.querySelector('.k-btn');
+            dispatchEvent(btn, 'click');
+            _context8.next = 5;
+            return wait();
+
+          case 5:
+            dialog = getElement('.k-dialog');
+            ok = dialog.querySelector('.k-dialog-ok');
+            demo = instance.refs.__demo;
+            demo.showLoading();
+            _context8.next = 11;
+            return wait();
+
+          case 11:
+            expect(ok.classList.contains('k-loading')).to.be.true;
+            demo.hideLoading();
+            _context8.next = 15;
+            return wait();
+
+          case 15:
+            expect(ok.classList.contains('k-loading')).to.be.false;
+            demo.disableOk();
+            _context8.next = 19;
+            return wait();
+
+          case 19:
+            expect(ok.classList.contains('k-disabled')).to.be.true;
+            demo.enableOk();
+            _context8.next = 23;
+            return wait();
+
+          case 23:
+            expect(ok.classList.contains('k-disabled')).to.be.false;
+
+          case 24:
+          case "end":
+            return _context8.stop();
+        }
       }
     }, _callee5);
   })));
   it('demos test', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
     var req, _iterator, _step, item, Demo, _mount7, instance, element;
+
     return _regeneratorRuntime.wrap(function _callee6$(_context9) {
-      while (1) switch (_context9.prev = _context9.next) {
-        case 0:
-          this.timeout(0);
-          req = require.context('~/components/dialog/demos', true, /^((?!static).)*index\.ts$/i);
-          _iterator = _createForOfIteratorHelperLoose(_keysInstanceProperty(req).call(req));
-        case 3:
-          if ((_step = _iterator()).done) {
-            _context9.next = 16;
-            break;
-          }
-          item = _step.value;
-          if (_startsWithInstanceProperty(item).call(item, '.')) {
-            _context9.next = 7;
+      while (1) {
+        switch (_context9.prev = _context9.next) {
+          case 0:
+            this.timeout(0);
+            req = require.context('~/components/dialog/demos', true, /^((?!static).)*index\.ts$/i);
+            _iterator = _createForOfIteratorHelperLoose(_keysInstanceProperty(req).call(req));
+
+          case 3:
+            if ((_step = _iterator()).done) {
+              _context9.next = 16;
+              break;
+            }
+
+            item = _step.value;
+
+            if (_startsWithInstanceProperty(item).call(item, '.')) {
+              _context9.next = 7;
+              break;
+            }
+
+            return _context9.abrupt("continue", 14);
+
+          case 7:
+            Demo = req(item).default;
+            _mount7 = mount(Demo), instance = _mount7[0], element = _mount7[1];
+            dispatchEvent(element.querySelector('.k-btn') || element, 'click');
+            _context9.next = 12;
+            return wait();
+
+          case 12:
+            expectDialog();
+            unmount();
+
+          case 14:
+            _context9.next = 3;
             break;
-          }
-          return _context9.abrupt("continue", 14);
-        case 7:
-          Demo = req(item).default;
-          _mount7 = mount(Demo), instance = _mount7[0], element = _mount7[1];
-          dispatchEvent(element.querySelector('.k-btn') || element, 'click');
-          _context9.next = 12;
-          return wait();
-        case 12:
-          expectDialog();
-          unmount();
-        case 14:
-          _context9.next = 3;
-          break;
-        case 16:
-          _context9.next = 18;
-          return wait(500);
-        case 18:
-          expect(!!document.body.getAttribute('style')).to.be.false;
-        case 19:
-        case "end":
-          return _context9.stop();
+
+          case 16:
+            _context9.next = 18;
+            return wait(500);
+
+          case 18:
+            expect(!!document.body.getAttribute('style')).to.be.false;
+
+          case 19:
+          case "end":
+            return _context9.stop();
+        }
       }
     }, _callee6, this);
   })));
   it('async close', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
     var _mount8, instance, element, dialog, className;
+
     return _regeneratorRuntime.wrap(function _callee7$(_context10) {
-      while (1) switch (_context10.prev = _context10.next) {
-        case 0:
-          _mount8 = mount(AsyncCloseDemo), instance = _mount8[0], element = _mount8[1];
-          dispatchEvent(element.firstChild, 'click');
-          instance.set('code', '111');
-          _context10.next = 5;
-          return wait();
-        case 5:
-          dialog = getElement('.k-dialog');
-          className = dialog.className; // click ok
-          dispatchEvent(dialog.querySelector('.k-dialog-ok'), 'click');
-          _context10.next = 10;
-          return wait();
-        case 10:
-          expect(dialog.className).to.eql(className);
-        case 11:
-        case "end":
-          return _context10.stop();
+      while (1) {
+        switch (_context10.prev = _context10.next) {
+          case 0:
+            _mount8 = mount(AsyncCloseDemo), instance = _mount8[0], element = _mount8[1];
+            dispatchEvent(element.firstChild, 'click');
+            instance.set('code', '111');
+            _context10.next = 5;
+            return wait();
+
+          case 5:
+            dialog = getElement('.k-dialog');
+            className = dialog.className; // click ok
+
+            dispatchEvent(dialog.querySelector('.k-dialog-ok'), 'click');
+            _context10.next = 10;
+            return wait();
+
+          case 10:
+            expect(dialog.className).to.eql(className);
+
+          case 11:
+          case "end":
+            return _context10.stop();
+        }
       }
     }, _callee7);
   })));
   it('drag', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
     var _mount9, instance, element, dialog, top, header;
+
     return _regeneratorRuntime.wrap(function _callee8$(_context11) {
-      while (1) switch (_context11.prev = _context11.next) {
-        case 0:
-          _mount9 = mount(BasicDemo), instance = _mount9[0], element = _mount9[1];
-          dispatchEvent(element.firstChild, 'click');
-          _context11.next = 4;
-          return wait();
-        case 4:
-          dialog = getElement('.k-dialog');
-          top = Math.round(parseFloat(dialog.style.top));
-          header = getElement('.k-dialog-header');
-          dispatchEvent(header, 'mousedown', {
-            which: 1,
-            clientY: 0
-          });
-          dispatchEvent(document, 'mousemove', {
-            clientY: -1
-          });
-          dispatchEvent(document, 'mouseup');
-          _context11.next = 12;
-          return wait();
-        case 12:
-          expect(dialog.style.top).to.eql(top - 1 + "px");
-        case 13:
-        case "end":
-          return _context11.stop();
+      while (1) {
+        switch (_context11.prev = _context11.next) {
+          case 0:
+            _mount9 = mount(BasicDemo), instance = _mount9[0], element = _mount9[1];
+            dispatchEvent(element.firstChild, 'click');
+            _context11.next = 4;
+            return wait();
+
+          case 4:
+            dialog = getElement('.k-dialog');
+            top = Math.round(parseFloat(dialog.style.top));
+            header = getElement('.k-dialog-header');
+            dispatchEvent(header, 'mousedown', {
+              which: 1,
+              clientY: 0
+            });
+            dispatchEvent(document, 'mousemove', {
+              clientY: -1
+            });
+            dispatchEvent(document, 'mouseup');
+            _context11.next = 12;
+            return wait();
+
+          case 12:
+            expect(dialog.style.top).to.eql(top - 1 + "px");
+
+          case 13:
+          case "end":
+            return _context11.stop();
+        }
       }
     }, _callee8);
   })));
   it('static methods', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
     var cb, dialog, cb1, cb2, overlay;
     return _regeneratorRuntime.wrap(function _callee9$(_context12) {
-      while (1) switch (_context12.prev = _context12.next) {
-        case 0:
-          cb = sinon.spy();
-          Dialog.success({
-            content: 'test'
-          }).then(cb);
-          _context12.next = 4;
-          return wait();
-        case 4:
-          dialog = expectDialog();
-          dialog.querySelector('.k-btn').click();
-          _context12.next = 8;
-          return wait();
-        case 8:
-          expect(cb.callCount).to.eql(1);
-          cb1 = sinon.spy();
-          Dialog.confirm({
-            content: 'test',
-            hideIcon: true,
-            hideClose: false
-          }).then(cb, cb1);
-          _context12.next = 13;
-          return wait();
-        case 13:
-          dialog = expectDialog();
-          dialog.querySelector('.k-dialog-cancel').click();
-          _context12.next = 17;
-          return wait();
-        case 17:
-          expect(cb1.callCount).to.eql(1);
-          // with title
-          Dialog.error({
-            title: 'error',
-            content: 'test'
-          });
-          _context12.next = 21;
-          return wait();
-        case 21:
-          dialog = expectDialog();
-          dialog.querySelector('.k-btn').click();
-          cb2 = sinon.spy();
-          Dialog.confirm({
-            content: 'test',
-            closable: false
-          }).then(function () {}, cb2);
-          _context12.next = 27;
-          return wait();
-        case 27:
-          overlay = getElement('.k-dialog-overlay');
-          overlay.click();
-          _context12.next = 31;
-          return wait();
-        case 31:
-          expect(cb2.callCount).to.eql(0);
-          getElement('.k-dialog').querySelector('.k-btn').click();
-        case 33:
-        case "end":
-          return _context12.stop();
+      while (1) {
+        switch (_context12.prev = _context12.next) {
+          case 0:
+            cb = sinon.spy();
+            Dialog.success({
+              content: 'test'
+            }).then(cb);
+            _context12.next = 4;
+            return wait();
+
+          case 4:
+            dialog = expectDialog();
+            dialog.querySelector('.k-btn').click();
+            _context12.next = 8;
+            return wait();
+
+          case 8:
+            expect(cb.callCount).to.eql(1);
+            cb1 = sinon.spy();
+            Dialog.confirm({
+              content: 'test',
+              hideIcon: true,
+              hideClose: false
+            }).then(cb, cb1);
+            _context12.next = 13;
+            return wait();
+
+          case 13:
+            dialog = expectDialog();
+            dialog.querySelector('.k-dialog-cancel').click();
+            _context12.next = 17;
+            return wait();
+
+          case 17:
+            expect(cb1.callCount).to.eql(1); // with title
+
+            Dialog.error({
+              title: 'error',
+              content: 'test'
+            });
+            _context12.next = 21;
+            return wait();
+
+          case 21:
+            dialog = expectDialog();
+            dialog.querySelector('.k-btn').click();
+            cb2 = sinon.spy();
+            Dialog.confirm({
+              content: 'test',
+              closable: false
+            }).then(function () {}, cb2);
+            _context12.next = 27;
+            return wait();
+
+          case 27:
+            overlay = getElement('.k-dialog-overlay');
+            overlay.click();
+            _context12.next = 31;
+            return wait();
+
+          case 31:
+            expect(cb2.callCount).to.eql(0);
+            getElement('.k-dialog').querySelector('.k-btn').click();
+
+          case 33:
+          case "end":
+            return _context12.stop();
+        }
       }
     }, _callee9);
   })));
   it('should double check for closing dialog', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
     var _mount10, instance, element, dialog, confirm;
+
     return _regeneratorRuntime.wrap(function _callee10$(_context13) {
-      while (1) switch (_context13.prev = _context13.next) {
-        case 0:
-          _mount10 = mount(TerminateDemo), instance = _mount10[0], element = _mount10[1];
-          element.firstChild.click();
-          _context13.next = 4;
-          return wait();
-        case 4:
-          dialog = getElement('.k-dialog');
-          dialog.querySelector('.k-dialog-close').click();
-          _context13.next = 8;
-          return wait(500);
-        case 8:
-          expect(dialog.style.display).to.eql('');
-          confirm = getElement('.k-alert-dialog');
-          confirm.querySelector('.k-dialog-ok').click();
-          _context13.next = 13;
-          return wait(500);
-        case 13:
-          expect(dialog.style.display).to.eql('none');
-        case 14:
-        case "end":
-          return _context13.stop();
+      while (1) {
+        switch (_context13.prev = _context13.next) {
+          case 0:
+            _mount10 = mount(TerminateDemo), instance = _mount10[0], element = _mount10[1];
+            element.firstChild.click();
+            _context13.next = 4;
+            return wait();
+
+          case 4:
+            dialog = getElement('.k-dialog');
+            dialog.querySelector('.k-dialog-close').click();
+            _context13.next = 8;
+            return wait(500);
+
+          case 8:
+            expect(dialog.style.display).to.eql('');
+            confirm = getElement('.k-alert-dialog');
+            confirm.querySelector('.k-dialog-ok').click();
+            _context13.next = 13;
+            return wait(500);
+
+          case 13:
+            expect(dialog.style.display).to.eql('none');
+
+          case 14:
+          case "end":
+            return _context13.stop();
+        }
       }
     }, _callee10);
   })));
   it('should remove body', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
     var _mount11, instance, element;
+
     return _regeneratorRuntime.wrap(function _callee11$(_context14) {
-      while (1) switch (_context14.prev = _context14.next) {
-        case 0:
-          _mount11 = mount(DestroyDemo), instance = _mount11[0], element = _mount11[1];
-          expect(getElement('.k-dialog')).to.be.undefined;
-          instance.set('show', true);
-          _context14.next = 5;
-          return wait(500);
-        case 5:
-          expectDialog();
-          instance.set('show', false);
-          _context14.next = 9;
-          return wait(500);
-        case 9:
-          expect(getElement('.k-dialog')).to.be.undefined;
-        case 10:
-        case "end":
-          return _context14.stop();
+      while (1) {
+        switch (_context14.prev = _context14.next) {
+          case 0:
+            _mount11 = mount(DestroyDemo), instance = _mount11[0], element = _mount11[1];
+            expect(getElement('.k-dialog')).to.be.undefined;
+            instance.set('show', true);
+            _context14.next = 5;
+            return wait(500);
+
+          case 5:
+            expectDialog();
+            instance.set('show', false);
+            _context14.next = 9;
+            return wait(500);
+
+          case 9:
+            expect(getElement('.k-dialog')).to.be.undefined;
+
+          case 10:
+          case "end":
+            return _context14.stop();
+        }
       }
     }, _callee11);
   })));
   it('should not close when click and move outside', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
     var _mount12, instance, element, dialog, wrapper;
+
     return _regeneratorRuntime.wrap(function _callee12$(_context15) {
-      while (1) switch (_context15.prev = _context15.next) {
-        case 0:
-          _mount12 = mount(BasicDemo), instance = _mount12[0], element = _mount12[1];
-          element.firstChild.click();
-          _context15.next = 4;
-          return wait();
-        case 4:
-          dialog = getElement('.k-dialog');
-          wrapper = dialog.parentElement;
-          dispatchEvent(dialog, 'mousedown');
-          dispatchEvent(wrapper, 'mouseup');
-          dispatchEvent(wrapper, 'click');
-          _context15.next = 11;
-          return wait(500);
-        case 11:
-          expectDialog();
-        case 12:
-        case "end":
-          return _context15.stop();
+      while (1) {
+        switch (_context15.prev = _context15.next) {
+          case 0:
+            _mount12 = mount(BasicDemo), instance = _mount12[0], element = _mount12[1];
+            element.firstChild.click();
+            _context15.next = 4;
+            return wait();
+
+          case 4:
+            dialog = getElement('.k-dialog');
+            wrapper = dialog.parentElement;
+            dispatchEvent(dialog, 'mousedown');
+            dispatchEvent(wrapper, 'mouseup');
+            dispatchEvent(wrapper, 'click');
+            _context15.next = 11;
+            return wait(500);
+
+          case 11:
+            expectDialog();
+
+          case 12:
+          case "end":
+            return _context15.stop();
+        }
       }
     }, _callee12);
   })));
   it('should remove body style when destroy', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
     var Demo, _mount13, instance, element, style;
+
     return _regeneratorRuntime.wrap(function _callee13$(_context17) {
-      while (1) switch (_context17.prev = _context17.next) {
-        case 0:
-          Demo = /*#__PURE__*/function (_Component4) {
-            _inheritsLoose(Demo, _Component4);
-            function Demo() {
-              var _context16;
-              var _this4;
-              for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-                args[_key4] = arguments[_key4];
+      while (1) {
+        switch (_context17.prev = _context17.next) {
+          case 0:
+            Demo = /*#__PURE__*/function (_Component4) {
+              _inheritsLoose(Demo, _Component4);
+
+              function Demo() {
+                var _context16;
+
+                var _this4;
+
+                for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+                  args[_key4] = arguments[_key4];
+                }
+
+                _this4 = _Component4.call.apply(_Component4, _concatInstanceProperty(_context16 = [this]).call(_context16, args)) || this;
+                _this4.Dialog = Dialog;
+                return _this4;
               }
-              _this4 = _Component4.call.apply(_Component4, _concatInstanceProperty(_context16 = [this]).call(_context16, args)) || this;
-              _this4.Dialog = Dialog;
-              return _this4;
-            }
-            Demo.defaults = function defaults() {
-              return {
-                show: true
+
+              Demo.defaults = function defaults() {
+                return {
+                  show: true
+                };
               };
-            };
-            var _proto = Demo.prototype;
-            _proto.onClose = function onClose() {
-              this.set('show', false);
-            };
-            return Demo;
-          }(Component);
-          Demo.template = "\n                var Dialog = this.Dialog;\n                <div>\n                    <Dialog v-if={this.get('show')}\n                        value={this.get('show')}\n                        ev-close={this.onClose}\n                        ref=\"dialog\"\n                    >test</Dialog>\n                </div>\n            ";
-          __decorate([bind], Demo.prototype, "onClose", null);
-          _mount13 = mount(Demo), instance = _mount13[0], element = _mount13[1];
-          instance.refs.dialog.close();
-          _context17.next = 7;
-          return wait();
-        case 7:
-          style = document.body.getAttribute('style');
-          expect(!!style).to.be.false;
-        case 9:
-        case "end":
-          return _context17.stop();
+
+              var _proto = Demo.prototype;
+
+              _proto.onClose = function onClose() {
+                this.set('show', false);
+              };
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "\n                var Dialog = this.Dialog;\n                <div>\n                    <Dialog v-if={this.get('show')}\n                        value={this.get('show')}\n                        ev-close={this.onClose}\n                        ref=\"dialog\"\n                    >test</Dialog>\n                </div>\n            ";
+
+            __decorate([bind], Demo.prototype, "onClose", null);
+
+            _mount13 = mount(Demo), instance = _mount13[0], element = _mount13[1];
+            instance.refs.dialog.close();
+            _context17.next = 7;
+            return wait();
+
+          case 7:
+            style = document.body.getAttribute('style');
+            expect(!!style).to.be.false;
+
+          case 9:
+          case "end":
+            return _context17.stop();
+        }
       }
     }, _callee13);
   })));
   it('should update position when change container', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
     var Demo, _mount14, instance, element, dialogDom, style;
+
     return _regeneratorRuntime.wrap(function _callee14$(_context19) {
-      while (1) switch (_context19.prev = _context19.next) {
-        case 0:
-          Demo = /*#__PURE__*/function (_Component5) {
-            _inheritsLoose(Demo, _Component5);
-            function Demo() {
-              var _context18;
-              var _this5;
-              for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-                args[_key5] = arguments[_key5];
-              }
-              _this5 = _Component5.call.apply(_Component5, _concatInstanceProperty(_context18 = [this]).call(_context18, args)) || this;
-              _this5.Dialog = Dialog;
-              return _this5;
-            }
-            Demo.defaults = function defaults() {
-              return {
-                container: function container(parentDom) {
-                  return parentDom;
+      while (1) {
+        switch (_context19.prev = _context19.next) {
+          case 0:
+            Demo = /*#__PURE__*/function (_Component5) {
+              _inheritsLoose(Demo, _Component5);
+
+              function Demo() {
+                var _context18;
+
+                var _this5;
+
+                for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+                  args[_key5] = arguments[_key5];
                 }
+
+                _this5 = _Component5.call.apply(_Component5, _concatInstanceProperty(_context18 = [this]).call(_context18, args)) || this;
+                _this5.Dialog = Dialog;
+                return _this5;
+              }
+
+              Demo.defaults = function defaults() {
+                return {
+                  container: function container(parentDom) {
+                    return parentDom;
+                  }
+                };
               };
-            };
-            return Demo;
-          }(Component);
-          Demo.template = "\n                var Dialog = this.Dialog;\n                <Dialog value={true} container={this.get('container')} ref=\"dialog\">test</Dialog>\n            ";
-          _mount14 = mount(Demo), instance = _mount14[0], element = _mount14[1];
-          _context19.next = 5;
-          return wait();
-        case 5:
-          instance.set('container', undefined);
-          _context19.next = 8;
-          return wait();
-        case 8:
-          dialogDom = instance.refs.dialog.dialogRef.value;
-          style = dialogDom.style;
-          expect(style.left).not.eql('');
-          expect(style.top).not.eql('');
-          // should append to body
-          expect(dialogDom.closest('.k-dialog-wrapper').parentElement).to.eql(document.body);
-        case 13:
-        case "end":
-          return _context19.stop();
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "\n                var Dialog = this.Dialog;\n                <Dialog value={true} container={this.get('container')} ref=\"dialog\">test</Dialog>\n            ";
+            _mount14 = mount(Demo), instance = _mount14[0], element = _mount14[1];
+            _context19.next = 5;
+            return wait();
+
+          case 5:
+            instance.set('container', undefined);
+            _context19.next = 8;
+            return wait();
+
+          case 8:
+            dialogDom = instance.refs.dialog.dialogRef.value;
+            style = dialogDom.style;
+            expect(style.left).not.eql('');
+            expect(style.top).not.eql(''); // should append to body
+
+            expect(dialogDom.closest('.k-dialog-wrapper').parentElement).to.eql(document.body);
+
+          case 13:
+          case "end":
+            return _context19.stop();
+        }
       }
     }, _callee14);
-  })));
-  // it('should handle v-if and v-model at the same time correctly in Vue', async () => {
+  }))); // it('should handle v-if and v-model at the same time correctly in Vue', async () => {
   // const Test = {
   // template: `<Dialog v-model="show" v-if="show" ref="dialog">test</Dialog>`,
   // components: {