@king-design/vue 2.1.4 → 2.1.5

package/components/tooltip/index.spec.js

@@ -23,295 +23,365 @@ describe('Tooltip', function () {
   });
   it('should show and hide content correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, element, _Array$from, first, second, disabled, content, content1, content2;
+
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _mount = mount(BasicDemo), element = _mount[1];
-          _Array$from = _Array$from2(element.querySelectorAll('span')), first = _Array$from[0], second = _Array$from[2], disabled = _Array$from[4];
-          dispatchEvent(first, 'mouseenter');
-          _context.next = 5;
-          return wait(0);
-        case 5:
-          content = getElement('.k-tooltip-content');
-          expect(content.textContent).eql('hello');
-          // should not show
-          dispatchEvent(second, 'mouseenter');
-          _context.next = 10;
-          return wait(0);
-        case 10:
-          content1 = getElement('.k-tooltip-content');
-          expect(content1).eql(content);
-          // should not show if disabled
-          dispatchEvent(disabled, 'mouseenter');
-          _context.next = 15;
-          return wait(0);
-        case 15:
-          content2 = getElement('.k-tooltip-content');
-          expect(content2).eql(content);
-          // should hide
-          dispatchEvent(first, 'mouseleave');
-          _context.next = 20;
-          return wait(600);
-        case 20:
-          expect(content.style.display).to.eql('none');
-        case 21:
-        case "end":
-          return _context.stop();
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _mount = mount(BasicDemo), element = _mount[1];
+            _Array$from = _Array$from2(element.querySelectorAll('span')), first = _Array$from[0], second = _Array$from[2], disabled = _Array$from[4];
+            dispatchEvent(first, 'mouseenter');
+            _context.next = 5;
+            return wait(0);
+
+          case 5:
+            content = getElement('.k-tooltip-content');
+            expect(content.textContent).eql('hello'); // should not show
+
+            dispatchEvent(second, 'mouseenter');
+            _context.next = 10;
+            return wait(0);
+
+          case 10:
+            content1 = getElement('.k-tooltip-content');
+            expect(content1).eql(content); // should not show if disabled
+
+            dispatchEvent(disabled, 'mouseenter');
+            _context.next = 15;
+            return wait(0);
+
+          case 15:
+            content2 = getElement('.k-tooltip-content');
+            expect(content2).eql(content); // should hide
+
+            dispatchEvent(first, 'mouseleave');
+            _context.next = 20;
+            return wait(600);
+
+          case 20:
+            expect(content.style.display).to.eql('none');
+
+          case 21:
+          case "end":
+            return _context.stop();
+        }
       }
     }, _callee);
   })));
   it('should position correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _mount2, instance, element, tooltipContent, arrow, at, _at$getBoundingClient, width, height, left, top, contains, eql;
+
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          _mount2 = mount(PositionDemo), instance = _mount2[0], element = _mount2[1];
-          tooltipContent = getElement('.k-tooltip-content');
-          arrow = tooltipContent.querySelector('.k-tooltip-arrow');
-          at = element.querySelector('.opera .k-btn');
-          _at$getBoundingClient = at.getBoundingClientRect(), width = _at$getBoundingClient.width, height = _at$getBoundingClient.height, left = _at$getBoundingClient.left, top = _at$getBoundingClient.top;
-          contains = function contains(name) {
-            return expect(arrow.classList.contains(name)).to.be.true;
-          };
-          eql = function eql(a, b) {
-            a = Math.floor(a);
-            b = Math.floor(b);
-            // Don't be entangled with the difference of 1 to 2 pixels
-            expect(a >= b - 1 && a <= b + 1).to.be.true;
-          };
-          instance.set('position', 'left');
-          _context2.next = 10;
-          return wait();
-        case 10:
-          contains('k-right');
-          eql(arrow.offsetTop, Math.round(tooltipContent.offsetHeight / 2 - arrow.offsetHeight / 2));
-          instance.set('position', 'right');
-          _context2.next = 15;
-          return wait();
-        case 15:
-          contains('k-left');
-          eql(arrow.offsetTop, Math.round(tooltipContent.offsetHeight / 2 - arrow.offsetHeight / 2));
-          instance.set('position', 'top');
-          _context2.next = 20;
-          return wait();
-        case 20:
-          contains('k-bottom');
-          eql(arrow.offsetLeft, Math.round(tooltipContent.offsetWidth / 2 - arrow.offsetWidth / 2));
-          instance.set('position', 'bottom');
-          _context2.next = 25;
-          return wait();
-        case 25:
-          contains('k-top');
-          eql(arrow.offsetLeft, Math.round(tooltipContent.offsetWidth / 2 - arrow.offsetWidth / 2));
-          instance.set('position', 'custom');
-          _context2.next = 30;
-          return wait();
-        case 30:
-          instance.getPosition = function () {
-            return {
-              my: 'left bottom',
-              at: 'left top'
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _mount2 = mount(PositionDemo), instance = _mount2[0], element = _mount2[1];
+            tooltipContent = getElement('.k-tooltip-content');
+            arrow = tooltipContent.querySelector('.k-tooltip-arrow');
+            at = element.querySelector('.opera .k-btn');
+            _at$getBoundingClient = at.getBoundingClientRect(), width = _at$getBoundingClient.width, height = _at$getBoundingClient.height, left = _at$getBoundingClient.left, top = _at$getBoundingClient.top;
+
+            contains = function contains(name) {
+              return expect(arrow.classList.contains(name)).to.be.true;
             };
-          };
-          instance.forceUpdate();
-          _context2.next = 34;
-          return wait();
-        case 34:
-          eql(arrow.offsetLeft, Math.round(width / 2 - arrow.offsetWidth / 2));
-          instance.getPosition = function () {
-            return {
-              my: 'left+100 bottom',
-              at: 'left top'
+
+            eql = function eql(a, b) {
+              a = Math.floor(a);
+              b = Math.floor(b); // Don't be entangled with the difference of 1 to 2 pixels
+
+              expect(a >= b - 1 && a <= b + 1).to.be.true;
             };
-          };
-          instance.forceUpdate();
-          _context2.next = 39;
-          return wait();
-        case 39:
-          eql(arrow.offsetLeft, 1);
-          instance.getPosition = function () {
-            return {
-              my: 'left top',
-              at: 'right top'
+
+            instance.set('position', 'left');
+            _context2.next = 10;
+            return wait();
+
+          case 10:
+            contains('k-right');
+            eql(arrow.offsetTop, Math.round(tooltipContent.offsetHeight / 2 - arrow.offsetHeight / 2));
+            instance.set('position', 'right');
+            _context2.next = 15;
+            return wait();
+
+          case 15:
+            contains('k-left');
+            eql(arrow.offsetTop, Math.round(tooltipContent.offsetHeight / 2 - arrow.offsetHeight / 2));
+            instance.set('position', 'top');
+            _context2.next = 20;
+            return wait();
+
+          case 20:
+            contains('k-bottom');
+            eql(arrow.offsetLeft, Math.round(tooltipContent.offsetWidth / 2 - arrow.offsetWidth / 2));
+            instance.set('position', 'bottom');
+            _context2.next = 25;
+            return wait();
+
+          case 25:
+            contains('k-top');
+            eql(arrow.offsetLeft, Math.round(tooltipContent.offsetWidth / 2 - arrow.offsetWidth / 2));
+            instance.set('position', 'custom');
+            _context2.next = 30;
+            return wait();
+
+          case 30:
+            instance.getPosition = function () {
+              return {
+                my: 'left bottom',
+                at: 'left top'
+              };
             };
-          };
-          instance.forceUpdate();
-          _context2.next = 44;
-          return wait();
-        case 44:
-          eql(arrow.offsetTop, Math.floor(tooltipContent.offsetHeight / 2 - arrow.offsetHeight / 2));
-          instance.getPosition = function () {
-            return {
-              my: 'left top+30',
-              at: 'right top'
+
+            instance.forceUpdate();
+            _context2.next = 34;
+            return wait();
+
+          case 34:
+            eql(arrow.offsetLeft, Math.round(width / 2 - arrow.offsetWidth / 2));
+
+            instance.getPosition = function () {
+              return {
+                my: 'left+100 bottom',
+                at: 'left top'
+              };
             };
-          };
-          instance.forceUpdate();
-          _context2.next = 49;
-          return wait();
-        case 49:
-          eql(arrow.offsetTop, 1);
-        case 50:
-        case "end":
-          return _context2.stop();
+
+            instance.forceUpdate();
+            _context2.next = 39;
+            return wait();
+
+          case 39:
+            eql(arrow.offsetLeft, 1);
+
+            instance.getPosition = function () {
+              return {
+                my: 'left top',
+                at: 'right top'
+              };
+            };
+
+            instance.forceUpdate();
+            _context2.next = 44;
+            return wait();
+
+          case 44:
+            eql(arrow.offsetTop, Math.floor(tooltipContent.offsetHeight / 2 - arrow.offsetHeight / 2));
+
+            instance.getPosition = function () {
+              return {
+                my: 'left top+30',
+                at: 'right top'
+              };
+            };
+
+            instance.forceUpdate();
+            _context2.next = 49;
+            return wait();
+
+          case 49:
+            eql(arrow.offsetTop, 1);
+
+          case 50:
+          case "end":
+            return _context2.stop();
+        }
       }
     }, _callee2);
   })));
   it('should trigger correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var _mount3, element, _element$querySelecto, click, content, content1;
+
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          _mount3 = mount(TriggerDemo), element = _mount3[1];
-          _element$querySelecto = element.querySelectorAll('.k-btn'), click = _element$querySelecto[1];
-          click.click();
-          _context3.next = 5;
-          return wait();
-        case 5:
-          content = getElement('.k-tooltip-content');
-          expect(content.textContent).to.matchSnapshot();
-          // should not hide
-          content.click();
-          _context3.next = 10;
-          return wait();
-        case 10:
-          content1 = getElement('.k-tooltip-content');
-          expect(content).eql(content1);
-          // should hide when click document
-          document.body.click();
-          _context3.next = 15;
-          return wait(500);
-        case 15:
-          expect(content.style.display).to.eql('none');
-        case 16:
-        case "end":
-          return _context3.stop();
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            _mount3 = mount(TriggerDemo), element = _mount3[1];
+            _element$querySelecto = element.querySelectorAll('.k-btn'), click = _element$querySelecto[1];
+            click.click();
+            _context3.next = 5;
+            return wait();
+
+          case 5:
+            content = getElement('.k-tooltip-content');
+            expect(content.textContent).to.matchSnapshot(); // should not hide
+
+            content.click();
+            _context3.next = 10;
+            return wait();
+
+          case 10:
+            content1 = getElement('.k-tooltip-content');
+            expect(content).eql(content1); // should hide when click document
+
+            document.body.click();
+            _context3.next = 15;
+            return wait(500);
+
+          case 15:
+            expect(content.style.display).to.eql('none');
+
+          case 16:
+          case "end":
+            return _context3.stop();
+        }
       }
     }, _callee3);
   })));
   it('should be hoverable', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
     var _mount4, element, _Array$from3, canHover, content, content1;
+
     return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
-        case 0:
-          this.timeout(0);
-          _mount4 = mount(TriggerDemo), element = _mount4[1];
-          _Array$from3 = _Array$from2(element.querySelectorAll('.k-btn')), canHover = _Array$from3[2];
-          dispatchEvent(canHover, 'mouseenter');
-          _context4.next = 6;
-          return wait();
-        case 6:
-          dispatchEvent(canHover, 'mouseleave');
-          _context4.next = 9;
-          return wait(500);
-        case 9:
-          content = getElement('.k-tooltip-content');
-          dispatchEvent(content, 'mouseenter');
-          _context4.next = 13;
-          return wait(500);
-        case 13:
-          content1 = getElement('.k-tooltip-content'); //  should not hide when move mouse from button to tooltip content    
-          expect(content1).eql(content);
-          dispatchEvent(canHover, 'mouseleave');
-          _context4.next = 18;
-          return wait(800);
-        case 18:
-          expect(content.style.display).to.eql('none');
-        case 19:
-        case "end":
-          return _context4.stop();
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            this.timeout(0);
+            _mount4 = mount(TriggerDemo), element = _mount4[1];
+            _Array$from3 = _Array$from2(element.querySelectorAll('.k-btn')), canHover = _Array$from3[2];
+            dispatchEvent(canHover, 'mouseenter');
+            _context4.next = 6;
+            return wait();
+
+          case 6:
+            dispatchEvent(canHover, 'mouseleave');
+            _context4.next = 9;
+            return wait(500);
+
+          case 9:
+            content = getElement('.k-tooltip-content');
+            dispatchEvent(content, 'mouseenter');
+            _context4.next = 13;
+            return wait(500);
+
+          case 13:
+            content1 = getElement('.k-tooltip-content'); //  should not hide when move mouse from button to tooltip content    
+
+            expect(content1).eql(content);
+            dispatchEvent(canHover, 'mouseleave');
+            _context4.next = 18;
+            return wait(800);
+
+          case 18:
+            expect(content.style.display).to.eql('none');
+
+          case 19:
+          case "end":
+            return _context4.stop();
+        }
       }
     }, _callee4, this);
   })));
   it('should custom content correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
     var _mount5, element, _Array$from4, btn, content;
+
     return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-      while (1) switch (_context5.prev = _context5.next) {
-        case 0:
-          _mount5 = mount(ContentDemo), element = _mount5[1];
-          _Array$from4 = _Array$from2(element.querySelectorAll('.k-btn')), btn = _Array$from4[0];
-          btn.click();
-          _context5.next = 5;
-          return wait(500);
-        case 5:
-          content = getElement('.k-tooltip-content'); // ignore the arrow, because it may change className to adapt to the direction
-          expect(content.querySelector('.k-slider').outerHTML).to.matchSnapshot();
-        case 7:
-        case "end":
-          return _context5.stop();
+      while (1) {
+        switch (_context5.prev = _context5.next) {
+          case 0:
+            _mount5 = mount(ContentDemo), element = _mount5[1];
+            _Array$from4 = _Array$from2(element.querySelectorAll('.k-btn')), btn = _Array$from4[0];
+            btn.click();
+            _context5.next = 5;
+            return wait(500);
+
+          case 5:
+            content = getElement('.k-tooltip-content'); // ignore the arrow, because it may change className to adapt to the direction
+
+            expect(content.querySelector('.k-slider').outerHTML).to.matchSnapshot();
+
+          case 7:
+          case "end":
+            return _context5.stop();
+        }
       }
     }, _callee5);
   })));
   it('should handle confirm tooltip corectly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
     var _mount6, instance, element, cancelCb, okCb, content, _Array$from5, btn;
+
     return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-      while (1) switch (_context6.prev = _context6.next) {
-        case 0:
-          _mount6 = mount(ConfirmDemo), instance = _mount6[0], element = _mount6[1];
-          cancelCb = sinon.spy();
-          okCb = sinon.spy();
-          instance.refs.__test.on('cancel', cancelCb);
-          instance.refs.__test.on('ok', okCb);
-          dispatchEvent(element.children[0], 'click');
-          _context6.next = 8;
-          return wait();
-        case 8:
-          content = getElement('.k-tooltip-content');
-          expect(content.querySelector('.k-tooltip-buttons').outerHTML).to.matchSnapshot();
-          content.querySelector('.k-btn').click();
-          _context6.next = 13;
-          return wait(500);
-        case 13:
-          expect(content.style.display).eql('none');
-          dispatchEvent(element.firstElementChild, 'click');
-          _context6.next = 17;
-          return wait();
-        case 17:
-          content = getElement('.k-tooltip-content');
-          _Array$from5 = _Array$from2(content.querySelectorAll('.k-btn')), btn = _Array$from5[1];
-          btn.click();
-          _context6.next = 22;
-          return wait(500);
-        case 22:
-          expect(content.style.display).eql('none');
-          expect(cancelCb.callCount).eql(1);
-          expect(okCb.callCount).eql(1);
-        case 25:
-        case "end":
-          return _context6.stop();
+      while (1) {
+        switch (_context6.prev = _context6.next) {
+          case 0:
+            _mount6 = mount(ConfirmDemo), instance = _mount6[0], element = _mount6[1];
+            cancelCb = sinon.spy();
+            okCb = sinon.spy();
+
+            instance.refs.__test.on('cancel', cancelCb);
+
+            instance.refs.__test.on('ok', okCb);
+
+            dispatchEvent(element.children[0], 'click');
+            _context6.next = 8;
+            return wait();
+
+          case 8:
+            content = getElement('.k-tooltip-content');
+            expect(content.querySelector('.k-tooltip-buttons').outerHTML).to.matchSnapshot();
+            content.querySelector('.k-btn').click();
+            _context6.next = 13;
+            return wait(500);
+
+          case 13:
+            expect(content.style.display).eql('none');
+            dispatchEvent(element.firstElementChild, 'click');
+            _context6.next = 17;
+            return wait();
+
+          case 17:
+            content = getElement('.k-tooltip-content');
+            _Array$from5 = _Array$from2(content.querySelectorAll('.k-btn')), btn = _Array$from5[1];
+            btn.click();
+            _context6.next = 22;
+            return wait(500);
+
+          case 22:
+            expect(content.style.display).eql('none');
+            expect(cancelCb.callCount).eql(1);
+            expect(okCb.callCount).eql(1);
+
+          case 25:
+          case "end":
+            return _context6.stop();
+        }
       }
     }, _callee6);
   })));
   it('should always show tooltip', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
     var _mount7, element, content;
+
     return _regeneratorRuntime.wrap(function _callee7$(_context7) {
-      while (1) switch (_context7.prev = _context7.next) {
-        case 0:
-          _mount7 = mount(AlwaysDemo), element = _mount7[1];
-          content = getElement('.k-tooltip-content');
-          expect(content.textContent).eql('hello');
-          document.body.click();
-          _context7.next = 6;
-          return wait(500);
-        case 6:
-          expect(getElement('.k-tooltip-content')).eql(content);
-          element.querySelector('span').click();
-          _context7.next = 10;
-          return wait(500);
-        case 10:
-          expect(getElement('.k-tooltip-content')).eql(content);
-          dispatchEvent(content, 'mouseleave');
-          _context7.next = 14;
-          return wait(600);
-        case 14:
-          expect(getElement('.k-tooltip-content')).eql(content);
-        case 15:
-        case "end":
-          return _context7.stop();
+      while (1) {
+        switch (_context7.prev = _context7.next) {
+          case 0:
+            _mount7 = mount(AlwaysDemo), element = _mount7[1];
+            content = getElement('.k-tooltip-content');
+            expect(content.textContent).eql('hello');
+            document.body.click();
+            _context7.next = 6;
+            return wait(500);
+
+          case 6:
+            expect(getElement('.k-tooltip-content')).eql(content);
+            element.querySelector('span').click();
+            _context7.next = 10;
+            return wait(500);
+
+          case 10:
+            expect(getElement('.k-tooltip-content')).eql(content);
+            dispatchEvent(content, 'mouseleave');
+            _context7.next = 14;
+            return wait(600);
+
+          case 14:
+            expect(getElement('.k-tooltip-content')).eql(content);
+
+          case 15:
+          case "end":
+            return _context7.stop();
+        }
       }
     }, _callee7);
-  })));
-  // it('should hide tooltip when v-show is false in Vue', async () => {
+  }))); // it('should hide tooltip when v-show is false in Vue', async () => {
   //     interface IData {
   //         show: boolean
   //     }
