jest

mtojek · mtojek · commit bdbae61d4579 · 2025-04-04T14:34:27.000+02:00
diff --git a/site/src/pages/UserSettingsPage/AppearancePage/AppearancePage.test.tsx b/site/src/pages/UserSettingsPage/AppearancePage/AppearancePage.test.tsx
@@ -12,32 +12,53 @@ describe("appearance page", () => {
 		jest.spyOn(API, "updateAppearanceSettings").mockResolvedValueOnce({
 			...MockUser,
 			theme_preference: "dark",
-			terminal_font: "",
+			terminal_font: "fira-code",
 		});
 
 		const dark = await screen.findByText("Dark");
 		await userEvent.click(dark);
 
 		// Check if the API was called correctly
-		expect(API.updateAppearanceSettings).toBeCalledTimes(0);
+		expect(API.updateAppearanceSettings).toHaveBeenCalledTimes(0);
 	});
 
 	it("changes theme to light", async () => {
 		renderWithAuth(<AppearancePage />);
 
 		jest.spyOn(API, "updateAppearanceSettings").mockResolvedValueOnce({
 			...MockUser,
+			terminal_font: "ibm-plex-mono",
 			theme_preference: "light",
-			terminal_font: "",
 		});
 
 		const light = await screen.findByText("Light");
 		await userEvent.click(light);
 
 		// Check if the API was called correctly
-		expect(API.updateAppearanceSettings).toBeCalledTimes(1);
+		expect(API.updateAppearanceSettings).toHaveBeenCalledTimes(1);
 		expect(API.updateAppearanceSettings).toHaveBeenCalledWith({
+			terminal_font: "ibm-plex-mono",
 			theme_preference: "light",
 		});
 	});
+
+	it("changes font to fira code", async () => {
+		renderWithAuth(<AppearancePage />);
+
+		jest.spyOn(API, "updateAppearanceSettings").mockResolvedValueOnce({
+			...MockUser,
+			terminal_font: "fira-code",
+			theme_preference: "dark",
+		});
+
+		const ibmPlex = await screen.findByText("Fira Code");
+		await userEvent.click(ibmPlex);
+
+		// Check if the API was called correctly
+		expect(API.updateAppearanceSettings).toHaveBeenCalledTimes(1);
+		expect(API.updateAppearanceSettings).toHaveBeenCalledWith({
+			terminal_font: "fira-code",
+			theme_preference: "dark",
+		});
+	});
 });
