refactor: icon component

src-next/icon/test/index.spec.js

@@ -0,0 +1,65 @@
+import Icon from '..';
+import { mount } from '../../../test';
+
+test('render icon with builtin icon name', () => {
+  const wrapper = mount(Icon, {
+    propsData: {
+      name: 'success',
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('render icon with url name', () => {
+  const wrapper = mount(Icon, {
+    propsData: {
+      name: 'https://img.yzcdn.com/icon.jpg',
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('render icon with local image', () => {
+  const wrapper = mount(Icon, {
+    propsData: {
+      name: '/assets/icon.jpg',
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('render icon default slot', () => {
+  const wrapper = mount({
+    render(h) {
+      return h(Icon, { props: { name: 'success' } }, ['Default slot']);
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('tag prop', () => {
+  const wrapper = mount(Icon, {
+    propsData: {
+      tag: 'div',
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('dot prop', () => {
+  const wrapper = mount(Icon, {
+    propsData: {
+      dot: true,
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('size without unit', () => {
+  const wrapper = mount(Icon, {
+    propsData: {
+      size: 20,
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});