@king-design/react 2.1.4 → 2.1.5

package/components/cascader/index.spec.js

@@ -13,423 +13,514 @@ import { Component } from 'intact-react';
 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, _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']);
-          // 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();
+      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, _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];
+      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;
               }
-              _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: '海淀区'
+
+              Demo.defaults = function defaults() {
+                return {
+                  value: ['beijing', 'haidian'],
+                  data: [{
+                    value: 'beijing',
+                    label: '北京',
+                    children: [{
+                      value: 'haidian',
+                      label: '海淀区'
+                    }]
+                  }, {
+                    value: 'hunan',
+                    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:
-          _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();
+
+              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];
+      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;
               }
-              _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: '海淀区'
+
+              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];
+      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;
               }
-              _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: '海淀区'
+
+              Demo.defaults = function defaults() {
+                return {
+                  value: ['beijing', 'haidian'],
+                  data: [{
+                    value: 'beijing',
+                    label: '北京',
+                    children: [{
+                      value: 'haidian',
+                      label: '海淀区'
+                    }]
+                  }, {
+                    value: 'hunan',
+                    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();
+
+              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);
   })));