@king-design/intact 2.1.3 → 2.1.4

package/es/components/cascader/index.spec.js

@@ -13,438 +13,424 @@ import { Component } from 'intact';
 describe('Cascader', function () {
   afterEach( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            unmount();
-            _context.next = 3;
-            return wait(500);
-
-          case 3:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          unmount();
+          _context.next = 3;
+          return wait(500);
+        case 3:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   })));
   it('basic test', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _mount, instance, element, select, dropdown1, _dropdown1$querySelec, item1, item2, dropdown2, _dropdown2$querySelec, item11, item12, dropdown3, _dropdown3$querySelec, item21, item22, _getElements, _dropdown1, _dropdown2, _dropdown3;
-
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
-            select = element.querySelector('.k-cascader');
-            select.click();
-            _context2.next = 5;
-            return wait();
-
-          case 5:
-            dropdown1 = getElement('.k-cascader-menu');
-            _dropdown1$querySelec = dropdown1.querySelectorAll(':scope > .k-dropdown-item'), item1 = _dropdown1$querySelec[0], item2 = _dropdown1$querySelec[1];
-            item2.click();
-            _context2.next = 10;
-            return wait();
-
-          case 10:
-            expect(dropdown1.innerHTML).to.matchSnapshot();
-            dropdown2 = getElement('.k-cascader-menu');
-            _dropdown2$querySelec = dropdown2.querySelectorAll(':scope > .k-dropdown-item'), item11 = _dropdown2$querySelec[0], item12 = _dropdown2$querySelec[1];
-            item12.click();
-            _context2.next = 16;
-            return wait();
-
-          case 16:
-            dropdown3 = getElement('.k-cascader-menu');
-            _dropdown3$querySelec = dropdown3.querySelectorAll(':scope > .k-dropdown-item'), item21 = _dropdown3$querySelec[0], item22 = _dropdown3$querySelec[1];
-            item22.click();
-            _context2.next = 21;
-            return wait();
-
-          case 21:
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(instance.get('value')).to.eql(['hunan', 'yueyang', 'yueyangxian']);
-            select.click();
-            _context2.next = 26;
-            return wait();
-
-          case 26:
-            _getElements = getElements('.k-cascader-menu'), _dropdown1 = _getElements[0], _dropdown2 = _getElements[1], _dropdown3 = _getElements[2];
-            expect(_dropdown1.innerHTML).to.matchSnapshot();
-            expect(_dropdown2.innerHTML).to.matchSnapshot();
-            expect(_dropdown3.innerHTML).to.matchSnapshot();
-
-          case 30:
-          case "end":
-            return _context2.stop();
-        }
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
+          select = element.querySelector('.k-cascader');
+          select.click();
+          _context2.next = 5;
+          return wait();
+        case 5:
+          dropdown1 = getElement('.k-cascader-menu');
+          _dropdown1$querySelec = dropdown1.querySelectorAll(':scope > .k-dropdown-item'), item1 = _dropdown1$querySelec[0], item2 = _dropdown1$querySelec[1];
+          item2.click();
+          _context2.next = 10;
+          return wait();
+        case 10:
+          expect(dropdown1.innerHTML).to.matchSnapshot();
+          dropdown2 = getElement('.k-cascader-menu');
+          _dropdown2$querySelec = dropdown2.querySelectorAll(':scope > .k-dropdown-item'), item11 = _dropdown2$querySelec[0], item12 = _dropdown2$querySelec[1];
+          item12.click();
+          _context2.next = 16;
+          return wait();
+        case 16:
+          dropdown3 = getElement('.k-cascader-menu');
+          _dropdown3$querySelec = dropdown3.querySelectorAll(':scope > .k-dropdown-item'), item21 = _dropdown3$querySelec[0], item22 = _dropdown3$querySelec[1];
+          item22.click();
+          _context2.next = 21;
+          return wait();
+        case 21:
+          expect(element.innerHTML).to.matchSnapshot();
+          expect(instance.get('value')).to.eql(['hunan', 'yueyang', 'yueyangxian']);
+          select.click();
+          _context2.next = 26;
+          return wait();
+        case 26:
+          _getElements = getElements('.k-cascader-menu'), _dropdown1 = _getElements[0], _dropdown2 = _getElements[1], _dropdown3 = _getElements[2];
+          expect(_dropdown1.innerHTML).to.matchSnapshot();
+          expect(_dropdown2.innerHTML).to.matchSnapshot();
+          expect(_dropdown3.innerHTML).to.matchSnapshot();
+        case 30:
+        case "end":
+          return _context2.stop();
       }
     }, _callee2);
   })));
   it('custom label', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var _mount2, instance, element;
-
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            _mount2 = mount(CustomDemo), instance = _mount2[0], element = _mount2[1];
-            instance.set('value', ['beijing', 'haidian']);
-            _context3.next = 4;
-            return wait();
-
-          case 4:
-            expect(element.innerHTML).to.matchSnapshot();
-            instance.set('value', ['hunan', 'yueyang', 'yueyangxian']);
-            _context3.next = 8;
-            return wait();
-
-          case 8:
-            expect(element.innerHTML).to.matchSnapshot();
-
-          case 9:
-          case "end":
-            return _context3.stop();
-        }
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _mount2 = mount(CustomDemo), instance = _mount2[0], element = _mount2[1];
+          instance.set('value', ['beijing', 'haidian']);
+          _context3.next = 4;
+          return wait();
+        case 4:
+          expect(element.innerHTML).to.matchSnapshot();
+          instance.set('value', ['hunan', 'yueyang', 'yueyangxian']);
+          _context3.next = 8;
+          return wait();
+        case 8:
+          expect(element.innerHTML).to.matchSnapshot();
+        case 9:
+        case "end":
+          return _context3.stop();
       }
     }, _callee3);
   })));
   it('change on select', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
     var _mount3, instance, element, select, dropdown1, _dropdown1$querySelec2, item1, item2;
-
     return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            _mount3 = mount(ChangeOnSelectDemo), instance = _mount3[0], element = _mount3[1];
-            select = element.querySelector('.k-cascader');
-            select.click();
-            _context4.next = 5;
-            return wait();
-
-          case 5:
-            dropdown1 = getElement('.k-cascader-menu');
-            _dropdown1$querySelec2 = dropdown1.querySelectorAll(':scope > .k-dropdown-item'), item1 = _dropdown1$querySelec2[0], item2 = _dropdown1$querySelec2[1];
-            item2.click();
-            _context4.next = 10;
-            return wait();
-
-          case 10:
-            expect(instance.get('value')).to.eql(['hunan']);
-            item1.click();
-            _context4.next = 14;
-            return wait();
-
-          case 14:
-            expect(instance.get('value')).to.eql(['beijing']);
-
-          case 15:
-          case "end":
-            return _context4.stop();
-        }
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          _mount3 = mount(ChangeOnSelectDemo), instance = _mount3[0], element = _mount3[1];
+          select = element.querySelector('.k-cascader');
+          select.click();
+          _context4.next = 5;
+          return wait();
+        case 5:
+          dropdown1 = getElement('.k-cascader-menu');
+          _dropdown1$querySelec2 = dropdown1.querySelectorAll(':scope > .k-dropdown-item'), item1 = _dropdown1$querySelec2[0], item2 = _dropdown1$querySelec2[1];
+          item2.click();
+          _context4.next = 10;
+          return wait();
+        case 10:
+          expect(instance.get('value')).to.eql(['hunan']);
+          item1.click();
+          _context4.next = 14;
+          return wait();
+        case 14:
+          expect(instance.get('value')).to.eql(['beijing']);
+        case 15:
+        case "end":
+          return _context4.stop();
       }
     }, _callee4);
   })));
   it('load data asychronously', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
     var _mount4, instance, element, dropdown1, _dropdown1$querySelec3, item1, item2, dropdown2, _dropdown2$querySelec2, item21, item22, dropdown3;
-
     return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-      while (1) {
-        switch (_context5.prev = _context5.next) {
-          case 0:
-            _mount4 = mount(LoadDataDemo), instance = _mount4[0], element = _mount4[1];
-            element.click();
-            _context5.next = 4;
-            return wait();
-
-          case 4:
-            dropdown1 = getElement('.k-cascader-menu');
-            _dropdown1$querySelec3 = dropdown1.querySelectorAll(':scope > .k-dropdown-item'), item1 = _dropdown1$querySelec3[0], item2 = _dropdown1$querySelec3[1];
-            item2.click();
-            _context5.next = 9;
-            return wait();
-
-          case 9:
-            dropdown2 = getElement('.k-cascader-menu');
-            expect(dropdown2.innerHTML).to.matchSnapshot();
-            expect(dropdown2.innerText).to.eql('');
-            _context5.next = 14;
-            return wait(1500);
-
-          case 14:
-            expect(dropdown2.innerHTML).to.matchSnapshot();
-            expect(dropdown2.innerText).to.not.eql('');
-            _dropdown2$querySelec2 = dropdown2.querySelectorAll(':scope > .k-dropdown-item'), item21 = _dropdown2$querySelec2[0], item22 = _dropdown2$querySelec2[1];
-            item22.click();
-            _context5.next = 20;
-            return wait();
-
-          case 20:
-            dropdown3 = getElement('.k-cascader-menu');
-            expect(dropdown3.innerHTML).to.matchSnapshot();
-            expect(dropdown3.innerText).to.eql('无数据');
-
-          case 23:
-          case "end":
-            return _context5.stop();
-        }
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          _mount4 = mount(LoadDataDemo), instance = _mount4[0], element = _mount4[1];
+          element.click();
+          _context5.next = 4;
+          return wait();
+        case 4:
+          dropdown1 = getElement('.k-cascader-menu');
+          _dropdown1$querySelec3 = dropdown1.querySelectorAll(':scope > .k-dropdown-item'), item1 = _dropdown1$querySelec3[0], item2 = _dropdown1$querySelec3[1];
+          item2.click();
+          _context5.next = 9;
+          return wait();
+        case 9:
+          dropdown2 = getElement('.k-cascader-menu');
+          expect(dropdown2.innerHTML).to.matchSnapshot();
+          expect(dropdown2.innerText).to.eql('');
+          _context5.next = 14;
+          return wait(1500);
+        case 14:
+          expect(dropdown2.innerHTML).to.matchSnapshot();
+          expect(dropdown2.innerText).to.not.eql('');
+          _dropdown2$querySelec2 = dropdown2.querySelectorAll(':scope > .k-dropdown-item'), item21 = _dropdown2$querySelec2[0], item22 = _dropdown2$querySelec2[1];
+          item22.click();
+          _context5.next = 20;
+          return wait();
+        case 20:
+          dropdown3 = getElement('.k-cascader-menu');
+          expect(dropdown3.innerHTML).to.matchSnapshot();
+          expect(dropdown3.innerText).to.eql('无数据');
+        case 23:
+        case "end":
+          return _context5.stop();
       }
     }, _callee5);
   })));
   it('filter', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
-    var _mount5, instance, element, input, dropdown, dropdown1;
-
+    var _mount5, instance, element, input, dropdown, dropdown1, _getElements2, _dropdown1, _dropdown2, _dropdown3;
     return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-      while (1) {
-        switch (_context6.prev = _context6.next) {
-          case 0:
-            _mount5 = mount(FilterDemo), instance = _mount5[0], element = _mount5[1];
-            input = element.querySelector('.k-input-inner'); // show menu
-
-            input.click();
-            _context6.next = 5;
-            return wait();
-
-          case 5:
-            // should show layer when input empty string
-            input.value = ' ';
-            dispatchEvent(input, 'input');
-            _context6.next = 9;
-            return wait();
-
-          case 9:
-            dropdown = getElement('.k-cascader-menu');
-            expect(dropdown.innerHTML).to.matchSnapshot();
-            expect(dropdown.innerText).to.eql('北京\n湖南');
-            input.value = '长沙';
-            dispatchEvent(input, 'input');
-            _context6.next = 16;
-            return wait();
-
-          case 16:
-            dropdown1 = getElement('.k-cascader-filter');
-            expect(dropdown1.innerHTML).to.matchSnapshot();
-            expect(dropdown1.innerText).to.eql('湖南 / 长沙市 / 岳麓区'); // should show no-data layer
-
-            input.value = 'xxx';
-            dispatchEvent(input, 'input');
-            _context6.next = 23;
-            return wait();
-
-          case 23:
-            expect(dropdown1.innerHTML).to.matchSnapshot();
-            expect(dropdown1.innerText).to.eql('无匹配数据');
-            input.value = '岳阳';
-            dispatchEvent(input, 'input');
-            _context6.next = 29;
-            return wait();
-
-          case 29:
-            expect(dropdown1.innerHTML).to.matchSnapshot();
-            expect(dropdown1.childElementCount).to.eql(2);
-            dropdown1.querySelector('.k-dropdown-item').click();
-            _context6.next = 34;
-            return wait();
-
-          case 34:
-            expect(instance.get('value')).to.eql(['hunan', 'yueyang', 'yueyanglou']);
-
-          case 35:
-          case "end":
-            return _context6.stop();
-        }
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          _mount5 = mount(FilterDemo), instance = _mount5[0], element = _mount5[1];
+          input = element.querySelector('.k-input-inner'); // show menu
+          input.click();
+          _context6.next = 5;
+          return wait();
+        case 5:
+          // should show layer when input empty string
+          input.value = ' ';
+          dispatchEvent(input, 'input');
+          _context6.next = 9;
+          return wait();
+        case 9:
+          dropdown = getElement('.k-cascader-menu');
+          expect(dropdown.innerHTML).to.matchSnapshot();
+          expect(dropdown.innerText).to.eql('北京\n湖南');
+          input.value = '长沙';
+          dispatchEvent(input, 'input');
+          _context6.next = 16;
+          return wait();
+        case 16:
+          dropdown1 = getElement('.k-cascader-filter');
+          expect(dropdown1.innerHTML).to.matchSnapshot();
+          expect(dropdown1.innerText).to.eql('湖南 / 长沙市 / 岳麓区');
+          // should show no-data layer
+          input.value = 'xxx';
+          dispatchEvent(input, 'input');
+          _context6.next = 23;
+          return wait();
+        case 23:
+          expect(dropdown1.innerHTML).to.matchSnapshot();
+          expect(dropdown1.innerText).to.eql('无匹配数据');
+          input.value = '岳阳';
+          dispatchEvent(input, 'input');
+          _context6.next = 29;
+          return wait();
+        case 29:
+          expect(dropdown1.innerHTML).to.matchSnapshot();
+          expect(dropdown1.childElementCount).to.eql(2);
+          dropdown1.querySelector('.k-dropdown-item').click();
+          _context6.next = 34;
+          return wait();
+        case 34:
+          expect(instance.get('value')).to.eql(['hunan', 'yueyang', 'yueyanglou']);
+          // show again to test the position
+          input.click();
+          _context6.next = 38;
+          return wait();
+        case 38:
+          _getElements2 = getElements('.k-cascader-menu'), _dropdown1 = _getElements2[0], _dropdown2 = _getElements2[1], _dropdown3 = _getElements2[2];
+          expect(_dropdown1.style.top).not.eql('0px');
+          expect(_dropdown2.style.top).not.eql('0px');
+          expect(_dropdown3.style.top).not.eql('0px');
+        case 42:
+        case "end":
+          return _context6.stop();
       }
     }, _callee6);
   })));
   it('no data for init data', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
     var _mount6, instance, element, _element$querySelecto, select, dropdown;
-
     return _regeneratorRuntime.wrap(function _callee7$(_context7) {
-      while (1) {
-        switch (_context7.prev = _context7.next) {
-          case 0:
-            _mount6 = mount(BasicDemo), instance = _mount6[0], element = _mount6[1];
-            _element$querySelecto = element.querySelectorAll('.k-cascader'), select = _element$querySelecto[1];
-            dispatchEvent(select, 'click');
-            _context7.next = 5;
-            return wait();
-
-          case 5:
-            dropdown = getElement('.k-cascader-menu');
-            expect(dropdown.innerHTML).to.matchSnapshot();
-            expect(dropdown.innerText).to.eql('无数据');
-
-          case 8:
-          case "end":
-            return _context7.stop();
-        }
+      while (1) switch (_context7.prev = _context7.next) {
+        case 0:
+          _mount6 = mount(BasicDemo), instance = _mount6[0], element = _mount6[1];
+          _element$querySelecto = element.querySelectorAll('.k-cascader'), select = _element$querySelecto[1];
+          dispatchEvent(select, 'click');
+          _context7.next = 5;
+          return wait();
+        case 5:
+          dropdown = getElement('.k-cascader-menu');
+          expect(dropdown.innerHTML).to.matchSnapshot();
+          expect(dropdown.innerText).to.eql('无数据');
+        case 8:
+        case "end":
+          return _context7.stop();
       }
     }, _callee7);
   })));
   it('duplicated sub data', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
-    var Demo, _mount7, instance, element, _getElements2, dropdown1, dropdown2, _dropdown1$querySelec4, item1, item2, _dropdown2$querySelec3, item21, dropdown3, _dropdown3$querySelec2, item31;
-
+    var Demo, _mount7, instance, element, _getElements3, dropdown1, dropdown2, _dropdown1$querySelec4, item1, item2, _dropdown2$querySelec3, item21, dropdown3, _dropdown3$querySelec2, item31;
     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];
