@king-design/react 3.1.4-beta.2 → 3.1.5

package/components/tooltip/index.spec.js

@@ -22,314 +22,255 @@ 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;
+      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'
             };
-
-            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 = 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.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 = 39;
+          return wait();
+        case 39:
+          eql(arrow.offsetLeft, 1);
+          instance.getPosition = function () {
+            return {
+              my: 'left top',
+              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 = 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 = 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();
-        }
+          };
+          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 always show tooltip', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
     var _mount6, element, content;
-
     return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-      while (1) {
-        switch (_context6.prev = _context6.next) {
-          case 0:
-            _mount6 = mount(AlwaysDemo), element = _mount6[1];
-            content = getElement('.k-tooltip-content');
-            expect(content.textContent).eql('hello');
-            document.body.click();
-            _context6.next = 6;
-            return wait(500);
-
-          case 6:
-            expect(getElement('.k-tooltip-content')).eql(content);
-            element.querySelector('span').click();
-            _context6.next = 10;
-            return wait(500);
-
-          case 10:
-            expect(getElement('.k-tooltip-content')).eql(content);
-            dispatchEvent(content, 'mouseleave');
-            _context6.next = 14;
-            return wait(600);
-
-          case 14:
-            expect(getElement('.k-tooltip-content')).eql(content);
-
-          case 15:
-          case "end":
-            return _context6.stop();
-        }
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          _mount6 = mount(AlwaysDemo), element = _mount6[1];
+          content = getElement('.k-tooltip-content');
+          expect(content.textContent).eql('hello');
+          document.body.click();
+          _context6.next = 6;
+          return wait(500);
+        case 6:
+          expect(getElement('.k-tooltip-content')).eql(content);
+          element.querySelector('span').click();
+          _context6.next = 10;
+          return wait(500);
+        case 10:
+          expect(getElement('.k-tooltip-content')).eql(content);
+          dispatchEvent(content, 'mouseleave');
+          _context6.next = 14;
+          return wait(600);
+        case 14:
+          expect(getElement('.k-tooltip-content')).eql(content);
+        case 15:
+        case "end":
+          return _context6.stop();
       }
     }, _callee6);
-  }))); // 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
   //     }
