From ed76c70d54b16a874c35a746a23c323ce480ba66 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: Thu, 10 Mar 2022 12:17:29 +0300
Subject: [PATCH] Badge test added

---
 src/components/badge/Badge.spec.js            | 33 +++++++++++++++++++
 .../badgedirective/BadgeDirective.spec.js     | 17 ++++++++++
 2 files changed, 50 insertions(+)
 create mode 100644 src/components/badge/Badge.spec.js
 create mode 100644 src/components/badgedirective/BadgeDirective.spec.js

diff --git a/src/components/badge/Badge.spec.js b/src/components/badge/Badge.spec.js
new file mode 100644
index 000000000..1e0e3aa1c
--- /dev/null
+++ b/src/components/badge/Badge.spec.js
@@ -0,0 +1,33 @@
+import { mount } from '@vue/test-utils';
+import Badge from './Badge.vue';
+import Button from '@/components/button/Button.vue';
+
+describe('Badge.vue', () => {
+    it('should exist', () => {
+        const wrapper = mount(Badge, {
+            props: {
+                value: '29',
+                severity: 'warning',
+                size: 'large'
+            }
+        });
+
+        expect(wrapper.find('.p-badge.p-component').exists()).toBe(true);
+        expect(wrapper.find('.p-badge-warning').exists()).toBe(true);
+        expect(wrapper.find('.p-badge-lg').exists()).toBe(true);
+        expect(wrapper.find('.p-badge-no-gutter').exists()).toBe(false);
+    });
+
+    it('badge classes should exist', () => {
+        const wrapper = mount({
+            template: '<Button type="button" label="Messages" icon="pi pi-users" class="p-button-warning" badge="8" badgeClass="p-badge-danger" />',
+            components: {
+                Button
+            }
+        });
+
+        expect(wrapper.find('.p-badge.p-component').exists()).toBe(true);
+        expect(wrapper.find('.p-badge-danger').exists()).toBe(true);
+        expect(wrapper.find('.p-badge-no-gutter').exists()).toBe(true);
+    });
+});
\ No newline at end of file
diff --git a/src/components/badgedirective/BadgeDirective.spec.js b/src/components/badgedirective/BadgeDirective.spec.js
new file mode 100644
index 000000000..9d9cb6f96
--- /dev/null
+++ b/src/components/badgedirective/BadgeDirective.spec.js
@@ -0,0 +1,17 @@
+import { mount } from '@vue/test-utils';
+import BadgeDirective from './BadgeDirective';
+
+describe('directive badge should exist', () => {
+    it('positioned badge', () => {
+        const wrapper = mount({
+            template: '<i class="pi pi-bell mr-4 p-text-secondary" style="font-size: 2rem" v-badge="2"></i>',
+            directives: {
+                'badge': BadgeDirective
+            }
+        });
+
+        expect(wrapper.find('.p-overlay-badge').exists()).toBe(true);
+        expect(wrapper.find('.p-badge.p-component').exists()).toBe(true);
+        expect(wrapper.find('.p-badge.p-component').text()).toBe('2');
+    });
+});
\ No newline at end of file