Add Prettier and ESLint tooling (Refs #77)

This commit is contained in:
2026-10-09 15:56:13 -04:00
parent 8ed059b8d3
commit 16469e2d43
711 changed files with 99737 additions and 28286 deletions
+99 -27
View File
@@ -11,8 +11,12 @@ const visibility = (state: string) => {
documentStub.visibilityState = state;
documentStub.dispatchEvent(new Event('visibilitychange'));
};
const response = (url: string) => Response.json(url === '/api/servers'
? { serverNow: Date.now(), servers: [], integrations: {} } : { operations: [] });
const response = (url: string) =>
Response.json(
url === '/api/servers'
? { serverNow: Date.now(), servers: [], integrations: {} }
: { operations: [] }
);
beforeEach(() => {
vi.resetModules();
@@ -21,11 +25,17 @@ beforeEach(() => {
documentStub = Object.assign(new EventTarget(), { visibilityState: 'visible' });
vi.stubGlobal('document', documentStub);
vi.stubGlobal('window', new EventTarget());
vi.stubGlobal('fetch', vi.fn(async (url: string) => response(url)));
vi.stubGlobal(
'fetch',
vi.fn(async (url: string) => response(url))
);
});
afterEach(() => {
stop?.(); stop = undefined;
vi.useRealTimers(); vi.unstubAllGlobals(); vi.restoreAllMocks();
stop?.();
stop = undefined;
vi.useRealTimers();
vi.unstubAllGlobals();
vi.restoreAllMocks();
});
async function setup() {
const store = await import('../../src/lib/ui/stores/fleet.js');
@@ -38,14 +48,30 @@ describe('fleet event refreshes', () => {
it('hydrates and refreshes the all-host attention count without an additional request', async () => {
const store = await import('../../src/lib/ui/stores/fleet.js');
const integrations = { rcon: true, rconTimeoutMs: 2000, defaultRconHost: '' };
store.hydrateFleet({ servers: [], operations: [], integrations, serverNow: Date.now(), hostAttention: 2 });
store.hydrateFleet({
servers: [],
operations: [],
integrations,
serverNow: Date.now(),
hostAttention: 2
});
expect(get(store.fleet).hostAttention).toBe(2);
vi.mocked(fetch).mockImplementation(async url => Response.json(String(url) === '/api/servers'
? { serverNow: Date.now(), servers: [], integrations, hostAttention: 0 } : { operations: [] }));
vi.mocked(fetch).mockImplementation(async (url) =>
Response.json(
String(url) === '/api/servers'
? { serverNow: Date.now(), servers: [], integrations, hostAttention: 0 }
: { operations: [] }
)
);
await store.refreshFleet();
expect(get(store.fleet).hostAttention).toBe(0);
expect(fetch).toHaveBeenCalledTimes(2);
expect(vi.mocked(fetch).mock.calls.map(([url]) => url).sort()).toEqual(['/api/fleet', '/api/servers']);
expect(
vi
.mocked(fetch)
.mock.calls.map(([url]) => url)
.sort()
).toEqual(['/api/fleet', '/api/servers']);
});
it('refreshes server history through one scoped request without replacing the fleet snapshot', async () => {
const store = await import('../../src/lib/ui/stores/fleet.js');
@@ -56,8 +82,19 @@ describe('fleet event refreshes', () => {
const detail = store.createFleetStore('one / two');
detail.hydrateFleet(snapshot);
stop = detail.startFleetMonitor();
const history: FleetOperation[] = [{ key: 'deployment:done', group: 'deployment:done', kind: 'deployment',
server: 'one / two', state: 'done', label: 'Complete', detail: 'Complete', href: '/provisioning/done', startedAt: new Date().toISOString() }];
const history: FleetOperation[] = [
{
key: 'deployment:done',
group: 'deployment:done',
kind: 'deployment',
server: 'one / two',
state: 'done',
label: 'Complete',
detail: 'Complete',
href: '/provisioning/done',
startedAt: new Date().toISOString()
}
];
vi.mocked(fetch).mockResolvedValue(Response.json({ ...snapshot, operations: history }));
changed();
await vi.advanceTimersByTimeAsync(250);
@@ -73,13 +110,24 @@ describe('fleet event refreshes', () => {
const first = createFleetStore('first');
const second = createFleetStore('second');
let finish!: (response: Response) => void;
vi.mocked(fetch).mockImplementationOnce(() => new Promise(resolve => { finish = resolve; }));
vi.mocked(fetch).mockImplementationOnce(
() =>
new Promise((resolve) => {
finish = resolve;
})
);
const oldRequest = first.refreshFleet();
const newSnapshot = { serverNow: Date.now(), servers: [], integrations: {}, operations: [] };
const newSnapshot = {
serverNow: Date.now(),
servers: [],
integrations: {},
operations: []
};
vi.mocked(fetch).mockResolvedValue(Response.json(newSnapshot));
await second.refreshFleet();
const current = get(second.fleet);
finish(Response.json(newSnapshot)); await oldRequest;
finish(Response.json(newSnapshot));
await oldRequest;
expect(get(second.fleet)).toBe(current);
expect(get(fleet).receivedAt).toBe(0);
expect(fetch).toHaveBeenCalledTimes(2);
@@ -87,7 +135,9 @@ describe('fleet event refreshes', () => {
it('coalesces bursts and refreshes at most once every two seconds with a trailing refresh', async () => {
await setup();
changed(); changed(); changed();
changed();
changed();
changed();
await vi.advanceTimersByTimeAsync(249);
expect(fetch).not.toHaveBeenCalled();
await vi.advanceTimersByTimeAsync(1);
@@ -109,12 +159,18 @@ describe('fleet event refreshes', () => {
it('keeps events during a request without an immediate follow-up when it finishes', async () => {
await setup();
let finish!: () => void;
const gate = new Promise<void>(resolve => { finish = resolve; });
vi.mocked(fetch).mockImplementation(async url => { await gate; return response(String(url)); });
const gate = new Promise<void>((resolve) => {
finish = resolve;
});
vi.mocked(fetch).mockImplementation(async (url) => {
await gate;
return response(String(url));
});
changed();
await vi.advanceTimersByTimeAsync(250);
expect(fetch).toHaveBeenCalledTimes(2);
changed(); changed();
changed();
changed();
await vi.advanceTimersByTimeAsync(500);
finish();
await vi.advanceTimersByTimeAsync(1499);
@@ -126,14 +182,21 @@ describe('fleet event refreshes', () => {
it('waits for a slow manual refresh and coalesces events arriving during it', async () => {
const { refreshFleet } = await setup();
let finish!: () => void;
const gate = new Promise<void>(resolve => { finish = resolve; });
vi.mocked(fetch).mockImplementation(async url => { await gate; return response(String(url)); });
const gate = new Promise<void>((resolve) => {
finish = resolve;
});
vi.mocked(fetch).mockImplementation(async (url) => {
await gate;
return response(String(url));
});
const manual = refreshFleet();
changed();
await vi.advanceTimersByTimeAsync(3000);
changed(); changed();
changed();
changed();
expect(fetch).toHaveBeenCalledTimes(2);
finish(); await manual;
finish();
await manual;
await vi.advanceTimersByTimeAsync(0);
expect(fetch).toHaveBeenCalledTimes(4);
await vi.advanceTimersByTimeAsync(3000);
@@ -142,7 +205,8 @@ describe('fleet event refreshes', () => {
it('skips queued refreshes while hidden, refreshes on return, and cancels on stop', async () => {
await setup();
changed(); visibility('hidden');
changed();
visibility('hidden');
await vi.advanceTimersByTimeAsync(250);
changed();
await vi.advanceTimersByTimeAsync(3000);
@@ -150,7 +214,8 @@ describe('fleet event refreshes', () => {
visibility('visible');
await vi.advanceTimersByTimeAsync(0);
expect(fetch).toHaveBeenCalledTimes(2);
changed(); stop!();
changed();
stop!();
await vi.advanceTimersByTimeAsync(3000);
expect(fetch).toHaveBeenCalledTimes(2);
});
@@ -158,12 +223,19 @@ describe('fleet event refreshes', () => {
it('cancels a follow-up waiting for an active request when stopped', async () => {
const { refreshFleet } = await setup();
let finish!: () => void;
const gate = new Promise<void>(resolve => { finish = resolve; });
vi.mocked(fetch).mockImplementation(async url => { await gate; return response(String(url)); });
const gate = new Promise<void>((resolve) => {
finish = resolve;
});
vi.mocked(fetch).mockImplementation(async (url) => {
await gate;
return response(String(url));
});
const manual = refreshFleet();
changed();
await vi.advanceTimersByTimeAsync(250);
stop!(); finish(); await manual;
stop!();
finish();
await manual;
await vi.advanceTimersByTimeAsync(3000);
expect(fetch).toHaveBeenCalledTimes(2);
});