@@ -397,296 +338,228 @@ 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 _callee7() {
     var Demo, _mount7, i, content;
-
     return _regeneratorRuntime.wrap(function _callee7$(_context8) {
-      while (1) {
-        switch (_context8.prev = _context8.next) {
-          case 0:
-            Demo = /*#__PURE__*/function (_Component) {
-              _inheritsLoose(Demo, _Component);
-
-              function Demo() {
-                var _context7;
-
-                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(_context7 = [this]).call(_context7, args)) || this;
-                _this.Tooltip = Tooltip;
-                return _this;
+      while (1) switch (_context8.prev = _context8.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component) {
+            _inheritsLoose(Demo, _Component);
+            function Demo() {
+              var _context7;
+              var _this;
+              for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                args[_key] = arguments[_key];
               }
-
-              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
-              };
+              _this = _Component.call.apply(_Component, _concatInstanceProperty(_context7 = [this]).call(_context7, 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
             };
-
-            _mount7 = mount(Demo), i = _mount7[0];
-            dispatchEvent(i.refs.test, 'mouseenter');
-            _context8.next = 7;
-            return wait();
-
-          case 7:
-            content = getElement('.k-tooltip-content');
-            expect(content.textContent).eql('hello');
-            i.set('disabled', true);
-            _context8.next = 12;
-            return wait(500);
-
-          case 12:
-            content = getElement('.k-tooltip-content');
-            expect(content).eql(undefined);
-            i.set('disabled', false);
-            _context8.next = 17;
-            return wait();
-
-          case 17:
-            content = getElement('.k-tooltip-content');
-            expect(content).eql(undefined);
-
-          case 19:
-          case "end":
-            return _context8.stop();
-        }
+          };
+          _mount7 = mount(Demo), i = _mount7[0];
+          dispatchEvent(i.refs.test, 'mouseenter');
+          _context8.next = 7;
+          return wait();
+        case 7:
+          content = getElement('.k-tooltip-content');
+          expect(content.textContent).eql('hello');
+          i.set('disabled', true);
+          _context8.next = 12;
+          return wait(500);
+        case 12:
+          content = getElement('.k-tooltip-content');
+          expect(content).eql(undefined);
+          i.set('disabled', false);
+          _context8.next = 17;
+          return wait();
+        case 17:
+          content = getElement('.k-tooltip-content');
+          expect(content).eql(undefined);
+        case 19:
+        case "end":
+          return _context8.stop();
       }
     }, _callee7);
   })));
   it('should not detect collison when target is not in viewport', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
     var Demo, _mount8, i, content;
-
     return _regeneratorRuntime.wrap(function _callee8$(_context10) {
-      while (1) {
-        switch (_context10.prev = _context10.next) {
-          case 0:
-            Demo = /*#__PURE__*/function (_Component2) {
-              _inheritsLoose(Demo, _Component2);
-
-              function Demo() {
-                var _context9;
-
-                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(_context9 = [this]).call(_context9, args)) || this;
-                _this2.Tooltip = Tooltip;
-                return _this2;
+      while (1) switch (_context10.prev = _context10.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component2) {
+            _inheritsLoose(Demo, _Component2);
+            function Demo() {
+              var _context9;
+              var _this2;
+              for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                args[_key2] = arguments[_key2];
               }
-
-              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
-              };
+              _this2 = _Component2.call.apply(_Component2, _concatInstanceProperty(_context9 = [this]).call(_context9, 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
             };
-
-            _mount8 = mount(Demo), i = _mount8[0]; // await wait(500);
-            // window.scrollTo(0, 10000);
-
-            i.set('show', true);
-            _context10.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 _context10.stop();
-        }
+          };
+          _mount8 = mount(Demo), i = _mount8[0]; // await wait(500);
+          // window.scrollTo(0, 10000);
+          i.set('show', true);
+          _context10.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 _context10.stop();
       }
     }, _callee8);
   })));
   it('should add className', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
     var Demo, _mount9, instance, element, trigger, dropdown;
-
     return _regeneratorRuntime.wrap(function _callee9$(_context12) {
-      while (1) {
-        switch (_context12.prev = _context12.next) {
-          case 0:
-            Demo = /*#__PURE__*/function (_Component3) {
-              _inheritsLoose(Demo, _Component3);
-
-              function Demo() {
-                var _context11;
-
-                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(_context11 = [this]).call(_context11, args)) || this;
-                _this3.Tooltip = Tooltip;
-                return _this3;
+      while (1) switch (_context12.prev = _context12.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component3) {
+            _inheritsLoose(Demo, _Component3);
+            function Demo() {
+              var _context11;
+              var _this3;
+              for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+                args[_key3] = arguments[_key3];
               }
-
-              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            ";
-            _mount9 = mount(Demo), instance = _mount9[0], element = _mount9[1];
-            trigger = instance.refs.test;
-            expect(trigger.className).to.eql('b a');
-            dispatchEvent(trigger, 'mouseenter');
-            _context12.next = 8;
-            return wait();
-
-          case 8:
-            dropdown = getElement('.k-tooltip-content');
-            expect(dropdown.classList.contains('a')).to.be.true;
-
-          case 10:
-          case "end":
-            return _context12.stop();
-        }
+              _this3 = _Component3.call.apply(_Component3, _concatInstanceProperty(_context11 = [this]).call(_context11, 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            ";
+          _mount9 = mount(Demo), instance = _mount9[0], element = _mount9[1];
+          trigger = instance.refs.test;
+          expect(trigger.className).to.eql('b a');
+          dispatchEvent(trigger, 'mouseenter');
+          _context12.next = 8;
+          return wait();
+        case 8:
+          dropdown = getElement('.k-tooltip-content');
+          expect(dropdown.classList.contains('a')).to.be.true;
+        case 10:
+        case "end":
+          return _context12.stop();
       }
     }, _callee9);
   })));
   it('should fix the width in small container', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
     var Demo, _mount10, instance, element, trigger, expecedWidth, content, width, newWidth;
-
     return _regeneratorRuntime.wrap(function _callee10$(_context14) {
-      while (1) {
-        switch (_context14.prev = _context14.next) {
-          case 0:
-            Demo = /*#__PURE__*/function (_Component4) {
-              _inheritsLoose(Demo, _Component4);
-
-              function Demo() {
-                var _context13;
-
-                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(_context13 = [this]).call(_context13, args)) || this;
-                _this4.Tooltip = Tooltip;
-                _this4.Dialog = Dialog;
-                return _this4;
+      while (1) switch (_context14.prev = _context14.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component4) {
+            _inheritsLoose(Demo, _Component4);
+            function Demo() {
+              var _context13;
+              var _this4;
+              for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+                args[_key4] = arguments[_key4];
               }
-
-              return Demo;
-            }(Component);
-
-            Demo.template = "\n                const {Tooltip, Dialog} = this;\n                <div style=\"text-align: right; position: relative; width: 350px;\">\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\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            ";
-            _mount10 = mount(Demo), instance = _mount10[0], element = _mount10[1];
-            trigger = element.querySelector('.trigger');
-            expecedWidth = parseInt(tooltipTheme.maxWidth);
-            dispatchEvent(trigger, 'mouseenter');
-            _context14.next = 8;
-            return wait();
-
-          case 8:
-            content = getElement('.k-tooltip-content');
-            width = content.offsetWidth;
-            expect(width).to.eql(expecedWidth);
-            dispatchEvent(trigger, 'mouseleave');
-            _context14.next = 14;
-            return wait();
-
-          case 14:
-            dispatchEvent(trigger, 'mouseenter');
-            _context14.next = 17;
-            return wait();
-
-          case 17:
-            newWidth = content.offsetWidth;
-            expect(newWidth).to.eql(width);
-
-          case 19:
-          case "end":
-            return _context14.stop();
-        }
+              _this4 = _Component4.call.apply(_Component4, _concatInstanceProperty(_context13 = [this]).call(_context13, 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: 350px;\">\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\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            ";
+          _mount10 = mount(Demo), instance = _mount10[0], element = _mount10[1];
+          trigger = element.querySelector('.trigger');
+          expecedWidth = parseInt(tooltipTheme.maxWidth);
+          dispatchEvent(trigger, 'mouseenter');
+          _context14.next = 8;
+          return wait();
+        case 8:
+          content = getElement('.k-tooltip-content');
+          width = content.offsetWidth;
+          expect(width).to.eql(expecedWidth);
+          dispatchEvent(trigger, 'mouseleave');
+          _context14.next = 14;
+          return wait();
+        case 14:
+          dispatchEvent(trigger, 'mouseenter');
+          _context14.next = 17;
+          return wait();
+        case 17:
+          newWidth = content.offsetWidth;
+          expect(newWidth).to.eql(width);
+        case 19:
+        case "end":
+          return _context14.stop();
       }
     }, _callee10);
   })));
   it('should not impact select when wrap select with tooltip', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
     var Demo, _mount11, instance, element, menu;
-
     return _regeneratorRuntime.wrap(function _callee11$(_context16) {
-      while (1) {
-        switch (_context16.prev = _context16.next) {
-          case 0:
-            Demo = /*#__PURE__*/function (_Component5) {
-              _inheritsLoose(Demo, _Component5);
-
-              function Demo() {
-                var _context15;
-
-                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(_context15 = [this]).call(_context15, args)) || this;
-                _this5.Tooltip = Tooltip;
-                _this5.Select = Select;
-                _this5.Option = Option;
-                return _this5;
+      while (1) switch (_context16.prev = _context16.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component5) {
+            _inheritsLoose(Demo, _Component5);
+            function Demo() {
+              var _context15;
+              var _this5;
+              for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+                args[_key5] = arguments[_key5];
               }
-
-              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            ";
-            _mount11 = mount(Demo), instance = _mount11[0], element = _mount11[1];
-            dispatchEvent(element, 'mouseenter');
-            _context16.next = 6;
-            return wait();
-
-          case 6:
-            dispatchEvent(element, 'click');
-            _context16.next = 9;
-            return wait();
-
-          case 9:
-            menu = getElement(".k-select-menu");
-            dispatchEvent(element, 'mouseleave');
-            _context16.next = 13;
-            return wait(500);
-
-          case 13:
-            expect(menu.style.display).to.eql('');
-
-          case 14:
-          case "end":
-            return _context16.stop();
-        }
+              _this5 = _Component5.call.apply(_Component5, _concatInstanceProperty(_context15 = [this]).call(_context15, 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            ";
+          _mount11 = mount(Demo), instance = _mount11[0], element = _mount11[1];
+          dispatchEvent(element, 'mouseenter');
+          _context16.next = 6;
+          return wait();
+        case 6:
+          dispatchEvent(element, 'click');
+          _context16.next = 9;
+          return wait();
+        case 9:
+          menu = getElement(".k-select-menu");
+          dispatchEvent(element, 'mouseleave');
+          _context16.next = 13;
+          return wait(500);
+        case 13:
+          expect(menu.style.display).to.eql('');
+        case 14:
+        case "end":
+          return _context16.stop();
       }
     }, _callee11);
   })));