-                }
-
-                _this = _Component.call.apply(_Component, _concatInstanceProperty(_context8 = [this]).call(_context8, args)) || this;
-                _this.Cascader = Cascader;
-                return _this;
+      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];
               }
-
-              Demo.defaults = function defaults() {
-                return {
-                  value: ['beijing', 'haidian'],
-                  data: [{
-                    value: 'beijing',
-                    label: '北京',
-                    children: [{
-                      value: 'haidian',
-                      label: '海淀区'
-                    }]
-                  }, {
-                    value: 'hunan',
-                    label: '湖南',
-                    children: [{
-                      value: 'haidian',
-                      label: '海淀区'
-                    }]
+              _this = _Component.call.apply(_Component, _concatInstanceProperty(_context8 = [this]).call(_context8, args)) || this;
+              _this.Cascader = Cascader;
+              return _this;
+            }
+            Demo.defaults = function defaults() {
+              return {
+                value: ['beijing', 'haidian'],
+                data: [{
+                  value: 'beijing',
+                  label: '北京',
+                  children: [{
+                    value: 'haidian',
+                    label: '海淀区'
                   }]
-                };
+                }, {
+                  value: 'hunan',
+                  label: '湖南',
+                  children: [{
+                    value: 'haidian',
+                    label: '海淀区'
+                  }]
+                }]
               };
-
-              return Demo;
-            }(Component);
-
-            Demo.template = "const {Cascader} = this; <Cascader data={this.get('data')} v-model=\"value\" />";
-            _mount7 = mount(Demo), instance = _mount7[0], element = _mount7[1];
-            dispatchEvent(element, 'click');
-            _context9.next = 6;
-            return wait();
-
-          case 6:
-            _getElements2 = getElements('.k-cascader-menu'), dropdown1 = _getElements2[0], dropdown2 = _getElements2[1];
-            _dropdown1$querySelec4 = dropdown1.querySelectorAll(':scope > .k-dropdown-item'), item1 = _dropdown1$querySelec4[0], item2 = _dropdown1$querySelec4[1];
-            expect(item1.classList.contains('k-selected')).to.be.true;
-            expect(item2.classList.contains('k-selected')).to.be.false;
-            _dropdown2$querySelec3 = dropdown2.querySelectorAll(':scope > .k-dropdown-item'), item21 = _dropdown2$querySelec3[0];
-            expect(item21.classList.contains('k-selected')).to.be.true;
-            dispatchEvent(item2, 'click');
-            _context9.next = 15;
-            return wait();
-
-          case 15:
-            dropdown3 = getElement('.k-cascader-menu');
-            _dropdown3$querySelec2 = dropdown3.querySelectorAll(':scope > .k-dropdown-item'), item31 = _dropdown3$querySelec2[0];
-            expect(item31.classList.contains('k-selected')).to.be.false;
-            dispatchEvent(item31, 'click');
-            _context9.next = 21;
-            return wait();
-
-          case 21:
-            expect(instance.get('value')).to.eql(['hunan', 'haidian']);
-            expect(element.textContent).to.eql('湖南 / 海淀区');
-
-          case 23:
-          case "end":
-            return _context9.stop();
-        }
+            };
+            return Demo;
+          }(Component);
+          Demo.template = "const {Cascader} = this; <Cascader data={this.get('data')} v-model=\"value\" />";
+          _mount7 = mount(Demo), instance = _mount7[0], element = _mount7[1];
+          dispatchEvent(element, 'click');
+          _context9.next = 6;
+          return wait();
+        case 6:
+          _getElements3 = getElements('.k-cascader-menu'), dropdown1 = _getElements3[0], dropdown2 = _getElements3[1];
+          _dropdown1$querySelec4 = dropdown1.querySelectorAll(':scope > .k-dropdown-item'), item1 = _dropdown1$querySelec4[0], item2 = _dropdown1$querySelec4[1];
+          expect(item1.classList.contains('k-selected')).to.be.true;
+          expect(item2.classList.contains('k-selected')).to.be.false;
+          _dropdown2$querySelec3 = dropdown2.querySelectorAll(':scope > .k-dropdown-item'), item21 = _dropdown2$querySelec3[0];
+          expect(item21.classList.contains('k-selected')).to.be.true;
+          dispatchEvent(item2, 'click');
+          _context9.next = 15;
+          return wait();
+        case 15:
+          dropdown3 = getElement('.k-cascader-menu');
+          _dropdown3$querySelec2 = dropdown3.querySelectorAll(':scope > .k-dropdown-item'), item31 = _dropdown3$querySelec2[0];
+          expect(item31.classList.contains('k-selected')).to.be.false;
+          dispatchEvent(item31, 'click');
+          _context9.next = 21;
+          return wait();
+        case 21:
+          expect(instance.get('value')).to.eql(['hunan', 'haidian']);
+          expect(element.textContent).to.eql('湖南 / 海淀区');
+        case 23:
+        case "end":
+          return _context9.stop();
       }
     }, _callee8);
   })));
   it('specify fields', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
     var Demo, _mount8, instance, element, select, dropdown1, _dropdown1$querySelec5, item1, dropdown2, _dropdown2$querySelec4, item11;
-
     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];
