Add Prettier and ESLint tooling (Refs #77)
This commit is contained in:
@@ -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);
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user