@@ -379,228 +449,296 @@ describe('Tooltip', function () {
   //     app.$destroy();
   //     document.body.removeChild(app.$el);
   // });
+
   it('should hide layer when we have disabled Tooltip and also hide on next updating', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
     var Demo, _mount8, i, content;
+
     return _regeneratorRuntime.wrap(function _callee8$(_context9) {
-      while (1) switch (_context9.prev = _context9.next) {
-        case 0:
-          Demo = /*#__PURE__*/function (_Component) {
-            _inheritsLoose(Demo, _Component);
-            function Demo() {
-              var _context8;
-              var _this;
-              for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-                args[_key] = arguments[_key];
+      while (1) {
+        switch (_context9.prev = _context9.next) {
+          case 0:
+            Demo = /*#__PURE__*/function (_Component) {
+              _inheritsLoose(Demo, _Component);
+
+              function Demo() {
+                var _context8;
+
+                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(_context8 = [this]).call(_context8, args)) || this;
+                _this.Tooltip = Tooltip;
+                return _this;
               }
-              _this = _Component.call.apply(_Component, _concatInstanceProperty(_context8 = [this]).call(_context8, args)) || this;
-              _this.Tooltip = Tooltip;
-              return _this;
-            }
-            return Demo;
-          }(Component);
-          Demo.template = "\n                const Tooltip = this.Tooltip;\n                <div>\n                    <Tooltip disabled={this.get('disabled')}\n                        content=\"hello\"\n                    >\n                        <div ref=\"test\">test</div>\n                    </Tooltip>\n                </div>\n            ";
-          Demo.defaults = function () {
-            return {
-              disabled: false
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "\n                const Tooltip = this.Tooltip;\n                <div>\n                    <Tooltip disabled={this.get('disabled')}\n                        content=\"hello\"\n                    >\n                        <div ref=\"test\">test</div>\n                    </Tooltip>\n                </div>\n            ";
+
+            Demo.defaults = function () {
+              return {
+                disabled: false
+              };
             };
-          };
-          _mount8 = mount(Demo), i = _mount8[0];
-          dispatchEvent(i.refs.test, 'mouseenter');
-          _context9.next = 7;
-          return wait();
-        case 7:
-          content = getElement('.k-tooltip-content');
-          expect(content.textContent).eql('hello');
-          i.set('disabled', true);
-          _context9.next = 12;
-          return wait(500);
-        case 12:
-          content = getElement('.k-tooltip-content');
-          expect(content).eql(undefined);
-          i.set('disabled', false);
-          _context9.next = 17;
-          return wait();
-        case 17:
-          content = getElement('.k-tooltip-content');
-          expect(content).eql(undefined);
-        case 19:
-        case "end":
-          return _context9.stop();
+
+            _mount8 = mount(Demo), i = _mount8[0];
+            dispatchEvent(i.refs.test, 'mouseenter');
+            _context9.next = 7;
+            return wait();
+
+          case 7:
+            content = getElement('.k-tooltip-content');
+            expect(content.textContent).eql('hello');
+            i.set('disabled', true);
+            _context9.next = 12;
+            return wait(500);
+
+          case 12:
+            content = getElement('.k-tooltip-content');
+            expect(content).eql(undefined);
+            i.set('disabled', false);
+            _context9.next = 17;
+            return wait();
+
+          case 17:
+            content = getElement('.k-tooltip-content');
+            expect(content).eql(undefined);
+
+          case 19:
+          case "end":
+            return _context9.stop();
+        }
       }
     }, _callee8);
   })));
   it('should not detect collison when target is not in viewport', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
     var Demo, _mount9, i, content;
+
     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];
+      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;
+                return _this2;
               }
