feat(web): палитра команд Ctrl/Cmd+K и подтверждение выхода с несохранёнными правками
Два требования desktop-клиента (docs/client-tauri.md §5), которые живут в веб-слое — том же, что и в браузере: - **Палитра команд.** Ctrl/Cmd+K (на документе или сообщением `openPalette` от обёртки) открывает быстрый переход: серверы (в первую доступную комнату), комнаты выбранного сервера с группировкой по категориям, личные беседы из уже загруженного снапшота, действия (настройки профиля/безопасности/внешнего вида, настройки сервера, создание сервера, друзья, микрофон и «не слышу» при активной голосовой сессии). Новых запросов палитра не делает; поиск по подстроке без учёта регистра, 8 пунктов на раздел, стрелки со `scrollIntoView`, `role=listbox/option` и `aria-activedescendant`; - **Подтверждение выхода.** Формы с локальным черновиком регистрируются в общем реестре (`stores/unsaved.ts` + хук `useUnsavedChanges`): платформа получает один `setDirty` на переход «есть правки / нет правок», а на сообщение обёртки `closeRequested` клиент отвечает тряской контента и диалогом «Сохранить / Выйти без сохранения». При `prefers-reduced-motion: reduce` тряску заменяет подсветка рамки; в браузере вместо сообщения обёртки работает штатный `beforeunload`. Хук добавлен в формы с явной кнопкой «Сохранить»: профиль, общие настройки сервера, ник, эмодзи, звуки, оформление, вебхуки, лимиты инстанса, переименование сервера (автосохраняемые переключатели намеренно не помечаются); - Deep link `glchat://dm/<channelId>` (личная беседа без сервера) — его присылает обёртка при клике по уведомлению о личном сообщении. Тесты: 525 passed (501 база + 24 новых) — палитра, реестр правок, диалог закрытия, `beforeunload`, разбор ссылок; `npm run check` и `npm run lint` зелёные.
This commit is contained in:
@@ -0,0 +1,69 @@
|
||||
import { describe, expect, it, vi } from 'vitest';
|
||||
|
||||
import { platform } from '@/lib/platform';
|
||||
|
||||
/** Ставит в window фальшивый мост Tauri v2 и возвращает список вызовов. */
|
||||
function stubTauri(): Array<{ command: string; args: unknown }> {
|
||||
const calls: Array<{ command: string; args: unknown }> = [];
|
||||
vi.stubGlobal('__TAURI_INTERNALS__', {
|
||||
invoke: (command: string, args?: unknown) => {
|
||||
calls.push({ command, args });
|
||||
return Promise.resolve(undefined);
|
||||
},
|
||||
});
|
||||
return calls;
|
||||
}
|
||||
|
||||
/**
|
||||
* Несохранённые изменения (docs/client-tauri.md §5): платформа должна знать о
|
||||
* них, чтобы обёртка перехватила закрытие окна, а браузер — показал своё
|
||||
* подтверждение. Здесь проверяются сами вызовы платформы; поведение клиента —
|
||||
* в `unsavedChanges.test.tsx`.
|
||||
*/
|
||||
describe('setDirty в браузере', () => {
|
||||
it('включает и снимает штатное подтверждение закрытия вкладки', () => {
|
||||
const added: unknown[] = [];
|
||||
const removed: unknown[] = [];
|
||||
vi.spyOn(window, 'addEventListener').mockImplementation((type, handler) => {
|
||||
if (type === 'beforeunload') {
|
||||
added.push(handler);
|
||||
}
|
||||
});
|
||||
vi.spyOn(window, 'removeEventListener').mockImplementation((type, handler) => {
|
||||
if (type === 'beforeunload') {
|
||||
removed.push(handler);
|
||||
}
|
||||
});
|
||||
|
||||
platform.setDirty(true);
|
||||
// Повторный вызов не вешает второй обработчик: подтверждение одно на окно.
|
||||
platform.setDirty(true);
|
||||
expect(added).toHaveLength(1);
|
||||
|
||||
const event = new Event('beforeunload', { cancelable: true });
|
||||
(added[0] as (event: Event) => void)(event);
|
||||
expect(event.defaultPrevented).toBe(true);
|
||||
|
||||
platform.setDirty(false);
|
||||
expect(removed).toEqual(added);
|
||||
});
|
||||
});
|
||||
|
||||
describe('команды обёртке', () => {
|
||||
it('передаёт dirty и закрывает окно', async () => {
|
||||
const calls = stubTauri();
|
||||
vi.resetModules();
|
||||
const desktop = await import('@/lib/platform');
|
||||
|
||||
expect(desktop.platform.kind).toBe('tauri');
|
||||
desktop.platform.setDirty(true);
|
||||
desktop.platform.setDirty(false);
|
||||
desktop.platform.closeWindow();
|
||||
|
||||
expect(calls).toEqual([
|
||||
{ command: 'desktop_set_dirty', args: { dirty: true } },
|
||||
{ command: 'desktop_set_dirty', args: { dirty: false } },
|
||||
{ command: 'desktop_close_window', args: undefined },
|
||||
]);
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user