File size: 1,403 Bytes
6a7089a | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 | import { render, waitFor } from "@testing-library/react";
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
import ScreencastTile from "../screencast/ScreencastTile";
const webSocketMock = vi.fn(function MockWebSocket(
this: Record<string, unknown>,
) {
this.close = vi.fn();
});
describe("ScreencastTile", () => {
beforeEach(() => {
vi.clearAllMocks();
vi.stubGlobal(
"location",
new URL("https://pinchtab.com/dashboard/profiles"),
);
window.localStorage.setItem("pinchtab.auth.token", "secret-token");
vi.spyOn(HTMLCanvasElement.prototype, "getContext").mockReturnValue({
drawImage: vi.fn(),
} as unknown as CanvasRenderingContext2D);
vi.stubGlobal("WebSocket", webSocketMock);
});
afterEach(() => {
window.localStorage.clear();
vi.unstubAllGlobals();
vi.restoreAllMocks();
});
it("connects through the same-origin screencast proxy on secure deployments", async () => {
render(
<ScreencastTile
instanceId="inst_123"
tabId="tab_456"
label="Example"
url="https://pinchtab.com"
/>,
);
await waitFor(() => expect(webSocketMock).toHaveBeenCalledTimes(1));
expect(webSocketMock).toHaveBeenCalledWith(
"wss://pinchtab.com/instances/inst_123/proxy/screencast?tabId=tab_456&quality=30&maxWidth=800&fps=1&token=secret-token",
);
});
});
|