add test

src/views/GameLog/__tests__/GameLog.test.js

@@ -0,0 +1,36 @@
+import { describe, expect, it, vi } from 'vitest';
+import { mount } from '@vue/test-utils';
+import { ref } from 'vue';
+
+const mocks = vi.hoisted(() => ({ lookup: vi.fn(), table: { value: { vip: false, filter: [], search: '' } } }));
+
+vi.mock('pinia', async (i) => ({ ...(await i()), storeToRefs: (s) => s }));
+vi.mock('vue-i18n', () => ({ useI18n: () => ({ t: (k) => k }) }));
+vi.mock('../../../stores', () => ({
+    useGameLogStore: () => ({ gameLogTableLookup: (...a) => mocks.lookup(...a), gameLogTable: mocks.table, gameLogTableData: ref([]) }),
+    useAppearanceSettingsStore: () => ({ tablePageSizes: [20, 50], tablePageSize: 20 }),
+    useVrcxStore: () => ({ maxTableSize: 500 }),
+    useModalStore: () => ({ confirm: vi.fn() })
+}));
+vi.mock('../../../components/ui/data-table', () => ({ DataTableLayout: { template: '<div><slot name="toolbar" /></div>' } }));
+vi.mock('../../../components/ui/input-group', () => ({ InputGroupField: { template: '<input />' } }));
+vi.mock('@/components/ui/select', () => ({ Select: { emits: ['update:modelValue'], template: '<button data-testid="sel" @click="$emit(\'update:modelValue\', [\'Event\'])"><slot /></button>' }, SelectTrigger: { template: '<div><slot /></div>' }, SelectValue: { template: '<div><slot /></div>' }, SelectContent: { template: '<div><slot /></div>' }, SelectGroup: { template: '<div><slot /></div>' }, SelectItem: { template: '<div><slot /></div>' } }));
+vi.mock('@/components/ui/toggle', () => ({ Toggle: { template: '<button><slot /></button>' } }));
+vi.mock('lucide-vue-next', () => ({ Star: { template: '<i />' } }));
+vi.mock('../../../services/database', () => ({ database: { deleteGameLogEntry: vi.fn() } }));
+vi.mock('../../../shared/utils', () => ({ removeFromArray: vi.fn() }));
+vi.mock('../../../composables/useDataTableScrollHeight', () => ({ useDataTableScrollHeight: () => ({ tableStyle: ref({}) }) }));
+vi.mock('../../../lib/table/useVrcxVueTable', () => ({ useVrcxVueTable: () => ({ table: { getFilteredRowModel: () => ({ rows: [] }) }, pagination: ref({ pageIndex: 0, pageSize: 20 }) }) }));
+vi.mock('../columns.jsx', () => ({ createColumns: () => [] }));
+
+import GameLog from '../GameLog.vue';
+
+describe('GameLog.vue', () => {
+    it('updates filter and triggers lookup when filter changes', async () => {
+        const wrapper = mount(GameLog);
+        await wrapper.get('[data-testid="sel"]').trigger('click');
+
+        expect(mocks.lookup).toHaveBeenCalled();
+        expect(mocks.table.value.filter).toEqual(['Event']);
+    });
+});