Improve frontend test mocks

frontend/package.json

@@ -59,6 +59,7 @@
     "husky": "^9.0.11",
     "jsdom": "^26.0.0",
     "lodash": "^4.17.21",
+    "msw": "^2.7.0",
     "postcss-preset-mantine": "^1.14.4",
     "postcss-simple-vars": "^7.0.1",
     "prettier": "^3.2.5",

frontend/src/App/app.test.tsx

@@ -1,9 +1,18 @@
+import { http } from "msw";
+import { HttpResponse } from "msw";
 import { describe, it } from "vitest";
 import { render } from "@/tests";
+import server from "@/tests/mocks/node";
 import App from ".";
 
 describe("App", () => {
   it("should render without crash", () => {
+    server.use(
+      http.get("/api/system/searches", () => {
+        return HttpResponse.json({});
+      }),
+    );
+
     render(<App />);
   });
 });

frontend/src/pages/Blacklist/Movies/index.test.tsx

@@ -0,0 +1,72 @@
+/* eslint-disable camelcase */
+import { http } from "msw";
+import { HttpResponse } from "msw";
+import { render, screen, waitFor } from "@/tests";
+import server from "@/tests/mocks/node";
+import BlacklistMoviesView from ".";
+
+describe("Blacklist Movies", () => {
+  it("should render with blacklisted movies", async () => {
+    server.use(
+      http.get("/api/system/settings", () => {
+        return HttpResponse.json({
+          general: {
+            theme: "auto",
+          },
+        });
+      }),
+    );
+
+    server.use(
+      http.get("/api/movies/blacklist", () => {
+        // TODO: Replace with Factory
+        return HttpResponse.json({
+          data: [
+            {
+              title: "Batman vs Teenage Mutant Ninja Turtles",
+              radarrId: 50,
+              provider: "yifysubtitles",
+              subs_id:
+                "https://yifysubtitles.ch/subtitles/batman-vs-teenage-mutant-ninja-turtles-2019-english-yify-19252",
+              language: {
+                name: "English",
+                code2: "en",
+                code3: "eng",
+                forced: false,
+                hi: false,
+              },
+              timestamp: "28 seconds ago",
+              parsed_timestamp: "01/23/25 05:39:36",
+            },
+          ],
+        });
+      }),
+    );
+
+    render(<BlacklistMoviesView />);
+
+    await waitFor(() => {
+      expect(screen.getByText("yifysubtitles")).toBeInTheDocument();
+    });
+  });
+
+  it("should render without blacklisted movies", async () => {
+    server.use(
+      http.get("/api/movies/blacklist", () => {
+        return HttpResponse.json({
+          data: [],
+        });
+      }),
+    );
+
+    render(<BlacklistMoviesView />);
+
+    await waitFor(() => {
+      expect(
+        screen.getByText("No blacklisted movies subtitles"),
+      ).toBeInTheDocument();
+    });
+
+    server.resetHandlers();
+  });
+});

frontend/src/pages/Blacklist/Series/index.test.tsx

@@ -0,0 +1,62 @@
+/* eslint-disable camelcase */
+import { http } from "msw";
+import { HttpResponse } from "msw";
+import { render, screen, waitFor } from "@/tests";
+import server from "@/tests/mocks/node";
+import BlacklistSeriesView from ".";
+
+describe("Blacklist Series", () => {
+  it("should render without blacklisted series", async () => {
+    server.use(
+      http.get("/api/episodes/blacklist", () => {
+        return HttpResponse.json({
+          data: [],
+        });
+      }),
+    );
+
+    render(<BlacklistSeriesView />);
+
+    await waitFor(() => {
+      expect(
+        screen.getByText("No blacklisted series subtitles"),
+      ).toBeInTheDocument();
+    });
+  });
+
+  it("should render with blacklisted series", async () => {
+    server.use(
+      http.get("/api/episodes/blacklist", () => {
+        // TODO: Replace with Factory
+        return HttpResponse.json({
+          data: [
+            {
+              seriesTitle: "Dragon Ball DAIMA",
+              episode_number: "1x14",
+              episodeTitle: "Taboo",
+              sonarrSeriesId: 56,
+              provider: "animetosho",
+              subs_id:
+                "https://animetosho.org/storage/attach/0022fd50/2293072.xz",
+              language: {
+                name: "English",
+                code2: "en",
+                code3: "eng",
+                forced: false,
+                hi: false,
+              },
+              timestamp: "now",
+              parsed_timestamp: "01/24/25 01:38:03",
+            },
+          ],
+        });
+      }),
+    );
+
+    render(<BlacklistSeriesView />);
+
+    await waitFor(() => {
+      expect(screen.getByText("animetosho")).toBeInTheDocument();
+    });
+  });
+});

frontend/src/pages/History/Movies/index.test.tsx

