57 lines
1.9 KiB
TypeScript
57 lines
1.9 KiB
TypeScript
// Guards the phone model picker: the selector serves a phone a bottom drawer
|
|
// with the same search and sections the desktop menu shows.
|
|
|
|
import ModelsSelector from '$lib/components/app/models/ModelsSelector/ModelsSelector.svelte';
|
|
import { ServerRole } from '$lib/enums';
|
|
import { ModelsService } from '$lib/services/models.service';
|
|
import { modelsStore } from '$lib/stores/models/index.svelte';
|
|
import { serverStore } from '$lib/stores/server.svelte';
|
|
import type { ModelOption } from '$lib/types/models';
|
|
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
|
|
import { page } from 'vitest/browser';
|
|
import { render } from 'vitest-browser-svelte';
|
|
|
|
const PHONE = { height: 844, width: 390 };
|
|
const DESKTOP = { height: 900, width: 1280 };
|
|
const option: ModelOption = {
|
|
capabilities: [],
|
|
id: 'org/Qwen3-8B:Q4_K_M',
|
|
model: 'org/Qwen3-8B:Q4_K_M',
|
|
name: 'Qwen3-8B'
|
|
};
|
|
const other: ModelOption = {
|
|
capabilities: [],
|
|
id: 'org/Qwen3-8B:Q8_0',
|
|
model: 'org/Qwen3-8B:Q8_0',
|
|
name: 'Qwen3-8B-Q8_0'
|
|
};
|
|
|
|
describe('model picker drawer on a phone', () => {
|
|
beforeEach(async () => {
|
|
serverStore.role = ServerRole.ROUTER;
|
|
// the picker mounts a fetch of its own: serve it the same two models, so
|
|
// the list it rebuilds does not clear the seeded one mid-test
|
|
vi.spyOn(ModelsService, 'list').mockResolvedValue({
|
|
data: [{ id: option.model }, { id: other.model }]
|
|
} as never);
|
|
modelsStore.models = [option, other];
|
|
await modelsStore.selectModelById(option.id);
|
|
await page.viewport(PHONE.width, PHONE.height);
|
|
});
|
|
|
|
afterEach(async () => {
|
|
modelsStore.models = [];
|
|
vi.restoreAllMocks();
|
|
await page.viewport(DESKTOP.width, DESKTOP.height);
|
|
});
|
|
|
|
it('opens the picker in a drawer', async () => {
|
|
const screen = render(ModelsSelector);
|
|
|
|
await screen.getByRole('button').click();
|
|
|
|
await expect.element(screen.getByPlaceholder('Search models...')).toBeVisible();
|
|
await expect.element(screen.getByText('Local models')).toBeVisible();
|
|
});
|
|
});
|