mirror of
https://github.com/mountain-loop/yaak.git
synced 2026-11-13 12:13:42 +01:00
70 lines
2.8 KiB
TypeScript
70 lines
2.8 KiB
TypeScript
import { renderToStaticMarkup } from "react-dom/server";
|
||
import { afterEach, beforeEach, describe, expect, test, vi } from "vite-plus/test";
|
||
import type { DialogInstance } from "../components/Dialogs";
|
||
// Loaded once as the file is collected (the mocks below are hoisted above it), so the first
|
||
// transform of its module graph, the shared UI package among it, is not timed against whichever
|
||
// test imports it first. Each test still gets the module fresh after `vi.resetModules()`, which
|
||
// reuses that transform.
|
||
import "./confirmWebProxy";
|
||
|
||
const mocks = vi.hoisted(() => ({
|
||
platform: { httpProxyUrl: "https://web.yaak.app" },
|
||
showDialog: vi.fn<(dialog: DialogInstance) => void>(),
|
||
}));
|
||
|
||
vi.mock("@yaakapp-internal/platform", () => ({ platform: mocks.platform }));
|
||
vi.mock("./appInfo", () => ({ appInfo: { identifier: "app.yaak.web" } }));
|
||
vi.mock("./dialog", () => ({ showDialog: mocks.showDialog }));
|
||
vi.mock("../hooks/useHotKey", () => ({
|
||
useHotKey: vi.fn(),
|
||
useFormattedHotkey: () => null,
|
||
}));
|
||
|
||
describe("proxy consent disclosure", () => {
|
||
beforeEach(() => {
|
||
vi.resetModules();
|
||
vi.clearAllMocks();
|
||
vi.stubGlobal("localStorage", { getItem: () => null });
|
||
});
|
||
|
||
afterEach(() => vi.unstubAllGlobals());
|
||
|
||
test.each([
|
||
["Yaak-hosted", "https://web.yaak.app"],
|
||
["self-hosted", "https://yaak.example.com"],
|
||
["local", "http://localhost:8080"],
|
||
["split deployment", "https://send.example.com/relay"],
|
||
])("identifies the %s proxy and requires an explicit decision", async (_, proxyUrl) => {
|
||
mocks.platform.httpProxyUrl = proxyUrl;
|
||
const { confirmWebProxy } = await import("./confirmWebProxy");
|
||
void confirmWebProxy();
|
||
|
||
const dialog = mocks.showDialog.mock.calls[0]?.[0];
|
||
expect(dialog).toMatchObject({
|
||
id: "web-proxy-consent",
|
||
title: "Requests in Yaak Web use a proxy",
|
||
size: "sm",
|
||
disableClose: true,
|
||
});
|
||
if (dialog == null) throw new Error("Expected the proxy consent dialog");
|
||
|
||
const disclosure = renderToStaticMarkup(<>{dialog.description}</>);
|
||
expect(disclosure).toContain(`>${proxyUrl}</code>`);
|
||
expect(disclosure).toMatch(/request and response data/i);
|
||
expect(disclosure).toContain("credentials");
|
||
expect(disclosure).toContain("server shown below");
|
||
expect(disclosure).not.toContain("Yaak’s servers");
|
||
expect(disclosure).toContain(
|
||
'href="https://yaak.app/docs/getting-started/web-proxy?ref=app.yaak.web"',
|
||
);
|
||
expect(disclosure).toContain('target="_blank"');
|
||
expect(disclosure).toContain("how the proxy works");
|
||
|
||
const Actions = dialog.render;
|
||
const actions = renderToStaticMarkup(<Actions hide={vi.fn()} />);
|
||
expect(actions).toMatch(/<button[^>]*type="submit"/);
|
||
expect(actions).toContain(">Send via Proxy<");
|
||
expect(actions).toContain(">Cancel<");
|
||
});
|
||
});
|