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