Wanja Krah
694bf3fa86
All checks were successful
Build, test and publish / verify (push) Successful in 7m31s
89 lines
3.2 KiB
TypeScript
89 lines
3.2 KiB
TypeScript
import { TestBed } from '@angular/core/testing';
|
|
import { of, throwError } from 'rxjs';
|
|
import { HttpErrorResponse } from '@angular/common/http';
|
|
import { Show, DanceGroup } from '../core/api-models';
|
|
import { SchoolApi } from '../core/school-api';
|
|
import { ScheduleEditor } from './schedule-editor';
|
|
|
|
const groups: DanceGroup[] = [1, 2, 3].map((id) => ({
|
|
id,
|
|
category: `Group ${id}`,
|
|
type: 'REGULAR',
|
|
startAge: 0,
|
|
endAge: 99,
|
|
styles: [],
|
|
dancerIds: [id],
|
|
}));
|
|
const show: Show = {
|
|
id: 4,
|
|
name: 'Show',
|
|
preferredDayParts: 1,
|
|
finalized: true,
|
|
violations: [],
|
|
appearances: {},
|
|
dayParts: [
|
|
{ date: '2027-01-01', type: 'MORNING', danceGroupIds: [1, 2] },
|
|
{ date: '2027-01-02', type: 'MORNING', danceGroupIds: [3] },
|
|
],
|
|
};
|
|
|
|
describe('ScheduleEditor', () => {
|
|
const api = { saveAssignments: vi.fn(), finalize: vi.fn() };
|
|
beforeEach(() => {
|
|
vi.resetAllMocks();
|
|
TestBed.configureTestingModule({ providers: [{ provide: SchoolApi, useValue: api }] });
|
|
});
|
|
function editor() {
|
|
const fixture = TestBed.createComponent(ScheduleEditor);
|
|
fixture.componentRef.setInput('show', show);
|
|
fixture.componentRef.setInput('groups', groups);
|
|
fixture.componentRef.setInput('schoolId', 7);
|
|
fixture.componentInstance.ngOnInit();
|
|
return fixture.componentInstance;
|
|
}
|
|
it('edits order and dayparts without changing the saved input', () => {
|
|
const component = editor();
|
|
component.reorder(0, 1, -1);
|
|
component.move(0, 0, 1);
|
|
component.add(0, 3);
|
|
component.remove(1, 0);
|
|
expect(component.assignments).toEqual([[1, 3], [2]]);
|
|
expect(show.dayParts[0].danceGroupIds).toEqual([1, 2]);
|
|
expect(component.dirty()).toBe(true);
|
|
});
|
|
it('saves invalid drafts and displays server violations without finalizing', async () => {
|
|
const component = editor();
|
|
component.remove(0, 0);
|
|
const draft = { ...show, finalized: false, violations: ['Group 1 requires 1 dayparts.'] };
|
|
api.saveAssignments.mockReturnValue(of(draft));
|
|
await component.save();
|
|
expect(api.saveAssignments).toHaveBeenCalledWith(7, 4, [[2], [3]], undefined);
|
|
expect(component.current()).toEqual(draft);
|
|
expect(component.dirty()).toBe(false);
|
|
expect(api.finalize).not.toHaveBeenCalled();
|
|
});
|
|
it('keeps unsaved edits when saving fails', async () => {
|
|
const component = editor();
|
|
component.remove(0, 0);
|
|
api.saveAssignments.mockReturnValue(throwError(() => new HttpErrorResponse({ status: 0 })));
|
|
await component.save();
|
|
expect(component.assignments).toEqual([[2], [3]]);
|
|
expect(component.dirty()).toBe(true);
|
|
expect(component.error()).toContain('niet bereikbaar');
|
|
expect(component.busy()).toBe(false);
|
|
});
|
|
it('finalizes through the server and reports a stale validation failure', async () => {
|
|
const component = editor();
|
|
api.finalize.mockReturnValue(of(show));
|
|
await component.finalize();
|
|
expect(component.current()?.finalized).toBe(true);
|
|
api.finalize.mockReturnValue(
|
|
throwError(
|
|
() => new HttpErrorResponse({ status: 400, error: { message: 'Changing gap violated' } }),
|
|
),
|
|
);
|
|
await component.finalize();
|
|
expect(component.error()).toContain('Changing gap violated');
|
|
});
|
|
});
|