import { afterEach, expect, test, vi } from "vitest";
import { HttpResponse, http, server } from "~/test/msw/server";
import { cleanup, render, screen, userEvent } from "~/test/test-utils";

const navigateMock = vi.fn(async () => {});

vi.mock("@tanstack/react-router", async (importOriginal) => {
	const actual = await importOriginal<typeof import("@tanstack/react-router")>();

	return {
		...actual,
		useNavigate: (() => navigateMock) as typeof actual.useNavigate,
	};
});

import { EditBackupPage } from "../edit-backup";

afterEach(() => {
	navigateMock.mockClear();
	cleanup();
});

test("submits the computed cron expression when saving a daily schedule", async () => {
	const submittedBody = new Promise<Record<string, unknown>>((resolve) => {
		server.use(
			http.get("/api/v1/backups/:shortId", () => {
				return HttpResponse.json({
					shortId: "backup-1",
					name: "Backup 1",
					repository: { shortId: "repo-1", name: "Repo 1", type: "local" },
					volume: {
						id: "volume-1",
						shortId: "vol-1",
						name: "Volume 1",
						config: { backend: "directory", path: "/mnt" },
					},
					cronExpression: "0 2 * * *",
					retentionPolicy: null,
					includePaths: ["/project"],
					includePatterns: [],
					excludePatterns: [],
					excludeIfPresent: [],
					oneFileSystem: false,
					customResticParams: [],
				});
			}),
			http.get("/api/v1/repositories", () => {
				return HttpResponse.json([{ shortId: "repo-1", name: "Repo 1", type: "local" }]);
			}),
			http.get("/api/v1/volumes/:shortId/files", () => {
				return HttpResponse.json({
					files: [{ name: "project", path: "/project", type: "directory" }],
					path: "/",
					offset: 0,
					limit: 100,
					total: 1,
					hasMore: false,
				});
			}),
			http.patch("/api/v1/backups/:shortId", async ({ request }) => {
				const body = (await request.json()) as Record<string, unknown>;
				resolve(body);

				return HttpResponse.json({
					shortId: "backup-1",
					volume: {
						id: "volume-1",
						shortId: "vol-1",
						name: "Volume 1",
						config: { backend: "directory", path: "/mnt" },
					},
					repository: { shortId: "repo-1", name: "Repo 1", type: "local" },
					...body,
				});
			}),
		);
	});

	render(<EditBackupPage backupId="backup-1" />, { withSuspense: true });

	await userEvent.click(await screen.findByRole("button", { name: "Update schedule" }));

	await expect(submittedBody).resolves.toMatchObject({
		frequency: "daily",
		cronExpression: "00 02 * * *",
	});
});