Numerous Bug Fixes

frontend/node_modules/make-cancellable-promise/src/index.spec.ts

@@ -0,0 +1,79 @@
+import { describe, expect, it, vi } from 'vitest';
+
+import makeCancellablePromise from './index.js';
+
+vi.useFakeTimers();
+
+describe('makeCancellablePromise()', () => {
+  function resolveInFiveSeconds(): Promise<string> {
+    return new Promise((resolve) => {
+      setTimeout(() => {
+        resolve('Success');
+      }, 5000);
+    });
+  }
+
+  function rejectInFiveSeconds() {
+    return new Promise((_resolve, reject) => {
+      setTimeout(() => {
+        reject(new Error('Error'));
+      }, 5000);
+    });
+  }
+
+  it('resolves promise if not cancelled', async () => {
+    const resolve = vi.fn();
+    const reject = vi.fn();
+
+    const { promise } = makeCancellablePromise(resolveInFiveSeconds());
+
+    vi.advanceTimersByTime(5000);
+    await promise.then(resolve).catch(reject);
+
+    expect(resolve).toHaveBeenCalledWith('Success');
+    expect(reject).not.toHaveBeenCalled();
+  });
+
+  it('rejects promise if not cancelled', async () => {
+    const resolve = vi.fn();
+    const reject = vi.fn();
+
+    const { promise } = makeCancellablePromise(rejectInFiveSeconds());
+
+    vi.runAllTimers();
+    await promise.then(resolve).catch(reject);
+
+    expect(resolve).not.toHaveBeenCalled();
+    expect(reject).toHaveBeenCalledWith(expect.any(Error));
+  });
+
+  it('does not resolve promise if cancelled', async () => {
+    const resolve = vi.fn();
+    const reject = vi.fn();
+
+    const { promise, cancel } = makeCancellablePromise(rejectInFiveSeconds());
+    promise.then(resolve).catch(reject);
+
+    vi.advanceTimersByTime(2500);
+    cancel();
+    vi.advanceTimersByTime(2500);
+
+    expect(resolve).not.toHaveBeenCalled();
+    expect(reject).not.toHaveBeenCalled();
+  });
+
+  it('does not reject promise if cancelled', () => {
+    const resolve = vi.fn();
+    const reject = vi.fn();
+
+    const { promise, cancel } = makeCancellablePromise(rejectInFiveSeconds());
+    promise.then(resolve).catch(reject);
+
+    vi.advanceTimersByTime(2500);
+    cancel();
+    vi.advanceTimersByTime(2500);
+
+    expect(resolve).not.toHaveBeenCalled();
+    expect(reject).not.toHaveBeenCalled();
+  });
+});

frontend/node_modules/make-cancellable-promise/src/index.ts

@@ -0,0 +1,19 @@
+export default function makeCancellablePromise<T>(promise: Promise<T>): {
+  promise: Promise<T>;
+  cancel(): void;
+} {
+  let isCancelled = false;
+
+  const wrappedPromise: Promise<T> = new Promise((resolve, reject) => {
+    promise
+      .then((value) => !isCancelled && resolve(value))
+      .catch((error) => !isCancelled && reject(error));
+  });
+
+  return {
+    promise: wrappedPromise,
+    cancel() {
+      isCancelled = true;
+    },
+  };
+}