-              _this2 = _Component2.call.apply(_Component2, _concatInstanceProperty(_context10 = [this]).call(_context10, args)) || this;
-              _this2.Tooltip = Tooltip;
-              return _this2;
-            }
-            var _proto = Demo.prototype;
-            _proto.mounted = function mounted() {
-              var element = findDomFromVNode(this.$lastInput, true);
-              var style = element.style;
-              style.position = 'fixed';
-              style.top = '-200px';
-              // const windowHeight = window.innerHeight || document.documentElement.clientHeight;
-              // (element.parentNode as HTMLElement).style.height = `${windowHeight * 2}px`;
-            };
-            return Demo;
-          }(Component);
-          Demo.template = "\n                const Tooltip = this.Tooltip;\n                <div>\n                    <Tooltip v-model=\"show\" content=\"hello\">\n                        <div ref=\"test\">test</div>\n                    </Tooltip>\n                </div>\n            ";
-          Demo.defaults = function () {
-            return {
-              show: false
+
+              var _proto = Demo.prototype;
+
+              _proto.mounted = function mounted() {
+                var element = findDomFromVNode(this.$lastInput, true);
+                var style = element.style;
+                style.position = 'fixed';
+                style.top = '-200px'; // const windowHeight = window.innerHeight || document.documentElement.clientHeight;
+                // (element.parentNode as HTMLElement).style.height = `${windowHeight * 2}px`;
+              };
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "\n                const Tooltip = this.Tooltip;\n                <div>\n                    <Tooltip v-model=\"show\" content=\"hello\">\n                        <div ref=\"test\">test</div>\n                    </Tooltip>\n                </div>\n            ";
+
+            Demo.defaults = function () {
+              return {
+                show: false
+              };
             };
-          };
-          _mount9 = mount(Demo), i = _mount9[0]; // await wait(500);
-          // window.scrollTo(0, 10000);
-          i.set('show', true);
-          _context11.next = 7;
-          return wait(500);
-        case 7:
-          content = getElement('.k-tooltip-content');
-          console.log(content.outerHTML);
-          console.log(_JSON$stringify(content.getBoundingClientRect()));
-          expect(content.getBoundingClientRect().top < 0).to.be.true;
-        case 11:
-        case "end":
-          return _context11.stop();
+
+            _mount9 = mount(Demo), i = _mount9[0]; // await wait(500);
+            // window.scrollTo(0, 10000);
+
+            i.set('show', true);
+            _context11.next = 7;
+            return wait(500);
+
+          case 7:
+            content = getElement('.k-tooltip-content');
+            console.log(content.outerHTML);
+            console.log(_JSON$stringify(content.getBoundingClientRect()));
+            expect(content.getBoundingClientRect().top < 0).to.be.true;
+
+          case 11:
+          case "end":
+            return _context11.stop();
+        }
       }
     }, _callee9);
   })));
   it('should add className', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
     var Demo, _mount10, instance, element, trigger, dropdown;
+
     return _regeneratorRuntime.wrap(function _callee10$(_context13) {
-      while (1) switch (_context13.prev = _context13.next) {
-        case 0:
-          Demo = /*#__PURE__*/function (_Component3) {
-            _inheritsLoose(Demo, _Component3);
-            function Demo() {
-              var _context12;
-              var _this3;
-              for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-                args[_key3] = arguments[_key3];
+      while (1) {
+        switch (_context13.prev = _context13.next) {
+          case 0:
+            Demo = /*#__PURE__*/function (_Component3) {
+              _inheritsLoose(Demo, _Component3);
+
+              function Demo() {
+                var _context12;
+
+                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(_context12 = [this]).call(_context12, args)) || this;
+                _this3.Tooltip = Tooltip;
+                return _this3;
               }
-              _this3 = _Component3.call.apply(_Component3, _concatInstanceProperty(_context12 = [this]).call(_context12, args)) || this;
-              _this3.Tooltip = Tooltip;
-              return _this3;
-            }
-            return Demo;
-          }(Component);
-          Demo.template = "\n                const Tooltip = this.Tooltip;\n                <div>\n                    <Tooltip content=\"hello\" class=\"a\">\n                        <div ref=\"test\" class=\"b\">test</div>\n                    </Tooltip>\n                </div>\n            ";
-          _mount10 = mount(Demo), instance = _mount10[0], element = _mount10[1];
-          trigger = instance.refs.test;
-          expect(trigger.className).to.eql('b a');
-          dispatchEvent(trigger, 'mouseenter');
-          _context13.next = 8;
-          return wait();
-        case 8:
-          dropdown = getElement('.k-tooltip-content');
-          expect(dropdown.classList.contains('a')).to.be.true;
-        case 10:
-        case "end":
-          return _context13.stop();
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "\n                const Tooltip = this.Tooltip;\n                <div>\n                    <Tooltip content=\"hello\" class=\"a\">\n                        <div ref=\"test\" class=\"b\">test</div>\n                    </Tooltip>\n                </div>\n            ";
+            _mount10 = mount(Demo), instance = _mount10[0], element = _mount10[1];
+            trigger = instance.refs.test;
+            expect(trigger.className).to.eql('b a');
+            dispatchEvent(trigger, 'mouseenter');
+            _context13.next = 8;
+            return wait();
+
+          case 8:
+            dropdown = getElement('.k-tooltip-content');
+            expect(dropdown.classList.contains('a')).to.be.true;
+
+          case 10:
+          case "end":
+            return _context13.stop();
+        }
       }
     }, _callee10);
   })));
   it('should fix the width in small container', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
     var Demo, _mount11, instance, element, trigger, expecedWidth, content, width, newWidth;
+
     return _regeneratorRuntime.wrap(function _callee11$(_context15) {
-      while (1) switch (_context15.prev = _context15.next) {
-        case 0:
-          Demo = /*#__PURE__*/function (_Component4) {
-            _inheritsLoose(Demo, _Component4);
-            function Demo() {
-              var _context14;
-              var _this4;
-              for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-                args[_key4] = arguments[_key4];
+      while (1) {
+        switch (_context15.prev = _context15.next) {
+          case 0:
+            Demo = /*#__PURE__*/function (_Component4) {
+              _inheritsLoose(Demo, _Component4);
+
+              function Demo() {
+                var _context14;
+
+                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(_context14 = [this]).call(_context14, args)) || this;
+                _this4.Tooltip = Tooltip;
+                _this4.Dialog = Dialog;
+                return _this4;
               }
-              _this4 = _Component4.call.apply(_Component4, _concatInstanceProperty(_context14 = [this]).call(_context14, args)) || this;
-              _this4.Tooltip = Tooltip;
-              _this4.Dialog = Dialog;
-              return _this4;
-            }
-            return Demo;
-          }(Component);
-          Demo.template = "\n                const {Tooltip, Dialog} = this;\n                <div style=\"text-align: right; position: relative; width: 300px;\">\n                    <Tooltip content=\"\u8FD9\u662F\u4E00\u6BB5\u5F88\u957F\u7684\u63CF\u8FF0\u6587\u5B57\uFF0C\u8FD9\u662F\u4E00\u6BB5\u5F88\u957F\u7684\u63CF\u8FF0\u6587\u5B57\" container={dom => dom}>\n                        <span class=\"trigger\">test</span>\n                    </Tooltip>\n                </div>\n            ";
-          _mount11 = mount(Demo), instance = _mount11[0], element = _mount11[1];
-          trigger = element.querySelector('.trigger');
-          expecedWidth = parseInt(tooltipTheme.maxWidth);
-          dispatchEvent(trigger, 'mouseenter');
-          _context15.next = 8;
-          return wait();
-        case 8:
-          content = getElement('.k-tooltip-content');
-          width = content.offsetWidth;
-          expect(width).to.eql(expecedWidth);
-          dispatchEvent(trigger, 'mouseleave');
-          _context15.next = 14;
-          return wait();
-        case 14:
-          dispatchEvent(trigger, 'mouseenter');
-          _context15.next = 17;
-          return wait();
-        case 17:
-          newWidth = content.offsetWidth;
-          expect(newWidth).to.eql(width);
-        case 19:
-        case "end":
-          return _context15.stop();
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "\n                const {Tooltip, Dialog} = this;\n                <div style=\"text-align: right; position: relative; width: 300px;\">\n                    <Tooltip content=\"\u8FD9\u662F\u4E00\u6BB5\u5F88\u957F\u7684\u63CF\u8FF0\u6587\u5B57\uFF0C\u8FD9\u662F\u4E00\u6BB5\u5F88\u957F\u7684\u63CF\u8FF0\u6587\u5B57\" container={dom => dom}>\n                        <span class=\"trigger\">test</span>\n                    </Tooltip>\n                </div>\n            ";
+            _mount11 = mount(Demo), instance = _mount11[0], element = _mount11[1];
+            trigger = element.querySelector('.trigger');
+            expecedWidth = parseInt(tooltipTheme.maxWidth);
+            dispatchEvent(trigger, 'mouseenter');
+            _context15.next = 8;
+            return wait();
+
+          case 8:
+            content = getElement('.k-tooltip-content');
+            width = content.offsetWidth;
+            expect(width).to.eql(expecedWidth);
+            dispatchEvent(trigger, 'mouseleave');
+            _context15.next = 14;
+            return wait();
+
+          case 14:
+            dispatchEvent(trigger, 'mouseenter');
+            _context15.next = 17;
+            return wait();
+
+          case 17:
+            newWidth = content.offsetWidth;
+            expect(newWidth).to.eql(width);
+
+          case 19:
+          case "end":
+            return _context15.stop();
+        }
       }
     }, _callee11);
   })));
   it('should not impact select when wrap select with tooltip', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
     var Demo, _mount12, instance, element, menu;
+
     return _regeneratorRuntime.wrap(function _callee12$(_context17) {
-      while (1) switch (_context17.prev = _context17.next) {
-        case 0:
-          Demo = /*#__PURE__*/function (_Component5) {
-            _inheritsLoose(Demo, _Component5);
-            function Demo() {
-              var _context16;
-              var _this5;
-              for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-                args[_key5] = arguments[_key5];
+      while (1) {
+        switch (_context17.prev = _context17.next) {
+          case 0:
+            Demo = /*#__PURE__*/function (_Component5) {
+              _inheritsLoose(Demo, _Component5);
+
+              function Demo() {
+                var _context16;
+
+                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(_context16 = [this]).call(_context16, args)) || this;
+                _this5.Tooltip = Tooltip;
+                _this5.Select = Select;
+                _this5.Option = Option;
+                return _this5;
               }
-              _this5 = _Component5.call.apply(_Component5, _concatInstanceProperty(_context16 = [this]).call(_context16, args)) || this;
-              _this5.Tooltip = Tooltip;
-              _this5.Select = Select;
-              _this5.Option = Option;
-              return _this5;
-            }
-            return Demo;
-          }(Component);
-          Demo.template = "\n                const {Tooltip, Select, Option} = this;\n                <Tooltip>\n                    <Select>\n                        <Option value=\"1\">Option 1</Option>\n                        <Option value=\"2\">Option 2</Option>\n                    </Select>\n                </Tooltip>\n            ";
-          _mount12 = mount(Demo), instance = _mount12[0], element = _mount12[1];
-          dispatchEvent(element, 'mouseenter');
-          _context17.next = 6;
-          return wait();
-        case 6:
-          dispatchEvent(element, 'click');
-          _context17.next = 9;
-          return wait();
-        case 9:
-          menu = getElement(".k-select-menu");
-          dispatchEvent(element, 'mouseleave');
-          _context17.next = 13;
-          return wait(500);
-        case 13:
-          expect(menu.style.display).to.eql('');
-        case 14:
-        case "end":
-          return _context17.stop();
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "\n                const {Tooltip, Select, Option} = this;\n                <Tooltip>\n                    <Select>\n                        <Option value=\"1\">Option 1</Option>\n                        <Option value=\"2\">Option 2</Option>\n                    </Select>\n                </Tooltip>\n            ";
+            _mount12 = mount(Demo), instance = _mount12[0], element = _mount12[1];
+            dispatchEvent(element, 'mouseenter');
+            _context17.next = 6;
+            return wait();
+
+          case 6:
+            dispatchEvent(element, 'click');
+            _context17.next = 9;
+            return wait();
+
+          case 9:
+            menu = getElement(".k-select-menu");
+            dispatchEvent(element, 'mouseleave');
+            _context17.next = 13;
+            return wait(500);
+
+          case 13:
+            expect(menu.style.display).to.eql('');
+
+          case 14:
+          case "end":
+            return _context17.stop();
+        }
       }
     }, _callee12);
   })));