From e2ed6a88cefac336665e61de4cb4d0bc7d9179a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Tue, 22 Mar 2022 15:26:54 +0300
Subject: [PATCH] Create Skeleton.spec.js

---
 src/components/skeleton/Skeleton.spec.js | 38 ++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 src/components/skeleton/Skeleton.spec.js

diff --git a/src/components/skeleton/Skeleton.spec.js b/src/components/skeleton/Skeleton.spec.js
new file mode 100644
index 000000000..954a3e461
--- /dev/null
+++ b/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');
+    });
+});