types: test cases typing

src/contact-list/test/index.spec.ts

@@ -0,0 +1,48 @@
+import ContactList from '..';
+import { mount } from '../../../test';
+
+const contactInfo = {
+  name: 'jack',
+  tel: '12345678',
+};
+
+test('should render ContactList correctly', () => {
+  const wrapper = mount(ContactList, {
+    props: {
+      list: [contactInfo],
+    },
+  });
+  expect(wrapper.html()).toMatchSnapshot();
+});
+
+test('should emit add event when add button is clicked', () => {
+  const wrapper = mount(ContactList);
+  wrapper.find('.van-contact-list__add').trigger('click');
+  expect(wrapper.emitted('add').length).toEqual(1);
+});
+
+test('should emit select event when radio is clicked', () => {
+  const wrapper = mount(ContactList, {
+    props: {
+      list: [contactInfo],
+    },
+  });
+
+  wrapper.find('.van-radio__icon').trigger('click');
+
+  expect(wrapper.emitted('select').length).toEqual(1);
+  expect(wrapper.emitted('select')[0]).toEqual([contactInfo, 0]);
+});
+
+test('should emit edit event when edit icon is clicked', () => {
+  const wrapper = mount(ContactList, {
+    props: {
+      list: [contactInfo],
+    },
+  });
+
+  wrapper.find('.van-contact-list__edit').trigger('click');
+
+  expect(wrapper.emitted('edit').length).toEqual(1);
+  expect(wrapper.emitted('edit')[0]).toEqual([contactInfo, 0]);
+});