test: Modified the tests to support the new route and the new method

Author: GiovanniDonati

frontend/tests/integration/useJobsData.test.tsx

@@ -2,32 +2,52 @@ import { act, renderHook, waitFor } from "@testing-library/react";
 import { describe, expect, it, vi } from "vitest";
 
 const mocks = vi.hoisted(() => ({
-  fetchJobFilesMock: vi.fn(async () => [{ file: "vagas.xlsx" }]),
-  fetchJobsByFileMock: vi.fn(async () => ({ jobs: [{ titulo: "Dev" }], file: "vagas.xlsx", modifiedAt: 1, total: 1 })),
+  fetchJobsByAPIMock: vi.fn(),
+  runScraperRequestMock: vi.fn(),
 }));
 
 vi.mock("@/domains/jobs/infrastructure/jobsApi", () => ({
-  fetchJobFiles: mocks.fetchJobFilesMock,
-  fetchJobsByFile: mocks.fetchJobsByFileMock,
+  fetchJobsByAPI: mocks.fetchJobsByAPIMock,
+  runScraperRequest: mocks.runScraperRequestMock,
 }));
 
 import { useJobsData } from "@/domains/jobs/application/useJobsData";
 
 describe("useJobsData", () => {
-  it("carrega arquivos e jobs iniciais", async () => {
+  it("carrega jobs iniciais", async () => {
+    mocks.fetchJobsByAPIMock.mockResolvedValueOnce({
+      jobs: [{ title: "Dev" }],
+      total: 1,
+      hasNext: false,
+      hasPrev: false,
+      page: 1,
+      limit: 5,
+      totalPages: 1,
+    });
+
     const { result } = renderHook(() => useJobsData());
 
     await waitFor(() => {
-      expect(result.current.files).toHaveLength(1);
-      expect(result.current.meta.file).toBe("vagas.xlsx");
+      expect(result.current.jobs).toHaveLength(1);
+      expect(result.current.meta.total).toBe(1);
     });
   });
 
-  it("carrega jobs por arquivo manualmente", async () => {
+  it("carrega jobs manualmente através do loadJobs", async () => {
+    mocks.fetchJobsByAPIMock.mockResolvedValue({
+      jobs: [{ title: "Dev" }],
+      total: 1,
+      hasNext: false,
+      hasPrev: false,
+      page: 1,
+      limit: 5,
+      totalPages: 1,
+    });
+
     const { result } = renderHook(() => useJobsData());
 
     await act(async () => {
-      await result.current.loadJobs("vagas.xlsx");
+      await result.current.loadJobs();
     });
 
     expect(result.current.jobs).toHaveLength(1);

frontend/tests/unit/components/JobsFiltersCard.extended.test.tsx

@@ -15,10 +15,14 @@ function renderFiltersCard(overrides = {}) {
     onRemoveFilter: vi.fn(),
     onClearFilters: vi.fn(),
     keywords: ["React"],
-    selectedFile: "vagas.xlsx",
-    setSelectedFile: vi.fn(),
-    files: [{ file: "vagas.xlsx" }],
-    meta: { file: "vagas.xlsx", modifiedAt: Date.now(), total: 1 },
+    meta: {
+      total: 1,
+      hasNext: false,
+      hasPrev: false,
+      page: 1,
+      limit: 5,
+      totalPages: 1,
+    },
     ...overrides,
   };
 
@@ -27,64 +31,54 @@ function renderFiltersCard(overrides = {}) {
   return props;
 }
 
-describe("JobsFiltersCard", () => {
-  it("adiciona termo de busca como filtro e permite refresh", () => {
-    const onRefresh = vi.fn();
-    const props = renderFiltersCard({
-      actions: (
-        <button type="button" onClick={onRefresh}>
-          Atualizar
-        </button>
-      ),
-    });
+describe("JobsFiltersCard Extended", () => {
+  it("adiciona termo de busca como filtro", () => {
+    const props = renderFiltersCard();
 
     fireEvent.change(screen.getByPlaceholderText(/buscar/i), {
       target: { value: "node" },
     });
     fireEvent.click(
       screen.getByRole("button", { name: /adicionar filtro de busca/i }),
     );
-    fireEvent.click(screen.getByRole("button", { name: /atualizar/i }));
 
     expect(props.setSearch).toHaveBeenCalledTimes(1);
     expect(props.setSearch.mock.calls[0][0]("React")).toBe("React, node");
     expect(screen.getByPlaceholderText(/buscar/i)).toHaveValue("");
-    expect(onRefresh).toHaveBeenCalledTimes(1);
   });
 
-  it("renderiza badge de arquivo, total e area de filtros", () => {
+  it("renderiza total e area de filtros", () => {
     renderFiltersCard();
 
-    expect(screen.getAllByText(/vagas\.xlsx/i).length).toBeGreaterThan(0);
     expect(screen.getByText(/1 vagas/i)).toBeInTheDocument();
     expect(screen.getByText(/filtros selecionados/i)).toBeInTheDocument();
     expect(screen.getByText(/use o botão filtrar/i)).toBeInTheDocument();
   });
 
-  it("dispara mudancas nos filtros de keyword e arquivo", () => {
-    const props = renderFiltersCard({
-      files: [{ file: "vagas.xlsx" }, { file: "historico.xlsx" }],
-      meta: { file: "vagas.xlsx", modifiedAt: Date.now(), total: 2 },
-    });
+  it("dispara mudancas nos filtros de keyword", () => {
+    const props = renderFiltersCard();
 
     const selects = screen.getAllByRole("combobox");
 
     fireEvent.change(selects[0], {
       target: { value: "React" },
     });
-    fireEvent.change(selects[1], {
-      target: { value: "historico.xlsx" },
-    });
 
     expect(props.setKeywordFilter).toHaveBeenCalled();
-    expect(props.setSelectedFile).toHaveBeenCalled();
   });
 
   it("abre o gerenciador e aciona limpar/remover filtros selecionados", () => {
     const props = renderFiltersCard({
       search: "UX/UI Designer",
       keywordFilter: ["React"],
-      meta: { file: "vagas.xlsx", modifiedAt: Date.now(), total: 2 },
+      meta: {
+        total: 2,
+        hasNext: false,
+        hasPrev: false,
+        page: 1,
+        limit: 5,
+        totalPages: 1,
+      },
     });
 
     fireEvent.click(screen.getByRole("button", { name: /^filtrar$/i }));

frontend/tests/unit/components/JobsFiltersCard.test.tsx

@@ -15,10 +15,14 @@ function renderFiltersCard(overrides = {}) {
     onRemoveFilter: vi.fn(),
     onClearFilters: vi.fn(),
     keywords: ["React"],
-    selectedFile: "vagas.xlsx",
-    setSelectedFile: vi.fn(),
-    files: [{ file: "vagas.xlsx" }],
-    meta: { file: "vagas.xlsx", modifiedAt: Date.now(), total: 1 },
+    meta: {
+      total: 1,
+      hasNext: false,
+      hasPrev: false,
+      page: 1,
+      limit: 5,
+      totalPages: 1,
+    },
     ...overrides,
   };
 
@@ -28,63 +32,53 @@ function renderFiltersCard(overrides = {}) {
 }
 
 describe("JobsFiltersCard", () => {
-  it("adiciona termo de busca como filtro e permite refresh", () => {
-    const onRefresh = vi.fn();
-    const props = renderFiltersCard({
-      actions: (
-        <button type="button" onClick={onRefresh}>
-          Atualizar
-        </button>
-      ),
-    });
+  it("adiciona termo de busca como filtro", () => {
+    const props = renderFiltersCard();
 
     fireEvent.change(screen.getByPlaceholderText(/buscar/i), {
       target: { value: "node" },
     });
     fireEvent.click(
       screen.getByRole("button", { name: /adicionar filtro de busca/i }),
     );
-    fireEvent.click(screen.getByRole("button", { name: /atualizar/i }));
 
     expect(props.setSearch).toHaveBeenCalledTimes(1);
     expect(props.setSearch.mock.calls[0][0]("React")).toBe("React, node");
     expect(screen.getByPlaceholderText(/buscar/i)).toHaveValue("");
-    expect(onRefresh).toHaveBeenCalledTimes(1);
   });
 
-  it("renderiza badge de arquivo, total e area de filtros", () => {
+  it("renderiza total e area de filtros", () => {
     renderFiltersCard();
 
-    expect(screen.getAllByText(/vagas\.xlsx/i).length).toBeGreaterThan(0);
     expect(screen.getByText(/1 vagas/i)).toBeInTheDocument();
     expect(screen.getByText(/filtros selecionados/i)).toBeInTheDocument();
     expect(screen.getByText(/use o botão filtrar/i)).toBeInTheDocument();
   });
 
-  it("dispara mudancas nos filtros de keyword e arquivo", () => {
-    const props = renderFiltersCard({
-      files: [{ file: "vagas.xlsx" }, { file: "historico.xlsx" }],
-      meta: { file: "vagas.xlsx", modifiedAt: Date.now(), total: 2 },
-    });
+  it("dispara mudancas nos filtros de keyword", () => {
+    const props = renderFiltersCard();
 
     const selects = screen.getAllByRole("combobox");
 
     fireEvent.change(selects[0], {
       target: { value: "React" },
     });
-    fireEvent.change(selects[1], {
-      target: { value: "historico.xlsx" },
-    });
 
     expect(props.setKeywordFilter).toHaveBeenCalled();
-    expect(props.setSelectedFile).toHaveBeenCalled();
   });
 
   it("abre o gerenciador e aciona limpar/remover filtros selecionados", () => {
     const props = renderFiltersCard({
       search: "UX/UI Designer",
       keywordFilter: ["React"],
-      meta: { file: "vagas.xlsx", modifiedAt: Date.now(), total: 2 },
+      meta: {
+        total: 2,
+        hasNext: false,
+        hasPrev: false,
+        page: 1,
+        limit: 5,
+        totalPages: 1,
+      },
     });
 
     fireEvent.click(screen.getByRole("button", { name: /^filtrar$/i }));

frontend/tests/unit/components/JobsTableCard.test.tsx

@@ -3,28 +3,35 @@ import { fireEvent, render, screen } from "@testing-library/react";
 import { describe, expect, it, vi } from "vitest";
 
 const baseProps = {
-  meta: { file: "vagas.xlsx", modifiedAt: 1, total: 1 },
+  meta: {
+    total: 1,
+    hasNext: false,
+    hasPrev: false,
+    page: 1,
+    limit: 5,
+    totalPages: 5,
+  },
   filteredJobs: [
     {
-      titulo: "Dev",
-      empresa: "ACME",
-      local: "BR",
-      palavra: "JavaScript, UX-UI",
+      title: "Dev",
+      company: "ACME",
+      location: "BR",
+      keyword: "JavaScript, UX-UI",
       source: "LinkedIn",
-      link: "https://x",
+      url: "https://x",
     },
   ],
   paginatedJobs: [
     {
-      titulo: "Dev",
-      empresa: "ACME",
-      local: "BR",
-      palavra: "JavaScript, UX-UI",
+      title: "Dev",
+      company: "ACME",
+      location: "BR",
+      keyword: "JavaScript, UX-UI",
       source: "LinkedIn",
-      link: "https://x",
+      url: "https://x",
     },
   ],
-  jobs: [{ titulo: "Dev" }],
+  jobs: [{ title: "Dev" }],
   loading: false,
   error: "",
   formatDate: () => "agora",

frontend/tests/unit/domain/jobFilters.test.ts

@@ -0,0 +1,31 @@
+import { describe, expect, it } from "vitest";
+import { normalizeComparableText, normalizeComparableLink } from "@/domains/jobs/domain/jobFilters";
+
+describe("jobFilters domain utilities", () => {
+  describe("normalizeComparableText", () => {
+    it("normalizes text by removing diacritics and converting to lowercase", () => {
+      expect(normalizeComparableText("São Paulo")).toBe("sao paulo");
+      expect(normalizeComparableText("Árvore")).toBe("arvore");
+    });
+
+    it("handles special characters by replacing them with spaces", () => {
+      expect(normalizeComparableText("Node.js")).toBe("node js");
+      expect(normalizeComparableText("React/Redux")).toBe("react redux");
+    });
+
+    it("trims and normalizes multiple spaces", () => {
+      expect(normalizeComparableText("  React   JS  ")).toBe("react js");
+    });
+  });
+
+  describe("normalizeComparableLink", () => {
+    it("removes query parameters and hashes from URLs", () => {
+      expect(normalizeComparableLink("https://example.com/jobs/1?utm=source#top")).toBe("https://example.com/jobs/1");
+    });
+
+    it("returns empty string for invalid or empty inputs", () => {
+      expect(normalizeComparableLink(null)).toBe("");
+      expect(normalizeComparableLink("   ")).toBe("");
+    });
+  });
+});

frontend/tests/unit/factories/jobsFactory.ts

@@ -2,21 +2,24 @@ import type { Job, JobsMeta } from "@/domains/jobs/domain/job.types";
 
 export function makeJob(overrides: Partial<Job> = {}): Job {
   return {
-    titulo: "Frontend Developer",
-    empresa: "ACME",
-    local: "Remoto",
-    palavra: "React",
-    link: "https://example.com/job/1",
+    title: "Frontend Developer",
+    company: "ACME",
+    location: "Remoto",
+    keyword: "React",
+    url: "https://example.com/job/1",
     source: "LinkedIn",
     ...overrides,
   };
 }
 
 export function makeJobsMeta(overrides: Partial<JobsMeta> = {}): JobsMeta {
   return {
-    file: "vagas.xlsx",
-    modifiedAt: 1710000000000,
+    hasNext: false,
+    hasPrev: false,
+    limit: 5,
+    page: 1,
     total: 1,
+    totalPages: 1,
     ...overrides,
   };
 }