mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-05-03 05:26:05 +02:00
use worker
This commit is contained in:
pa
@@ -0,0 +1,173 @@
|
||||
import { beforeEach, describe, expect, test, vi } from 'vitest';
|
||||
import { createPinia, setActivePinia } from 'pinia';
|
||||
import { nextTick, reactive } from 'vue';
|
||||
|
||||
const mocks = vi.hoisted(() => ({
|
||||
workerInstances: [],
|
||||
friendStore: null,
|
||||
favoriteStore: null,
|
||||
avatarStore: null,
|
||||
worldStore: null,
|
||||
groupStore: null,
|
||||
userStore: null
|
||||
}));
|
||||
|
||||
vi.mock('../searchWorker.js?worker', () => ({
|
||||
default: class MockSearchWorker {
|
||||
constructor() {
|
||||
this.onmessage = null;
|
||||
this.postMessage = vi.fn();
|
||||
mocks.workerInstances.push(this);
|
||||
}
|
||||
|
||||
emit(data) {
|
||||
this.onmessage?.({ data });
|
||||
}
|
||||
}
|
||||
}));
|
||||
|
||||
vi.mock('../friend', () => ({
|
||||
useFriendStore: () => mocks.friendStore
|
||||
}));
|
||||
vi.mock('../favorite', () => ({
|
||||
useFavoriteStore: () => mocks.favoriteStore
|
||||
}));
|
||||
vi.mock('../avatar', () => ({
|
||||
useAvatarStore: () => mocks.avatarStore
|
||||
}));
|
||||
vi.mock('../world', () => ({
|
||||
useWorldStore: () => mocks.worldStore
|
||||
}));
|
||||
vi.mock('../group', () => ({
|
||||
useGroupStore: () => mocks.groupStore
|
||||
}));
|
||||
vi.mock('../user', () => ({
|
||||
useUserStore: () => mocks.userStore
|
||||
}));
|
||||
|
||||
const showUserDialog = vi.fn();
|
||||
const showAvatarDialog = vi.fn();
|
||||
const showWorldDialog = vi.fn();
|
||||
const showGroupDialog = vi.fn();
|
||||
|
||||
vi.mock('../../coordinators/userCoordinator', () => ({ showUserDialog: (...args) => showUserDialog(...args) }));
|
||||
vi.mock('../../coordinators/avatarCoordinator', () => ({ showAvatarDialog: (...args) => showAvatarDialog(...args) }));
|
||||
vi.mock('../../coordinators/worldCoordinator', () => ({ showWorldDialog: (...args) => showWorldDialog(...args) }));
|
||||
vi.mock('../../coordinators/groupCoordinator', () => ({ showGroupDialog: (...args) => showGroupDialog(...args) }));
|
||||
|
||||
import { useGlobalSearchStore } from '../globalSearch';
|
||||
|
||||
function setupStores() {
|
||||
mocks.friendStore = reactive({ friends: new Map() });
|
||||
mocks.favoriteStore = reactive({ favoriteAvatars: [], favoriteWorlds: [] });
|
||||
mocks.avatarStore = reactive({ cachedAvatars: new Map() });
|
||||
mocks.worldStore = reactive({ cachedWorlds: new Map() });
|
||||
mocks.groupStore = reactive({ currentUserGroups: new Map() });
|
||||
mocks.userStore = reactive({ currentUser: { id: 'usr_me' } });
|
||||
}
|
||||
|
||||
describe('useGlobalSearchStore', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
mocks.workerInstances.length = 0;
|
||||
setActivePinia(createPinia());
|
||||
setupStores();
|
||||
});
|
||||
|
||||
test('discards stale worker results and applies the latest seq only', async () => {
|
||||
const store = useGlobalSearchStore();
|
||||
store.setQuery('ab');
|
||||
await nextTick();
|
||||
|
||||
const worker = mocks.workerInstances[0];
|
||||
expect(worker).toBeTruthy();
|
||||
const firstMsg = worker.postMessage.mock.calls.at(-1)[0];
|
||||
expect(firstMsg.type).toBe('search');
|
||||
|
||||
store.setQuery('abc');
|
||||
await nextTick();
|
||||
const secondMsg = worker.postMessage.mock.calls.at(-1)[0];
|
||||
expect(secondMsg.payload.seq).toBeGreaterThan(firstMsg.payload.seq);
|
||||
|
||||
worker.emit({
|
||||
type: 'searchResult',
|
||||
payload: {
|
||||
seq: firstMsg.payload.seq,
|
||||
friends: [{ id: 'usr_old', name: 'Old' }],
|
||||
ownAvatars: [],
|
||||
favAvatars: [],
|
||||
ownWorlds: [],
|
||||
favWorlds: [],
|
||||
ownGroups: [],
|
||||
joinedGroups: []
|
||||
}
|
||||
});
|
||||
expect(store.friendResults).toEqual([]);
|
||||
|
||||
mocks.friendStore.friends.set('usr_new', { id: 'usr_new', ref: { id: 'usr_new' } });
|
||||
worker.emit({
|
||||
type: 'searchResult',
|
||||
payload: {
|
||||
seq: secondMsg.payload.seq,
|
||||
friends: [{ id: 'usr_new', name: 'New' }],
|
||||
ownAvatars: [],
|
||||
favAvatars: [],
|
||||
ownWorlds: [],
|
||||
favWorlds: [],
|
||||
ownGroups: [],
|
||||
joinedGroups: []
|
||||
}
|
||||
});
|
||||
|
||||
expect(store.friendResults).toHaveLength(1);
|
||||
expect(store.friendResults[0].id).toBe('usr_new');
|
||||
});
|
||||
|
||||
test('short query clears results and blocks stale refill', async () => {
|
||||
const store = useGlobalSearchStore();
|
||||
store.setQuery('ab');
|
||||
await nextTick();
|
||||
|
||||
const worker = mocks.workerInstances[0];
|
||||
const firstSeq = worker.postMessage.mock.calls.at(-1)[0].payload.seq;
|
||||
|
||||
store.setQuery('');
|
||||
await nextTick();
|
||||
expect(store.friendResults).toEqual([]);
|
||||
|
||||
worker.emit({
|
||||
type: 'searchResult',
|
||||
payload: {
|
||||
seq: firstSeq,
|
||||
friends: [{ id: 'usr_old', name: 'Old' }],
|
||||
ownAvatars: [],
|
||||
favAvatars: [],
|
||||
ownWorlds: [],
|
||||
favWorlds: [],
|
||||
ownGroups: [],
|
||||
joinedGroups: []
|
||||
}
|
||||
});
|
||||
|
||||
expect(store.friendResults).toEqual([]);
|
||||
});
|
||||
|
||||
test('re-dispatches search when currentUserId changes and query is active', async () => {
|
||||
const store = useGlobalSearchStore();
|
||||
store.setQuery('ab');
|
||||
await nextTick();
|
||||
|
||||
const worker = mocks.workerInstances[0];
|
||||
const callsBefore = worker.postMessage.mock.calls.length;
|
||||
|
||||
mocks.userStore.currentUser.id = 'usr_other';
|
||||
await nextTick();
|
||||
|
||||
const callsAfter = worker.postMessage.mock.calls.length;
|
||||
expect(callsAfter).toBeGreaterThan(callsBefore);
|
||||
|
||||
const lastMessage = worker.postMessage.mock.calls.at(-1)[0];
|
||||
expect(lastMessage.type).toBe('search');
|
||||
expect(lastMessage.payload.currentUserId).toBe('usr_other');
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,83 @@
|
||||
import { beforeEach, describe, expect, test, vi } from 'vitest';
|
||||
|
||||
function setupWorkerHarness() {
|
||||
const sent = [];
|
||||
let handler = null;
|
||||
|
||||
globalThis.self = {
|
||||
addEventListener: vi.fn((event, cb) => {
|
||||
if (event === 'message') handler = cb;
|
||||
}),
|
||||
postMessage: vi.fn((payload) => {
|
||||
sent.push(payload);
|
||||
})
|
||||
};
|
||||
|
||||
return {
|
||||
sent,
|
||||
dispatch: (data) => handler?.({ data })
|
||||
};
|
||||
}
|
||||
|
||||
describe('searchWorker message protocol', () => {
|
||||
beforeEach(() => {
|
||||
vi.resetModules();
|
||||
});
|
||||
|
||||
test('returns empty search result for short query', async () => {
|
||||
const harness = setupWorkerHarness();
|
||||
await import('../searchWorker.js');
|
||||
|
||||
harness.dispatch({
|
||||
type: 'search',
|
||||
payload: { seq: 7, query: 'a', currentUserId: 'usr_me', language: 'en-US' }
|
||||
});
|
||||
|
||||
expect(harness.sent).toHaveLength(1);
|
||||
expect(harness.sent[0]).toEqual({
|
||||
type: 'searchResult',
|
||||
payload: {
|
||||
seq: 7,
|
||||
friends: [],
|
||||
ownAvatars: [],
|
||||
favAvatars: [],
|
||||
ownWorlds: [],
|
||||
favWorlds: [],
|
||||
ownGroups: [],
|
||||
joinedGroups: []
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
test('deduplicates favorites and joined groups against own results', async () => {
|
||||
const harness = setupWorkerHarness();
|
||||
await import('../searchWorker.js');
|
||||
|
||||
harness.dispatch({
|
||||
type: 'updateIndex',
|
||||
payload: {
|
||||
friends: [],
|
||||
avatars: [{ id: 'avtr_1', name: 'Alpha Avatar', authorId: 'usr_me', imageUrl: '' }],
|
||||
worlds: [{ id: 'wrld_1', name: 'Alpha World', authorId: 'usr_me', imageUrl: '' }],
|
||||
groups: [{ id: 'grp_1', name: 'Alpha Group', ownerId: 'usr_me', imageUrl: '' }],
|
||||
favAvatars: [{ id: 'avtr_1', name: 'Alpha Avatar', imageUrl: '' }],
|
||||
favWorlds: [{ id: 'wrld_1', name: 'Alpha World', imageUrl: '' }]
|
||||
}
|
||||
});
|
||||
|
||||
harness.dispatch({
|
||||
type: 'search',
|
||||
payload: { seq: 8, query: 'Alpha', currentUserId: 'usr_me', language: 'en-US' }
|
||||
});
|
||||
|
||||
const result = harness.sent.at(-1);
|
||||
expect(result.type).toBe('searchResult');
|
||||
expect(result.payload.seq).toBe(8);
|
||||
expect(result.payload.ownAvatars).toHaveLength(1);
|
||||
expect(result.payload.favAvatars).toHaveLength(0);
|
||||
expect(result.payload.ownWorlds).toHaveLength(1);
|
||||
expect(result.payload.favWorlds).toHaveLength(0);
|
||||
expect(result.payload.ownGroups).toHaveLength(1);
|
||||
expect(result.payload.joinedGroups).toHaveLength(0);
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user