-                }
-
-                _this2 = _Component2.call.apply(_Component2, _concatInstanceProperty(_context10 = [this]).call(_context10, args)) || this;
-                _this2.Cascader = Cascader;
-                return _this2;
+      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];
               }
-
-              Demo.defaults = function defaults() {
-                return {
-                  value: [],
-                  data: [{
-                    v: 'beijing',
-                    l: '北京',
-                    c: [{
-                      v: 'haidian',
-                      l: '海淀区'
-                    }]
-                  }, {
-                    v: 'hunan',
-                    l: '湖南',
-                    c: [{
-                      v: 'haidian',
-                      l: '海淀区'
-                    }]
+              _this2 = _Component2.call.apply(_Component2, _concatInstanceProperty(_context10 = [this]).call(_context10, args)) || this;
+              _this2.Cascader = Cascader;
+              return _this2;
+            }
+            Demo.defaults = function defaults() {
+              return {
+                value: [],
+                data: [{
+                  v: 'beijing',
+                  l: '北京',
+                  c: [{
+                    v: 'haidian',
+                    l: '海淀区'
+                  }]
+                }, {
+                  v: 'hunan',
+                  l: '湖南',
+                  c: [{
+                    v: 'haidian',
+                    l: '海淀区'
                   }]
-                };
+                }]
               };
-
-              return Demo;
-            }(Component);
-
-            Demo.template = "\n                const {Cascader} = this;\n                <Cascader data={this.get('data')}\n                    v-model=\"value\"\n                    fields={{value: 'v', label: 'l', children: 'c'}}\n                />\n            ";
-            _mount8 = mount(Demo), instance = _mount8[0], element = _mount8[1];
-            select = element;
-            select.click();
-            _context11.next = 7;
-            return wait();
-
-          case 7:
-            dropdown1 = getElement('.k-cascader-menu');
-            _dropdown1$querySelec5 = dropdown1.querySelectorAll(':scope > .k-dropdown-item'), item1 = _dropdown1$querySelec5[0];
-            item1.click();
-            _context11.next = 12;
-            return wait();
-
-          case 12:
-            expect(dropdown1.innerHTML).to.matchSnapshot();
-            dropdown2 = getElement('.k-cascader-menu');
-            _dropdown2$querySelec4 = dropdown2.querySelectorAll(':scope > .k-dropdown-item'), item11 = _dropdown2$querySelec4[0];
-            item11.click();
-            _context11.next = 18;
-            return wait();
-
-          case 18:
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(instance.get('value')).to.eql(['beijing', 'haidian']);
-
-          case 20:
-          case "end":
-            return _context11.stop();
-        }
+            };
+            return Demo;
+          }(Component);
+          Demo.template = "\n                const {Cascader} = this;\n                <Cascader data={this.get('data')}\n                    v-model=\"value\"\n                    fields={{value: 'v', label: 'l', children: 'c'}}\n                />\n            ";
+          _mount8 = mount(Demo), instance = _mount8[0], element = _mount8[1];
+          select = element;
+          select.click();
+          _context11.next = 7;
+          return wait();
+        case 7:
+          dropdown1 = getElement('.k-cascader-menu');
+          _dropdown1$querySelec5 = dropdown1.querySelectorAll(':scope > .k-dropdown-item'), item1 = _dropdown1$querySelec5[0];
+          item1.click();
+          _context11.next = 12;
+          return wait();
+        case 12:
+          expect(dropdown1.innerHTML).to.matchSnapshot();
+          dropdown2 = getElement('.k-cascader-menu');
+          _dropdown2$querySelec4 = dropdown2.querySelectorAll(':scope > .k-dropdown-item'), item11 = _dropdown2$querySelec4[0];
+          item11.click();
+          _context11.next = 18;
+          return wait();
+        case 18:
+          expect(element.innerHTML).to.matchSnapshot();
+          expect(instance.get('value')).to.eql(['beijing', 'haidian']);
+        case 20:
+        case "end":
+          return _context11.stop();
       }
     }, _callee9);
   })));
