mirror of
https://github.com/mauriceboe/TREK.git
synced 2026-10-23 15:36:33 +00:00
Maurice
214984f398
Adds an in-app assistant that reads and plans the open trip. Users connect their own provider (Sign in with ChatGPT, or an Anthropic, OpenAI, Gemini or OpenRouter key) or use the one the admin set up, including a custom OpenAI-compatible server. It is an addon and only shows while a connection is usable. The chat runs on the existing MCP tools, pinned to the trip. Every change is held as a change card the user applies or discards, and applied changes can be undone. On the desktop it is a floating window that can be moved and resized; on the phone it is fullscreen. Search results show as place cards that can go onto a day, weather lookups as a strip, proposed places as ghost markers on the map with a before/after switch, and an answer can be shared into the trip chat. Booking files can be dropped in and are read into change cards.
93 lines
4.0 KiB
TypeScript
93 lines
4.0 KiB
TypeScript
/**
|
|
* FE-AI-WEATHER-001 to FE-AI-WEATHER-005
|
|
*
|
|
* The weather row of an answer: temperatures in the user's unit, a drop only
|
|
* where rain is likely, the day in focus framed, and a trip day that selects
|
|
* itself in the planner.
|
|
*/
|
|
import type { AssistantWeatherDay } from '@trek/shared';
|
|
import { afterEach, describe, expect, it, vi } from 'vitest';
|
|
|
|
import { fireEvent, render, screen } from '../../../tests/helpers/render';
|
|
import { chatOf, useAssistantStore } from '../../store/assistantStore';
|
|
import { useSettingsStore } from '../../store/settingsStore';
|
|
import AssistantWeatherStrip from './AssistantWeatherStrip';
|
|
import { inUnit } from './assistantModel';
|
|
import { type AssistantView, AssistantViewContext } from './assistantViewContext';
|
|
|
|
const TRIP = 4;
|
|
const ASSISTANT = useAssistantStore.getState();
|
|
const SETTINGS = useSettingsStore.getState();
|
|
|
|
function day(date: string, extra: Partial<AssistantWeatherDay> = {}): AssistantWeatherDay {
|
|
return { dayId: null, date, main: 'Clear', tempMax: 21, tempMin: 12, rainPct: null, kind: 'forecast', ...extra };
|
|
}
|
|
|
|
function renderStrip(days: AssistantWeatherDay[], view: Partial<AssistantView> = {}) {
|
|
const value: AssistantView = { tripId: TRIP, variant: 'window', ...view };
|
|
return render(
|
|
<AssistantViewContext.Provider value={value}>
|
|
<AssistantWeatherStrip days={days} />
|
|
</AssistantViewContext.Provider>
|
|
);
|
|
}
|
|
|
|
afterEach(() => {
|
|
useAssistantStore.setState(ASSISTANT, true);
|
|
useSettingsStore.setState(SETTINGS, true);
|
|
});
|
|
|
|
describe('AssistantWeatherStrip', () => {
|
|
it('FE-AI-WEATHER-001: shows °C in the user unit, without a negative zero', () => {
|
|
expect(inUnit(21, false)).toBe(21);
|
|
expect(inUnit(21, true)).toBe(70);
|
|
expect(inUnit(-0.4, false)).toBe(0);
|
|
|
|
useSettingsStore.setState({ settings: { ...SETTINGS.settings, temperature_unit: 'fahrenheit' } });
|
|
renderStrip([day('2026-11-02')]);
|
|
expect(screen.getByText('70°')).toBeInTheDocument();
|
|
expect(screen.getByText('54°')).toBeInTheDocument();
|
|
});
|
|
|
|
it('FE-AI-WEATHER-002: a drop shows from 30 % rain on, and a climate figure reads as approximate', () => {
|
|
renderStrip([
|
|
day('2026-11-02', { rainPct: 29 }),
|
|
day('2026-11-03', { rainPct: 60 }),
|
|
day('2026-11-04', { kind: 'climate', tempMax: 18 }),
|
|
]);
|
|
expect(screen.queryByText('29%')).toBeNull();
|
|
expect(screen.getByText('60%')).toBeInTheDocument();
|
|
expect(screen.getByText('≈18°')).toBeInTheDocument();
|
|
expect(screen.getByRole('list', { name: 'Weather for 3 days' })).toBeInTheDocument();
|
|
});
|
|
|
|
it('FE-AI-WEATHER-003: a trip day selects itself in the planner, and the day in focus is marked', () => {
|
|
const onFocusDay = vi.fn();
|
|
useAssistantStore.setState({
|
|
byTrip: { [TRIP]: { ...chatOf(useAssistantStore.getState(), TRIP), focus: { dayId: 31 } } },
|
|
});
|
|
renderStrip([day('2026-11-02', { dayId: 31 }), day('2026-11-03', { dayId: 32 })], { onFocusDay });
|
|
const [first, second] = screen.getAllByRole('button');
|
|
expect(first).toHaveAttribute('aria-current', 'true');
|
|
expect(second).not.toHaveAttribute('aria-current');
|
|
if (second) fireEvent.click(second);
|
|
expect(onFocusDay).toHaveBeenCalledWith(32);
|
|
});
|
|
|
|
it('FE-AI-WEATHER-004: without a planner or a trip day a chip is only text', () => {
|
|
renderStrip([day('2026-11-02', { dayId: 31 })]);
|
|
expect(screen.queryByRole('button')).toBeNull();
|
|
renderStrip([day('2026-11-03')], { onFocusDay: vi.fn() });
|
|
expect(screen.queryByRole('button')).toBeNull();
|
|
});
|
|
|
|
it('FE-AI-WEATHER-005: a chip grows with three-digit or approximate figures instead of spilling over', () => {
|
|
useSettingsStore.setState({ settings: { ...SETTINGS.settings, temperature_unit: 'fahrenheit' } });
|
|
renderStrip([day('2026-07-02', { kind: 'climate', tempMax: 39, tempMin: 29 })]);
|
|
expect(screen.getByText('≈102°')).toBeInTheDocument();
|
|
const chip = screen.getByRole('listitem');
|
|
expect(chip.className).toContain('min-w-14');
|
|
expect(chip.className.split(' ')).not.toContain('w-14');
|
|
});
|
|
});
|