add test

src/views/Settings/components/Tabs/__tests__/DiscordPresenceTab.test.js

@@ -0,0 +1,81 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { mount } from '@vue/test-utils';
+
+const mocks = vi.hoisted(() => ({
+    discordStore: {
+        setDiscordActive: vi.fn(),
+        setDiscordInstance: vi.fn(),
+        setDiscordHideInvite: vi.fn(),
+        setDiscordJoinButton: vi.fn(),
+        setDiscordHideImage: vi.fn(),
+        setDiscordShowPlatform: vi.fn(),
+        setDiscordWorldIntegration: vi.fn(),
+        setDiscordWorldNameAsDiscordStatus: vi.fn(),
+        saveDiscordOption: vi.fn(),
+        discordActive: { __v_isRef: true, value: true },
+        discordInstance: { __v_isRef: true, value: true },
+        discordHideInvite: { __v_isRef: true, value: false },
+        discordJoinButton: { __v_isRef: true, value: true },
+        discordHideImage: { __v_isRef: true, value: false },
+        discordShowPlatform: { __v_isRef: true, value: true },
+        discordWorldIntegration: { __v_isRef: true, value: true },
+        discordWorldNameAsDiscordStatus: { __v_isRef: true, value: false }
+    },
+    showVRChatConfig: vi.fn()
+}));
+
+vi.mock('pinia', async (i) => ({ ...(await i()), storeToRefs: (s) => s }));
+vi.mock('vue-i18n', () => ({ useI18n: () => ({ t: (k) => k }) }));
+vi.mock('../../../../../stores', () => ({
+    useDiscordPresenceSettingsStore: () => mocks.discordStore,
+    useAdvancedSettingsStore: () => ({ showVRChatConfig: (...a) => mocks.showVRChatConfig(...a) })
+}));
+
+vi.mock('../../SimpleSwitch.vue', () => ({
+    default: {
+        props: ['label', 'disabled'],
+        emits: ['change'],
+        template:
+            '<div data-testid="simple-switch" :data-label="label" :data-disabled="disabled"><button class="emit-change" @click="$emit(\'change\', true)" /></div>'
+    }
+}));
+
+import DiscordPresenceTab from '../DiscordPresenceTab.vue';
+
+describe('DiscordPresenceTab.vue', () => {
+    beforeEach(() => {
+        mocks.discordStore.discordActive.value = true;
+        mocks.discordStore.discordInstance.value = true;
+        mocks.discordStore.setDiscordActive.mockClear();
+        mocks.discordStore.saveDiscordOption.mockClear();
+        mocks.showVRChatConfig.mockClear();
+    });
+
+    it('opens VRChat config and handles switch changes', async () => {
+        const wrapper = mount(DiscordPresenceTab);
+
+        const tooltipRow = wrapper
+            .findAll('div.options-container-item')
+            .find((node) => node.text().includes('view.settings.discord_presence.discord_presence.enable_tooltip'));
+        await tooltipRow.trigger('click');
+
+        expect(mocks.showVRChatConfig).toHaveBeenCalledTimes(1);
+
+        await wrapper.findAll('.emit-change')[0].trigger('click');
+        expect(mocks.discordStore.setDiscordActive).toHaveBeenCalledTimes(1);
+        expect(mocks.discordStore.saveDiscordOption).toHaveBeenCalled();
+    });
+
+    it('passes disabled state to dependent switches when discord is disabled', () => {
+        mocks.discordStore.discordActive.value = false;
+        const wrapper = mount(DiscordPresenceTab);
+
+        const worldIntegration = wrapper
+            .findAll('[data-testid="simple-switch"]')
+            .find((node) =>
+                node.attributes('data-label')?.includes('world_integration')
+            );
+
+        expect(worldIntegration?.attributes('data-disabled')).toBe('true');
+    });
+});

src/views/Settings/components/Tabs/__tests__/WristOverlayTab.test.js

@@ -0,0 +1,31 @@
+import { describe, expect, it, vi } from 'vitest';
+import { mount } from '@vue/test-utils';
+
+vi.mock('../../WristOverlaySettings.vue', () => ({
+    default: {
+        emits: ['open-feed-filters'],
+        template:
+            '<button data-testid="open-filters" @click="$emit(\'open-feed-filters\')">open</button>'
+    }
+}));
+
+vi.mock('../../../dialogs/FeedFiltersDialog.vue', () => ({
+    default: {
+        props: ['feedFiltersDialogMode'],
+        template: '<div data-testid="feed-dialog" :data-mode="feedFiltersDialogMode" />'
+    }
+}));
+
+import WristOverlayTab from '../WristOverlayTab.vue';
+
+describe('WristOverlayTab.vue', () => {
+    it('sets feed dialog mode to wrist when child emits open-feed-filters', async () => {
+        const wrapper = mount(WristOverlayTab);
+
+        expect(wrapper.get('[data-testid="feed-dialog"]').attributes('data-mode')).toBe('');
+
+        await wrapper.get('[data-testid="open-filters"]').trigger('click');
+
+        expect(wrapper.get('[data-testid="feed-dialog"]').attributes('data-mode')).toBe('wrist');
+    });
+});