diff --git a/src/components/__tests__/ButtonDisplayStreakTest.spec.ts b/src/components/__tests__/ButtonDisplayStreakTest.spec.ts
new file mode 100644
index 0000000000000000000000000000000000000000..34083de7f865ef18a80a2e3a8a7b9f4b1abb57d7
--- /dev/null
+++ b/src/components/__tests__/ButtonDisplayStreakTest.spec.ts
@@ -0,0 +1,20 @@
+import { describe, expect, it, beforeEach } from 'vitest';
+import { mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import ButtonComponent from '@/components/ButtonDisplayStreak.vue';
+
+describe('ButtonComponent', () => {
+    beforeEach(() => {
+        setActivePinia(createPinia());
+    });
+
+    it('renders correctly', () => {
+        const wrapper = mount(ButtonComponent, {
+            props: {
+                buttonText: 'Click me',
+                type: 'goal',
+            },
+        });
+        expect(wrapper.exists()).toBe(true);
+    });
+});