Add a full ChannelEditScreen so the SPA can edit an existing channel
(the list/builder could only create). Mirrors the Blazor ChannelEditor
field set via hydrate-then-PUT against GET/PUT /api/channels/{id}.
- api/channels.ts: getChannelById + updateChannel (typed from generated
ChannelViewModel / UpdateChannelRequest).
- screens/ChannelEditScreen.tsx: section-rail form (General, Playout,
Streaming, Stream selection, Music video, Branding) following the
SettingsScreen draft/saved dirtiness + floating save bar pattern. Logo
upload reuses uploadArtwork; option data via existing pickers clients.
- App.tsx: /app/edit-channel/{id} route (allowSubPaths, screen parses the
id); repoint the channel-table edit pencil at it.
- Tests: API-client GET/PUT + screen hydrate/edit-save/404 coverage.
Deferred per scope: ExternalLogoUrl (backend contract gap), and the
/channels/numbers bulk renumber (existing Renumber toolbar = parity).
Language codes / stream selector / credits template are free-text inputs
(no enumeration endpoints exist); mirror-source list can't filter to
Generated-only (ChannelResponseModel omits playoutSource).
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
93 lines
2.8 KiB
TypeScript
93 lines
2.8 KiB
TypeScript
import { beforeEach, describe, expect, it, vi } from 'vitest';
|
|
import { getChannelById, updateChannel, type UpdateChannelRequest } from './channels';
|
|
|
|
const sampleChannel = {
|
|
id: 5,
|
|
number: '5',
|
|
name: 'Cartoons',
|
|
group: 'ChicoryTV',
|
|
categories: '',
|
|
fFmpegProfileId: 1,
|
|
slugSeconds: null,
|
|
logo: { path: '', contentType: '' },
|
|
streamSelectorMode: 'Default',
|
|
streamSelector: null,
|
|
preferredAudioLanguageCode: null,
|
|
preferredAudioTitle: null,
|
|
playoutSource: 'Generated',
|
|
playoutMode: 'Continuous',
|
|
mirrorSourceChannelId: null,
|
|
playoutOffset: null,
|
|
streamingMode: 'TransportStreamHybrid',
|
|
watermarkId: null,
|
|
fallbackFillerId: null,
|
|
playoutCount: 0,
|
|
preferredSubtitleLanguageCode: null,
|
|
subtitleMode: 'None',
|
|
musicVideoCreditsMode: 'None',
|
|
musicVideoCreditsTemplate: null,
|
|
songVideoMode: 'Default',
|
|
transcodeMode: 'OnDemand',
|
|
idleBehavior: 'StopOnDisconnect',
|
|
isEnabled: true,
|
|
showInEpg: true
|
|
};
|
|
|
|
describe('getChannelById', () => {
|
|
beforeEach(() => {
|
|
window.localStorage.clear();
|
|
vi.restoreAllMocks();
|
|
});
|
|
|
|
it('GETs the channel by id and returns the view model', async () => {
|
|
const fetchSpy = vi.spyOn(window, 'fetch').mockResolvedValue(
|
|
new Response(JSON.stringify(sampleChannel), {
|
|
headers: { 'Content-Type': 'application/json' },
|
|
status: 200
|
|
})
|
|
);
|
|
|
|
await expect(getChannelById(5)).resolves.toMatchObject({ id: 5, name: 'Cartoons' });
|
|
|
|
const [url, init] = fetchSpy.mock.calls[0];
|
|
expect(url).toBe('/api/channels/5');
|
|
expect((init?.method ?? 'GET').toUpperCase()).toBe('GET');
|
|
});
|
|
|
|
it('rejects with the ApiError status on 404', async () => {
|
|
vi.spyOn(window, 'fetch').mockResolvedValue(
|
|
new Response(JSON.stringify({ status: 404, title: 'Not Found' }), {
|
|
headers: { 'Content-Type': 'application/json' },
|
|
status: 404
|
|
})
|
|
);
|
|
|
|
await expect(getChannelById(999)).rejects.toMatchObject({ status: 404 });
|
|
});
|
|
});
|
|
|
|
describe('updateChannel', () => {
|
|
beforeEach(() => {
|
|
window.localStorage.clear();
|
|
vi.restoreAllMocks();
|
|
});
|
|
|
|
it('PUTs the request body to the channel id and returns the updated view model', async () => {
|
|
const fetchSpy = vi.spyOn(window, 'fetch').mockResolvedValue(
|
|
new Response(JSON.stringify({ ...sampleChannel, name: 'Renamed' }), {
|
|
headers: { 'Content-Type': 'application/json' },
|
|
status: 200
|
|
})
|
|
);
|
|
|
|
const body = { ...sampleChannel, name: 'Renamed' } as unknown as UpdateChannelRequest;
|
|
|
|
await expect(updateChannel(5, body)).resolves.toMatchObject({ name: 'Renamed' });
|
|
|
|
const [url, init] = fetchSpy.mock.calls[0];
|
|
expect(url).toBe('/api/channels/5');
|
|
expect((init?.method ?? '').toUpperCase()).toBe('PUT');
|
|
expect(JSON.parse(init?.body as string)).toMatchObject({ name: 'Renamed', number: '5' });
|
|
});
|
|
});
|