Function environment

packages/app/src/server-disconnected.test.ts:56–106

(options: {
  readonly respond?: () => Promise<{ ok: boolean; body: string }>;
  readonly storage?: "working" | "blocked";
})

}

const environment = (options: {
  readonly respond?: () => Promise<{ ok: boolean; body: string }>;
  readonly storage?: "working" | "blocked";
}) => {
  const body = new FakeElement();
  const fetches: FetchCall[] = [];
  const reloads = { count: 0 };
  const reported: unknown[] = [];
  const store = new Map<string, string>();

  const sessionStorage = {
    getItem: (key: string) => store.get(key) ?? null,
    setItem: (key: string, value: string) => store.set(key, value),
  };

  const fakeWindow = {
    addEventListener: () => {},
    removeEventListener: () => {},
    location: {
      reload: () => {
        reloads.count += 1;
      },
    },
  };
  if (options.storage === "blocked") {
    Object.defineProperty(fakeWindow, "sessionStorage", {
      get: () => {
        // oxlint-disable-next-line executor/no-error-constructor, executor/no-try-catch-or-throw -- boundary: reproduces the SecurityError a browser raises when storage is blocked
        throw new Error("SecurityError: storage is disabled");
      },
    });
  } else {
    Object.defineProperty(fakeWindow, "sessionStorage", { get: () => sessionStorage });
  }

  const globals = globalThis as Record<string, unknown>;
  globals.window = fakeWindow;
  globals.document = {
    body,
    createElement: () => new FakeElement(),
    getElementById: (id: string) => body.byId(id),
  };
  globals.fetch = async (input: unknown, init?: RequestInit) => {
    fetches.push({ input, init });
    const answer = await (options.respond?.() ?? Promise.resolve({ ok: true, body: "ok" }));
    return { ok: answer.ok, text: async () => answer.body };
  };
  globals.reportError = (error: unknown) => reported.push(error);

  return { env: browserEnvironment(), body, fetches, reloads, reported, store };
};

describe("browserEnvironment", () => {
  it("probes the unauthenticated health endpoint and believes only a healthy answer", async () => {