feat(ui/chip): update snap

Author: ayangweb

packages/varlet-vue2-ui/src/chip/__tests__/__snapshots__/index.spec.js.snap

@@ -1,5 +1,10 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`test chip color & textColor 1`] = `
+"<transition-stub name=\\"var-fade\\"><span class=\\"var-chip var--box var-chip--normal var--inline-flex var-chip--default var-chip--round\\" style=\\"color: rgb(0, 0, 0); background: rgb(0, 0, 0);\\"> <span class=\\"var-chip--text-normal\\"></span>
+  <!----></span></transition-stub>"
+`;
+
 exports[`test chip example 1`] = `
 "<div class=\\"var-chip-example\\">
   <div class=\\"app-type\\">纸片类型</div>
@@ -63,3 +68,5 @@ exports[`test chip example 1`] = `
     <!----></span></transition-stub>
 </div>"
 `;
+
+exports[`test chip styles 1`] = `"<transition-stub name=\\"var-fade\\"><span class=\\"var-chip var--box var-chip--large var--flex var-chip--plain var-chip--plain-default var-chip--round\\"> <span class=\\"var-chip--text-large\\"><div>chip text</div></span> <span class=\\"var-chip--close\\"><i class=\\"var-icon var-icon--set var-icon-fire\\" style=\\"transition: transform 0ms;\\"></i></span></span></transition-stub>"`;

packages/varlet-vue2-ui/src/chip/__tests__/index.spec.js

@@ -15,49 +15,49 @@ test('test chip plugin', () => {
   expect(Vue.component(Chip.name)).toBeTruthy()
 })
 
-// test('test chip color & textColor', () => {
-//   const wrapper = mount(VarChip, {
-//     propsData: {
-//       color: '#000',
-//       textColor: '#000',
-//     },
-//   })
-
-//   expect(wrapper.html()).toMatchSnapshot()
-// })
-
-// test('test chip close', () => {
-//   const onClose = jest.fn()
-
-//   const wrapper = mount(VarChip, {
-//     propsData: {
-//       closable: true,
-//     },
-//     listeners: {
-//       close: onClose,
-//     },
-//   })
-
-//   const closeEl = wrapper.find('.var-chip--close')
-//   expect(closeEl.exists()).toBe(true)
-//   closeEl.trigger('click')
-//   expect(onClose).toHaveBeenCalledTimes(1)
-// })
-
-// test('test chip styles', () => {
-//   const wrapper = mount(VarChip, {
-//     propsData: {
-//       closable: true,
-//       size: 'large',
-//       round: true,
-//       plain: true,
-//       block: true,
-//       iconName: 'fire',
-//     },
-//     scopedSlots: {
-//       default: '<div>chip text</div>',
-//     },
-//   })
-
-//   expect(wrapper.html()).toMatchSnapshot()
-// })
+test('test chip color & textColor', () => {
+  const wrapper = mount(VarChip, {
+    propsData: {
+      color: '#000',
+      textColor: '#000',
+    },
+  })
+
+  expect(wrapper.html()).toMatchSnapshot()
+})
+
+test('test chip close', () => {
+  const onClose = jest.fn()
+
+  const wrapper = mount(VarChip, {
+    propsData: {
+      closable: true,
+    },
+    listeners: {
+      close: onClose,
+    },
+  })
+
+  const closeEl = wrapper.find('.var-chip--close')
+  expect(closeEl.exists()).toBe(true)
+  closeEl.trigger('click')
+  expect(onClose).toHaveBeenCalledTimes(1)
+})
+
+test('test chip styles', () => {
+  const wrapper = mount(VarChip, {
+    propsData: {
+      closable: true,
+      size: 'large',
+      round: true,
+      plain: true,
+      block: true,
+      iconName: 'fire',
+    },
+    scopedSlots: {
+      default: '<div>chip text</div>',
+    },
+  })
+
+  expect(wrapper.html()).toMatchSnapshot()
+})