feat: Skeleton component

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

@@ -0,0 +1,56 @@
+import { mount } from '../../../test';
+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('round prop', () => {
+  const wrapper = mount(Skeleton, {
+    propsData: {
+      title: true,
+      round: true,
+      avatar: true,
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('disable animate', () => {
+  const wrapper = mount(Skeleton, {
+    propsData: {
+      row: 1,
+      aniamte: false,
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});