simbarag/raggr-frontend/tests/history-management.test.cjs

const fs = require("node:fs");
const assert = require("node:assert/strict");
const test = require("node:test");
const ts = require("typescript");
const React = require("react");
const { renderToStaticMarkup } = require("react-dom/server");
for (const ext of [".ts", ".tsx"]) {
	require.extensions[ext] = (mod, filename) => {
		const { outputText } = ts.transpileModule(
			fs.readFileSync(filename, "utf8"),
			{
				compilerOptions: {
					module: ts.ModuleKind.CommonJS,
					jsx: ts.JsxEmit.ReactJSX,
					esModuleInterop: true,
				},
			},
		);
		mod._compile(outputText, filename);
	};
}
const { historyService } = require("../src/api/historyService.ts");
const { userService } = require("../src/api/userService.ts");
const { ConversationList } = require("../src/components/ConversationList.tsx");
const { MemoryPanel } = require("../src/components/MemoryPanel.tsx");

test("history requests use authenticated fetch, encode search and send explicit pin boolean", async () => {
	const calls = [];
	const original = userService.fetchWithAuth;
	userService.fetchWithAuth = async (...args) => {
		calls.push(args);
		return new Response(JSON.stringify([]), { status: 200 });
	};
	try {
		await historyService.list({ search: "cats & dogs", limit: 21, offset: 20 });
		const query = new URL(calls[0][0], "https://example.test").searchParams;
		assert.equal(query.get("search"), "cats & dogs");
		assert.equal(query.get("offset"), "20");
		await historyService.pin("id", false);
		assert.equal(calls[1][0], "/api/history/conversations/id/pin");
		assert.equal(calls[1][1].method, "PATCH");
		assert.deepEqual(JSON.parse(calls[1][1].body), { pinned: false });
		await historyService.correctMemory("id", "correct fact");
		assert.deepEqual(JSON.parse(calls[2][1].body), { content: "correct fact" });
		userService.fetchWithAuth = async (...args) => {
			calls.push(args);
			return new Response(null, { status: 204 });
		};
		assert.equal(await historyService.forgetMemory("id"), undefined);
		assert.equal(calls[3][1].method, "DELETE");
	} finally {
		userService.fetchWithAuth = original;
	}
});

test("failed exports and memory updates are surfaced", async () => {
	const original = userService.fetchWithAuth;
	userService.fetchWithAuth = async () => new Response(null, { status: 404 });
	try {
		await assert.rejects(
			historyService.export("foreign", "json"),
			/Unable to export/,
		);
		await assert.rejects(
			historyService.correctMemory("foreign", "content"),
			/Unable to update/,
		);
	} finally {
		userService.fetchWithAuth = original;
	}
});

test("conversation results render escaped snippets, pinned status and keyboard reachable actions", () => {
	const html = renderToStaticMarkup(
		React.createElement(ConversationList, {
			conversations: [
				{
					id: "owned",
					title: "Cats",
					pinned: true,
					snippet: "<script>cats</script>",
				},
			],
			onSelectConversation() {},
			onCreateNewConversation() {},
			onPinConversation() {},
			onExportConversation() {},
			variant: "light",
		}),
	);
	assert.match(html, /aria-label="Pinned"/);
	assert.match(html, /aria-label="Actions for Cats"/);
	assert.match(html, /&lt;script&gt;cats&lt;\/script&gt;/);
	assert.doesNotMatch(html, /<script>/);
});

test("memory panel exposes its purpose and loading status", () => {
	const html = renderToStaticMarkup(
		React.createElement(MemoryPanel, { onClose() {} }),
	);
	assert.match(html, /aria-label="Saved memories"/);
	assert.match(html, /Correct facts Simba remembers/);
	assert.match(html, /role="status"/);
	assert.match(html, />Close</);
});