Add component tests for presentational components and Login

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

tests/components/Badge.test.js

@@ -0,0 +1,26 @@
+import { describe, it, expect } from 'vitest';
+import { mount } from '@vue/test-utils';
+import Badge from '@/components/Badge.vue';
+
+describe('Badge', () => {
+  it('renders display text', () => {
+    const wrapper = mount(Badge, {
+      props: { isActivated: true, displayText: 'Active' },
+    });
+    expect(wrapper.text()).toBe('Active');
+  });
+
+  it('has activated class when isActivated is true', () => {
+    const wrapper = mount(Badge, {
+      props: { isActivated: true, displayText: 'Active' },
+    });
+    expect(wrapper.classes()).toContain('badge-activated');
+  });
+
+  it('has deactivated class when isActivated is false', () => {
+    const wrapper = mount(Badge, {
+      props: { isActivated: false, displayText: 'Inactive' },
+    });
+    expect(wrapper.classes()).toContain('badge-deactivated');
+  });
+});