[new feature] add skeleton component

packages/skeleton/test/index.spec.js

@@ -0,0 +1,45 @@
+import { mount } from '../../../test/utils';
+import Skeleton from '..';
+
+test('row-width array', () => {
+  const wrapper = mount(Skeleton, {
+    propsData: {
+      row: 4,
+      rowWidth: ['100%', 30, '5rem']
+    }
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('render chidren', () => {
+  const wrapper = mount({
+    template: `
+      <skeleton :loading="false">
+        <div>Content</div>
+      </skeleton>
+    `,
+    components: { Skeleton }
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('avatar shape', () => {
+  const wrapper = mount(Skeleton, {
+    propsData: {
+      avatar: true,
+      avatarSize: 20,
+      avatarShape: 'square'
+    }
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('disable animate', () => {
+  const wrapper = mount(Skeleton, {
+    propsData: {
+      row: 1,
+      aniamte: false
+    }
+  });
+  expect(wrapper).toMatchSnapshot();
+});