@king-design/react 2.0.0-beta.1 → 2.0.0

package/components/timepicker/index.spec.js

@@ -18,7 +18,7 @@ describe('Timepicker', function () {
           case 0:
             unmount();
             _context.next = 3;
-            return wait(400);
+            return wait(500);
 
           case 3:
           case "end":
@@ -34,106 +34,107 @@ describe('Timepicker', function () {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
+            this.timeout(0);
             _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
             _element$querySelecto = element.querySelectorAll('.k-select'), picker1 = _element$querySelecto[0], picker2 = _element$querySelecto[1];
             picker1.click();
-            _context2.next = 5;
-            return wait(300);
+            _context2.next = 6;
+            return wait(500);
 
-          case 5:
+          case 6:
             dropdown = getElement('.k-time-content');
             expect(dropdown.innerHTML).to.matchSnapshot();
             next = dropdown.querySelector('.k-scroll-select-item:nth-child(11)');
             next.click();
-            _context2.next = 11;
+            _context2.next = 12;
             return wait();
 
-          case 11:
+          case 12:
             expect(dropdown.innerHTML).to.matchSnapshot();
             expect(instance.get('time')).to.be.null;
             next.click();
-            _context2.next = 16;
+            _context2.next = 17;
             return wait();
 
-          case 16:
+          case 17:
             expect(instance.get('time')).to.be.null;
             expect(dropdown.innerHTML).to.matchSnapshot();
             ok = dropdown.querySelector('.k-btn');
             ok.click();
-            _context2.next = 22;
-            return wait(300);
+            _context2.next = 23;
+            return wait(500);
 
-          case 22:
+          case 23:
             expect(instance.get('time')).to.eql('02:00:00');
             expect(dropdown.style.display).to.eql('none'); // set time
 
             instance.set('time', '03:03:03');
             picker1.click();
-            _context2.next = 28;
-            return wait(300);
+            _context2.next = 29;
+            return wait(500);
 
-          case 28:
+          case 29:
             expect(dropdown.innerHTML).to.matchSnapshot(); // multiple
 
             picker2.click();
-            _context2.next = 32;
-            return wait(300);
+            _context2.next = 33;
+            return wait(500);
 
-          case 32:
+          case 33:
             dropdown = getElement('.k-time-content');
             dropdown.querySelector('.k-scroll-select-item:nth-child(11)').click();
             ok2 = dropdown.querySelector('.k-btn');
             ok2.click();
             dropdown.querySelector('.k-scroll-select-item:nth-child(12)').click();
             ok2.click();
-            _context2.next = 40;
+            _context2.next = 41;
             return wait();
 
-          case 40:
+          case 41:
             expect(instance.get('timeArray')).to.eql(['01:00:00', '02:00:00']); // click the same time will do nothing
 
             ok2.click();
-            _context2.next = 44;
+            _context2.next = 45;
             return wait();
 
-          case 44:
+          case 45:
             expect(instance.get('timeArray')).to.eql(['01:00:00', '02:00:00']); // remove one value
 
             _picker2$querySelecto = picker2.querySelectorAll('.k-select-close'), close = _picker2$querySelecto[1];
             close.click();
-            _context2.next = 49;
+            _context2.next = 50;
             return wait();
 
-          case 49:
+          case 50:
             expect(instance.get('timeArray')).to.eql(['01:00:00']);
             expect(dropdown.innerHTML).to.matchSnapshot(); // clear
 
             picker2.querySelector('.k-select-clear').click();
-            _context2.next = 54;
+            _context2.next = 55;
             return wait();
 
-          case 54:
+          case 55:
             expect(instance.get('timeArray')).to.eql([]);
             ok2.click();
-            _context2.next = 58;
+            _context2.next = 59;
             return wait();
 
-          case 58:
+          case 59:
             expect(instance.get('timeArray')).to.eql(['00:00:00']); // set value
 
             instance.set('timeArray', ['03:03:03', '03:03:04']);
-            _context2.next = 62;
+            _context2.next = 63;
             return wait();
 
-          case 62:
+          case 63:
             expect(dropdown.innerHTML).to.matchSnapshot();
 
-          case 63:
+          case 64:
           case "end":
             return _context2.stop();
         }
       }
-    }, _callee2);
+    }, _callee2, this);
   })));
   it('range', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var _mount2, instance, element, picker, dropdown, _dropdown$querySelect, start, end;
@@ -146,7 +147,7 @@ describe('Timepicker', function () {
             picker = element.querySelector('.k-select');
             picker.click();
             _context3.next = 5;
-            return wait(300);
+            return wait(500);
 
           case 5:
             dropdown = getElement('.k-time-content');
@@ -169,7 +170,7 @@ describe('Timepicker', function () {
             return wait();
 
           case 19:
-            expect(instance.get('time')).to.eql(['01:00:00', '02:00:00']);
+            expect(instance.get('time')).to.eql(['01:00:00', '01:59:59']);
 
           case 20:
           case "end":
@@ -227,7 +228,7 @@ describe('Timepicker', function () {
 
           case 11:
             expect(dropdown.innerHTML).to.matchSnapshot();
-            end.querySelector('.k-active').nextElementSibling.click();
+            end.querySelector('.k-disabled').nextElementSibling.click();
             _context5.next = 15;
             return wait();
 
@@ -306,7 +307,7 @@ describe('Timepicker', function () {
             return wait();
 
           case 39:
-            expect(instance.get('time3')).eql(['00:30:00.000', '01:00:00.000']);
+            expect(instance.get('time3')).eql(['00:30:00.000', '00:30:00.000']);
             expect(input3.innerHTML).to.matchSnapshot();
 
           case 41:

package/components/timepicker/useStep.js

@@ -1,7 +1,7 @@
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
 import { useInstance } from 'intact-react';
 import { useState } from '../../hooks/useState';
-import { NOW } from './constants';
+import { NOW_START, NOW_END } from './constants';
 import { useReceive } from '../../hooks/useReceive';
 export function useStep(_ref, _ref2) {
   var maxDate = _ref.maxDate,
@@ -18,9 +18,9 @@ export function useStep(_ref, _ref2) {
 
     if (step) {
       var data = [];
-      var maxValue = maxDate.value || NOW.hour(23).minute(59).second(59);
+      var maxValue = maxDate.value || NOW_END;
       var stepValue = parseTime(step);
-      var value = minDate.value || NOW;
+      var value = minDate.value || NOW_START;
 
       var push = function push(value) {
         data.push({

package/components/timepicker/useValue.js

@@ -5,7 +5,7 @@ import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slic
 import { useInstance } from 'intact-react';
 import { last } from '../utils';
 import { useValue as useValueBase } from '../datepicker/basepicker';
-import { NOW } from './constants';
+import { NOW_START, NOW_END } from './constants';
 export function useValue(formats, disabled, panel) {
   var instance = useInstance();
 
@@ -34,7 +34,7 @@ export function useValue(formats, disabled, panel) {
   });
 
   function getPlaceholderDates() {
-    return instance.get('range') ? [NOW, NOW] : NOW;
+    return instance.get('range') ? [NOW_START, NOW_END] : NOW_START;
   }
 
   function onChangeTimeByStep(v, flag) {

package/components/tooltip/index.spec.js

@@ -3,6 +3,7 @@ import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
 import _Array$from2 from "@babel/runtime-corejs3/core-js/array/from";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _JSON$stringify from "@babel/runtime-corejs3/core-js/json/stringify";
 import { findDomFromVNode, Component } from 'intact-react';
 import BasicDemo from '~/components/tooltip/demos/basic';
 import PositionDemo from '~/components/tooltip/demos/position';
@@ -52,7 +53,7 @@ describe('Tooltip', function () {
 
             dispatchEvent(first, 'mouseleave');
             _context.next = 20;
-            return wait(400);
+            return wait(600);
 
           case 20:
             expect(content.style.display).to.eql('none');
@@ -208,7 +209,7 @@ describe('Tooltip', function () {
 
             document.body.click();
             _context3.next = 15;
-            return wait(300);
+            return wait(500);
 
           case 15:
             expect(content.style.display).to.eql('none');
@@ -227,40 +228,41 @@ describe('Tooltip', function () {
       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 = 5;
+            _context4.next = 6;
             return wait();
 
-          case 5:
+          case 6:
             dispatchEvent(canHover, 'mouseleave');
-            _context4.next = 8;
-            return wait(300);
+            _context4.next = 9;
+            return wait(500);
 
-          case 8:
+          case 9:
             content = getElement('.k-tooltip-content');
             dispatchEvent(content, 'mouseenter');
-            _context4.next = 12;
-            return wait(300);
+            _context4.next = 13;
+            return wait(500);
 
-          case 12:
-            content1 = getElement('.k-tooltip-content'); //  should not hide when hover from button to tooltip content    
+          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 = 17;
-            return wait(500);
+            _context4.next = 18;
+            return wait(800);
 
-          case 17:
+          case 18:
             expect(content.style.display).to.eql('none');
 
-          case 18:
+          case 19:
           case "end":
             return _context4.stop();
         }
       }
-    }, _callee4);
+    }, _callee4, this);
   })));
   it('should custom content correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
     var _mount5, element, _Array$from4, btn, content;
@@ -273,7 +275,7 @@ describe('Tooltip', function () {
             _Array$from4 = _Array$from2(element.querySelectorAll('.k-btn')), btn = _Array$from4[0];
             btn.click();
             _context5.next = 5;
-            return wait(300);
+            return wait(500);
 
           case 5:
             content = getElement('.k-tooltip-content'); // ignore the arrow, because it may change className to adapt to the direction
@@ -311,7 +313,7 @@ describe('Tooltip', function () {
             expect(content.querySelector('.k-tooltip-buttons').outerHTML).to.matchSnapshot();
             content.querySelector('.k-btn').click();
             _context6.next = 13;
-            return wait(300);
+            return wait(500);
 
           case 13:
             expect(content.style.display).eql('none');
@@ -324,7 +326,7 @@ describe('Tooltip', function () {
             _Array$from5 = _Array$from2(content.querySelectorAll('.k-btn')), btn = _Array$from5[1];
             btn.click();
             _context6.next = 22;
-            return wait(300);
+            return wait(500);
 
           case 22:
             expect(content.style.display).eql('none');
@@ -350,19 +352,19 @@ describe('Tooltip', function () {
             expect(content.textContent).eql('hello');
             document.body.click();
             _context7.next = 6;
-            return wait(300);
+            return wait(500);
 
           case 6:
             expect(getElement('.k-tooltip-content')).eql(content);
             element.querySelector('span').click();
             _context7.next = 10;
-            return wait(300);
+            return wait(500);
 
           case 10:
             expect(getElement('.k-tooltip-content')).eql(content);
             dispatchEvent(content, 'mouseleave');
             _context7.next = 14;
-            return wait(500);
+            return wait(600);
 
           case 14:
             expect(getElement('.k-tooltip-content')).eql(content);
@@ -487,7 +489,7 @@ describe('Tooltip', function () {
             expect(content.textContent).eql('hello');
             i.set('disabled', true);
             _context9.next = 12;
-            return wait(300);
+            return wait(500);
 
           case 12:
             content = getElement('.k-tooltip-content');
@@ -562,9 +564,11 @@ describe('Tooltip', function () {
 
           case 10:
             content = getElement('.k-tooltip-content');
+            console.log(content.outerHTML);
+            console.log(_JSON$stringify(content.getBoundingClientRect()));
             expect(content.getBoundingClientRect().top < 0).to.be.true;
 
-          case 12:
+          case 14:
           case "end":
             return _context11.stop();
         }

package/components/transfer/index.spec.js

@@ -89,7 +89,7 @@ describe('Transfer', function () {
             _element$querySelecto = element.querySelectorAll('.k-btn'), remove = _element$querySelecto[0], add = _element$querySelecto[1];
             add.click();
             _context2.next = 10;
-            return wait(300);
+            return wait(500);
 
           case 10:
             expect(element.outerHTML).to.matchSnapshot();
@@ -102,7 +102,7 @@ describe('Transfer', function () {
             expect(element.outerHTML).to.matchSnapshot();
             remove.click();
             _context2.next = 19;
-            return wait(300);
+            return wait(500);
 
           case 19:
             expect(element.outerHTML).to.matchSnapshot();
@@ -191,50 +191,51 @@ describe('Transfer', function () {
       while (1) {
         switch (_context4.prev = _context4.next) {
           case 0:
+            this.timeout(0);
             _mount5 = mount(LabelDemo), instance = _mount5[0], element = _mount5[1];
             transfer = instance.refs.__test;
             transfer.set('leftKeywords', '0');
-            _context4.next = 5;
-            return wait(300);
+            _context4.next = 6;
+            return wait(500);
 
-          case 5:
+          case 6:
             expect(element.innerHTML).to.matchSnapshot();
             checkAll = element.querySelector('.k-transfer-title .k-checkbox');
             checkAll.click();
-            _context4.next = 10;
+            _context4.next = 11;
             return wait();
 
-          case 10:
+          case 11:
             expect(element.innerHTML).to.matchSnapshot();
             transfer.set('leftKeywords', '');
-            _context4.next = 14;
-            return wait(300);
+            _context4.next = 15;
+            return wait(500);
 
-          case 14:
+          case 15:
             expect(element.innerHTML).to.matchSnapshot();
             checkAll.click();
-            _context4.next = 18;
+            _context4.next = 19;
             return wait();
 
-          case 18:
+          case 19:
             expect(element.innerHTML).to.matchSnapshot();
             transfer.set('leftKeywords', '0');
-            _context4.next = 22;
+            _context4.next = 23;
             return wait();
 
-          case 22:
+          case 23:
             transfer.set('leftKeywords', '');
-            _context4.next = 25;
-            return wait(300);
+            _context4.next = 26;
+            return wait(500);
 
-          case 25:
+          case 26:
             expect(element.innerHTML).to.matchSnapshot();
 
-          case 26:
+          case 27:
           case "end":
             return _context4.stop();
         }
       }
-    }, _callee4);
+    }, _callee4, this);
   })));
 });

package/components/tree/index.d.ts

@@ -2,7 +2,7 @@ import { Component, Key, TypeDefs } from 'intact-react';
 import { DataItem, Node } from './useNodes';
 import { Mode } from './useDraggable';
 import type { Events } from '../types';
-export type { Node as TreeNode, DataItem as TreeDataItem, };
+export type { Node as TreeNode, DataItem as TreeDataItem, Mode as TreeMode, };
 export interface TreeProps<K extends Key = Key> {
     data?: DataItem<K>[];
     filter?: Filter<K>;

package/components/tree/index.js

@@ -10,7 +10,7 @@ import { useChecked } from './useChecked';
 import { useExpanded } from './useExpanded';
 import { useSelected } from './useSelected';
 import { useFilter } from './useFilter';
-import { useDraggable } from './useDraggable';
+import { useDraggable, Mode } from './useDraggable';
 import { useTransitionEvent } from './useTransitionEvent';
 var typeDefs = {
   data: Array,

package/components/tree/index.spec.js

@@ -21,33 +21,34 @@ describe('Tree', function () {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
+            this.timeout(0);
             _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
             _element$querySelecto = element.querySelectorAll('.k-icon'), icon1 = _element$querySelecto[1], icon2 = _element$querySelecto[2];
             icon2.click();
-            _context.next = 5;
-            return wait(300);
+            _context.next = 6;
+            return wait(500);
 
-          case 5:
+          case 6:
             expect(element.outerHTML).to.matchSnapshot();
             icon1.click();
-            _context.next = 9;
-            return wait(300);
+            _context.next = 10;
+            return wait(500);
 
-          case 9:
+          case 10:
             expect(element.outerHTML).to.matchSnapshot();
             icon1.click();
-            _context.next = 13;
-            return wait(300);
+            _context.next = 14;
+            return wait(500);
 
-          case 13:
+          case 14:
             expect(element.outerHTML).to.matchSnapshot();
 
-          case 14:
+          case 15:
           case "end":
             return _context.stop();
         }
       }
-    }, _callee);
+    }, _callee, this);
   })));
   it('checkbox', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _mount2, instance, element, tree, _element$querySelecto2, checkbox1, checkbox2, data1, _element$querySelecto3, firstIcon, icon, _element$querySelecto4, icon1, data2, _element$querySelecto5, checkbox3, checkbox4;
@@ -80,7 +81,7 @@ describe('Tree', function () {
 
             icon1.click();
             _context2.next = 19;
-            return wait(300);
+            return wait(500);
 
           case 19:
             expect(element.outerHTML).to.matchSnapshot();
@@ -182,7 +183,7 @@ describe('Tree', function () {
             _element$querySelecto8 = element.querySelectorAll('.k-btn'), btn1 = _element$querySelecto8[0], btn2 = _element$querySelecto8[1];
             btn1.click();
             _context4.next = 6;
-            return wait(300);
+            return wait(500);
 
           case 6:
             expect(element.outerHTML).to.matchSnapshot();
@@ -190,7 +191,7 @@ describe('Tree', function () {
             expect(instance.get('data')).to.matchSnapshot();
             btn2.click();
             _context4.next = 12;
-            return wait(300);
+            return wait(500);
 
           case 12:
             expect(element.outerHTML).to.matchSnapshot();
@@ -203,7 +204,7 @@ describe('Tree', function () {
             _element$querySelecto10 = element.querySelectorAll('.k-btn'), btn3 = _element$querySelecto10[3];
             btn3.click();
             _context4.next = 21;
-            return wait(300);
+            return wait(500);
 
           case 21:
             expect(element.outerHTML).to.matchSnapshot(); // uncheck and remove
@@ -216,7 +217,7 @@ describe('Tree', function () {
           case 26:
             checkbox1.parentNode.querySelector('.k-btn:nth-child(2)').click();
             _context4.next = 29;
-            return wait(300);
+            return wait(500);
 
           case 29:
             expect(element.outerHTML).to.matchSnapshot();
@@ -291,7 +292,7 @@ describe('Tree', function () {
             tree.set('selectable', false);
             text1.click();
             _context6.next = 21;
-            return wait(300);
+            return wait(500);
 
           case 21:
             expect(tree.getSelectedData().length).to.eql(0);
@@ -321,7 +322,7 @@ describe('Tree', function () {
             _mount7 = mount(DraggableDemo), instance = _mount7[0], element = _mount7[1];
             instance.set('expandedKeys', ['2', '2-1', '1', '1-1']);
             _context7.next = 11;
-            return wait(300);
+            return wait(500);
 
           case 11:
             // can not drag disabled item
@@ -413,7 +414,7 @@ function _dragInsert() {
           case 6:
             dispatchEvent(toElement, 'dragend');
             _context8.next = 9;
-            return wait(300);
+            return wait(500);
 
           case 9:
           case "end":

package/components/tree/index.vdt.js

@@ -80,6 +80,7 @@ export default function ($props, $blocks, $__proto__) {
 
       return _$ce(2, 'div', [_$ce(2, 'div', [node.children && node.loaded !== false ? _$cc(Icon, {
         'className': 'k-tree-icon ion-android-arrow-dropdown',
+        'hoverable': true,
         'ev-click': function evClick(e) {
           // it may be in dropdownMenu, e.g. TreeSelect
           e._ignore = true;

package/components/tree/styles.js

@@ -3,6 +3,10 @@ import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults, palette } from '../../styles/utils';
 import '../../styles/global';
 var defaults = {
+  get transition() {
+    return theme.transition.middle;
+  },
+
   fontSize: '12px',
   lineHeight: '24px',
 
@@ -65,5 +69,5 @@ setDefault(function () {
   }).tree;
 });
 export function makeStyles() {
-  return /*#__PURE__*/css("font-size:", tree.fontSize, ";line-height:", tree.lineHeight, ";position:relative;.k-tree-label{position:relative;display:flex;align-items:center;&.k-before,&.k-after{&:before{position:absolute;content:'';display:block;border-top:", tree.dragging.border, ";width:100%;left:0;}}&.k-before:before{top:0;}&.k-after:before{bottom:0;}&.k-inner{background:", tree.selected.bgColor, ";}}.k-tree-icon,.k-tree-text{cursor:pointer;}.k-tree-text{padding:", tree.textPadding, ";border-radius:", tree.borderRadius, ";flex:1;}.k-tree-leaf{padding-left:", tree.leafIndent, ";}.k-tree-icon{width:", tree.iconWidth, ";text-align:center;color:", tree.iconColor, ";transform:rotate(-90deg);transition:transform ", theme.transition, ";}.k-tree-checkbox{margin-right:", tree.checkboxGap, ";}&.k-selectable{.k-tree-node{&.k-selected{>.k-tree-label .k-tree-text{background:", tree.selected.bgColor, "!important;}}}}.k-tree-node{background:#fff;&:not(.k-disabled){>.k-tree-label .k-tree-text:hover{background:", theme.color.bg, ";}}&.k-expanded{>.k-tree-label .k-tree-icon{transform:rotate(0);}}&.k-disabled{>.k-tree-label{color:", tree.disabledColor, ";.k-tree-text{cursor:not-allowed;}}}&.k-dragging{background:", tree.dragging.bgColor, ";.k-tree-node{background:", tree.dragging.bgColor, ";}}}.k-tree{margin-left:", tree.marginLeft, ";padding-left:", tree.paddingLeft, ";}&.k-line .k-tree{border-left:", tree.line, ";}");
+  return /*#__PURE__*/css("font-size:", tree.fontSize, ";line-height:", tree.lineHeight, ";position:relative;.k-tree-label{position:relative;display:flex;align-items:center;&.k-before,&.k-after{&:before{position:absolute;content:'';display:block;border-top:", tree.dragging.border, ";width:100%;left:0;}}&.k-before:before{top:0;}&.k-after:before{bottom:0;}&.k-inner{background:", tree.selected.bgColor, ";}}.k-tree-icon,.k-tree-text{cursor:pointer;}.k-tree-text{padding:", tree.textPadding, ";border-radius:", tree.borderRadius, ";flex:1;}.k-tree-leaf{padding-left:", tree.leafIndent, ";}.k-tree-icon{width:", tree.iconWidth, ";text-align:center;color:", tree.iconColor, ";&:before{transform:rotate(-90deg);transition:transform ", tree.transition, ";}}.k-tree-checkbox{margin-right:", tree.checkboxGap, ";}&.k-selectable{.k-tree-node{&.k-selected{>.k-tree-label .k-tree-text{background:", tree.selected.bgColor, "!important;}}}}.k-tree-node{background:#fff;&:not(.k-disabled){>.k-tree-label .k-tree-text:hover{background:", theme.color.bg, ";}}&.k-expanded{>.k-tree-label .k-tree-icon:before{transform:rotate(0);}}&.k-disabled{>.k-tree-label{color:", tree.disabledColor, ";.k-tree-text{cursor:not-allowed;}}}&.k-dragging{background:", tree.dragging.bgColor, ";.k-tree-node{background:", tree.dragging.bgColor, ";}}}.k-tree{margin-left:", tree.marginLeft, ";padding-left:", tree.paddingLeft, ";}&.k-line .k-tree{border-left:", tree.line, ";}");
 }

package/components/treeSelect/index.spec.js

@@ -32,7 +32,7 @@ describe('TreeSelect', function () {
             dropdown.querySelector('.k-tree-text').click();
             expect(instance.get('value')).to.eql('1');
             _context.next = 10;
-            return wait(300);
+            return wait(500);
 
           case 10:
             expect(getElement('.k-tree-select-menu')).to.be.undefined;
@@ -66,7 +66,7 @@ describe('TreeSelect', function () {
             expect(instance.get('values')).to.eql(['1.1']);
             instance.set('values', ['1']);
             _context2.next = 14;
-            return wait(300);
+            return wait(500);
 
           case 14:
             expect(dropdown.innerHTML).to.matchSnapshot();
@@ -133,7 +133,7 @@ describe('TreeSelect', function () {
             input.value = 'first';
             dispatchEvent(input, 'input');
             _context4.next = 10;
-            return wait(300);
+            return wait(500);
 
           case 10:
             expect(dropdown.innerHTML).to.matchSnapshot();
@@ -187,13 +187,13 @@ describe('TreeSelect', function () {
           case 7:
             dispatchEvent(select, 'focusout');
             _context6.next = 10;
-            return wait(300);
+            return wait(500);
 
           case 10:
             expect(element.querySelector('.k-form-error')).to.be.null;
             dispatchEvent(select, 'click');
             _context6.next = 14;
-            return wait(300);
+            return wait(500);
 
           case 14:
             expect(element.querySelector('.k-form-error')).not.to.be.null;