Create Skeleton.spec.js

src/components/skeleton/Skeleton.spec.js

@@ -0,0 +1,38 @@
+import { mount } from '@vue/test-utils';
+import Skeleton from './Skeleton.vue';
+
+describe('Skeleton.vue', () => {
+    let wrapper;
+    
+    beforeEach(() => {
+        wrapper = mount(Skeleton);
+    });
+
+    it('should exist', () => {
+        expect(wrapper.find('.p-skeleton.p-component').exists()).toBe(true);
+    });
+
+    it('should get width and height', async () => {
+        await wrapper.setProps({ width: '5rem', height: '2rem', borderRadius: '10px' });
+
+        expect(wrapper.find('.p-skeleton').attributes().style).toEqual('width: 5rem; height: 2rem; border-radius: 10px;');
+    });
+
+    it('should get size', async () => {
+        await wrapper.setProps({ size: '4rem' });
+
+        expect(wrapper.find('.p-skeleton').attributes().style).toEqual('width: 4rem; height: 4rem;');
+    });
+
+    it('should get shape', async () => {
+        await wrapper.setProps({ shape: 'circle' });
+
+        expect(wrapper.find('.p-skeleton').classes()).toContain('p-skeleton-circle');
+    });
+
+    it('should remove animation', async () => {
+        await wrapper.setProps({ animation: 'none' });
+
+        expect(wrapper.find('.p-skeleton').classes()).toContain('p-skeleton-none');
+    });
+});