[improvement] TreeSelect: rename event name (#3892)

src/tree-select/test/index.spec.js

@@ -5,8 +5,9 @@ test('empty list', () => {
   expect(mount(TreeSelect)).toMatchSnapshot();
 });
 
-test('select item', () => {
-  const onItemClick = jest.fn();
+test('click-nav event', () => {
+  const onNavClick = jest.fn();
+  const onClickNav = jest.fn();
   const item = {
     text: 'city1',
     id: 1
@@ -14,17 +15,48 @@ test('select item', () => {
 
   const wrapper = mount(TreeSelect, {
     propsData: {
-      items: [{
-        text: 'group1',
-        children: [
-          item,
-          { ...item, disabled: true }
-        ]
-      }]
+      items: [
+        {
+          text: 'group1',
+          children: [item]
+        }
+      ]
     },
     context: {
       on: {
-        itemclick: onItemClick
+        navclick: onNavClick,
+        'click-nav': onClickNav
+      }
+    }
+  });
+
+  const items = wrapper.findAll('.van-tree-select__nav-item');
+  items.at(0).trigger('click');
+  expect(onNavClick).toHaveBeenCalledWith(0);
+  expect(onClickNav).toHaveBeenCalledWith(0);
+});
+
+test('click-item event', () => {
+  const onItemClick = jest.fn();
+  const onClickItem = jest.fn();
+  const item = {
+    text: 'city1',
+    id: 1
+  };
+
+  const wrapper = mount(TreeSelect, {
+    propsData: {
+      items: [
+        {
+          text: 'group1',
+          children: [item]
+        }
+      ]
+    },
+    context: {
+      on: {
+        itemclick: onItemClick,
+        'click-item': onClickItem
       }
     }
   });
@@ -32,6 +64,63 @@ test('select item', () => {
   const items = wrapper.findAll('.van-tree-select__item');
   items.at(0).trigger('click');
   expect(onItemClick).toHaveBeenCalledWith(item);
-  items.at(1).trigger('click');
-  expect(onItemClick).toHaveBeenCalledTimes(1);
+  expect(onClickItem).toHaveBeenCalledWith(item);
+});
+
+test('click disabled nav', () => {
+  const onClickNav = jest.fn();
+  const item = {
+    text: 'city1',
+    id: 1
+  };
+
+  const wrapper = mount(TreeSelect, {
+    propsData: {
+      items: [
+        {
+          text: 'group1',
+          children: [item],
+          disabled: true
+        }
+      ]
+    },
+    context: {
+      on: {
+        'click-nav': onClickNav
+      }
+    }
+  });
+
+  const items = wrapper.findAll('.van-tree-select__nav-item');
+  items.at(0).trigger('click');
+  expect(onClickNav).toHaveBeenCalledTimes(0);
+});
+
+test('click disabled item', () => {
+  const onClickItem = jest.fn();
+  const wrapper = mount(TreeSelect, {
+    propsData: {
+      items: [
+        {
+          text: 'group1',
+          children: [
+            {
+              text: 'city1',
+              id: 1,
+              disabled: true
+            }
+          ]
+        }
+      ]
+    },
+    context: {
+      on: {
+        'click-item': onClickItem
+      }
+    }
+  });
+
+  const items = wrapper.findAll('.van-tree-select__item');
+  items.at(0).trigger('click');
+  expect(onClickItem).toHaveBeenCalledTimes(0);
 });