@@ -0,0 +1,33 @@
+import { http } from "msw";
+import { HttpResponse } from "msw";
+import { render } from "@/tests";
+import server from "@/tests/mocks/node";
+import MoviesHistoryView from ".";
+
+describe("History Movies", () => {
+  it("should render with movies", async () => {
+    server.use(
+      http.get("/api/movies/history", () => {
+        return HttpResponse.json({
+          data: [],
+        });
+      }),
+    );
+    server.use(
+      http.get("/api/providers", () => {
+        return HttpResponse.json({
+          data: [],
+        });
+      }),
+    );
+    server.use(
+      http.get("/api/system/languages", () => {
+        return HttpResponse.json({});
+      }),
+    );
+
+    render(<MoviesHistoryView />);
+
+    // TODO: Assert
+  });
+});

frontend/src/pages/History/Series/index.test.tsx

@@ -0,0 +1,21 @@
+import { http } from "msw";
+import { HttpResponse } from "msw";
+import { render } from "@/tests";
+import server from "@/tests/mocks/node";
+import SeriesHistoryView from ".";
+
+describe("History Series", () => {
+  it("should render with series", async () => {
+    server.use(
+      http.get("/api/episodes/history", () => {
+        return HttpResponse.json({
+          data: [],
+        });
+      }),
+    );
+
+    render(<SeriesHistoryView />);
+
+    // TODO: Assert
+  });
+});

frontend/src/pages/History/Statistics/HistoryStats.test.tsx

@@ -0,0 +1,37 @@
+import { http } from "msw";
+import { HttpResponse } from "msw";
+import { render } from "@/tests";
+import server from "@/tests/mocks/node";
+import HistoryStats from "./HistoryStats";
+
+describe("History Stats", () => {
+  it("should render without stats", async () => {
+    server.use(
+      http.get("/api/providers", () => {
+        return HttpResponse.json({
+          data: [],
+        });
+      }),
+    );
+    server.use(
+      http.get("/api/system/languages", () => {
+        return HttpResponse.json({});
+      }),
+    );
+    server.use(
+      http.get("/api/history/stats", () => {
+        return HttpResponse.json({
+          series: [],
+        });
+      }),
+    );
+
+    server.use(
+      http.get("/api/system/providers", () => {
+        return HttpResponse.json({});
+      }),
+    );
+
+    render(<HistoryStats />);
+  });
+});

frontend/src/pages/Movies/movies.test.tsx

@@ -1,16 +1,46 @@
-import { describe } from "vitest";
-import { render } from "@/tests";
+import { http } from "msw";
+import { HttpResponse } from "msw";
+import { beforeEach, describe, it } from "vitest";
+import { render, screen } from "@/tests";
+import server from "@/tests/mocks/node";
 import MovieMassEditor from "./Editor";
 import MovieView from ".";
 
 describe("Movies page", () => {
+  beforeEach(() => {
+    server.use(
+      http.get("/api/movies", () => {
+        return HttpResponse.json({
+          data: [],
+        });
+      }),
+    );
+  });
+
   it("should render", () => {
     render(<MovieView />);
   });
 });
 
 describe("Movies editor page", () => {
+  beforeEach(() => {
+    server.use(
+      http.get("/api/movies", () => {
+        return HttpResponse.json({
+          data: [],
+        });
+      }),
+    );
+    server.use(
+      http.get("/api/system/languages/profiles", () => {
+        return HttpResponse.json([]);
+      }),
+    );
+  });
+
   it("should render", () => {
     render(<MovieMassEditor />);
+
+    expect(screen.getByText("Actions")).toBeInTheDocument();
   });
 });

frontend/src/pages/Series/series.test.tsx

@@ -1,15 +1,43 @@
-import { describe } from "vitest";
+import { http } from "msw";
+import { HttpResponse } from "msw";
+import { beforeEach, describe, it } from "vitest";
 import { render } from "@/tests";
+import server from "@/tests/mocks/node";
 import SeriesMassEditor from "./Editor";
 import SeriesView from ".";
 
 describe("Series page", () => {
+  beforeEach(() => {
+    server.use(
+      http.get("/api/series", () => {
+        return HttpResponse.json({
+          data: [],
+        });
+      }),
+    );
+  });
+
   it("should render", () => {
     render(<SeriesView />);
   });
 });
 
 describe("Series editor page", () => {
+  beforeEach(() => {
+    server.use(
+      http.get("/api/series", () => {
+        return HttpResponse.json({
+          data: [],
+        });
+      }),
+    );
+    server.use(
+      http.get("/api/system/languages/profiles", () => {
+        return HttpResponse.json([]);
+      }),
+    );
+  });
+
   it("should render", () => {
     render(<SeriesMassEditor />);
   });

frontend/src/pages/Settings/components/Section.test.tsx

@@ -5,6 +5,7 @@ import { Section } from "./Section";
 
 describe("Settings section", () => {
   const header = "Section Header";
+
   it("should show header", () => {
     render(<Section header="Section Header"></Section>);