+  it('should select correct value', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
+    var Demo, _mount9, instance, element, _getElements4, dropdown1, dropdown2, _dropdown1$querySelec6, item1, item2;
+    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];
+              }
+              _this3 = _Component3.call.apply(_Component3, _concatInstanceProperty(_context12 = [this]).call(_context12, args)) || this;
+              _this3.Cascader = Cascader;
+              return _this3;
+            }
+            Demo.defaults = function defaults() {
+              return {
+                value: ['beijing', 'haidian'],
+                data: [{
+                  value: 'beijing',
+                  label: '北京',
+                  children: [{
+                    value: 'haidian',
+                    label: '海淀区'
+                  }]
+                }, {
+                  value: 'hunan',
+                  label: '湖南'
+                }]
+              };
+            };
+            return Demo;
+          }(Component);
+          Demo.template = "\n                const {Cascader} = this;\n                <Cascader data={this.get('data')} v-model=\"value\" />\n            ";
+          _mount9 = mount(Demo), instance = _mount9[0], element = _mount9[1];
+          dispatchEvent(element, 'click');
+          _context13.next = 6;
+          return wait();
+        case 6:
+          _getElements4 = getElements('.k-cascader-menu'), dropdown1 = _getElements4[0], dropdown2 = _getElements4[1];
+          _dropdown1$querySelec6 = dropdown1.querySelectorAll(':scope > .k-dropdown-item'), item1 = _dropdown1$querySelec6[0], item2 = _dropdown1$querySelec6[1];
+          dispatchEvent(item2, 'click');
+          _context13.next = 11;
+          return wait();
+        case 11:
+          expect(instance.get('value')).to.eql(['hunan']);
+        case 12:
+        case "end":
+          return _context13.stop();
+      }
+    }, _callee10);
+  })));
 });