125 lines
3.3 KiB
TypeScript
125 lines
3.3 KiB
TypeScript
import { createElement } from "react"
|
|
import { renderToStaticMarkup } from "react-dom/server"
|
|
import { beforeEach, describe, expect, it, vi } from "vitest"
|
|
|
|
import { es } from "@/i18n/dictionaries/es"
|
|
|
|
const mocks = vi.hoisted(() => ({
|
|
findAllWithRecipientPaginated: vi.fn(),
|
|
getI18n: vi.fn(),
|
|
refresh: vi.fn(),
|
|
returnAssignment: vi.fn(),
|
|
toastError: vi.fn(),
|
|
toastSuccess: vi.fn(),
|
|
}))
|
|
|
|
vi.mock("@/i18n/server", () => ({
|
|
getI18n: mocks.getI18n,
|
|
}))
|
|
|
|
vi.mock("@/services/assignment.service", () => ({
|
|
AssignmentService: {
|
|
findAllWithRecipientPaginated: mocks.findAllWithRecipientPaginated,
|
|
},
|
|
}))
|
|
|
|
vi.mock("@/actions/assignment.actions", () => ({
|
|
returnAssignment: mocks.returnAssignment,
|
|
}))
|
|
|
|
vi.mock("next/navigation", () => ({
|
|
useRouter: () => ({
|
|
refresh: mocks.refresh,
|
|
}),
|
|
}))
|
|
|
|
vi.mock("sonner", () => ({
|
|
toast: {
|
|
error: mocks.toastError,
|
|
success: mocks.toastSuccess,
|
|
},
|
|
}))
|
|
|
|
vi.mock("@/components/common/pageheader", () => ({
|
|
default: ({ title, addLabel }: { title: string; addLabel?: string }) =>
|
|
createElement(
|
|
"header",
|
|
null,
|
|
[title, addLabel].filter(Boolean).join(" | "),
|
|
),
|
|
}))
|
|
|
|
vi.mock("@/components/common/pagination", () => ({
|
|
default: ({ totalPages }: { totalPages: number }) =>
|
|
createElement("nav", { "aria-label": "Pagination" }, totalPages),
|
|
}))
|
|
|
|
describe("assignment pages localization", () => {
|
|
beforeEach(() => {
|
|
vi.clearAllMocks()
|
|
mocks.getI18n.mockResolvedValue({ dictionary: es, locale: "es" })
|
|
})
|
|
|
|
it("renders the assignment list in Spanish with localized action labels and unchanged assignment data", async () => {
|
|
const { default: AssignmentsPage } = await import(
|
|
"@/app/(dashboard)/assignments/page"
|
|
)
|
|
|
|
mocks.findAllWithRecipientPaginated.mockResolvedValue({
|
|
data: [
|
|
{
|
|
id: "assignment-1",
|
|
quantity: 2,
|
|
recipient: {
|
|
id: "recipient-1",
|
|
firstName: "Ada",
|
|
lastName: "Lovelace",
|
|
},
|
|
item: {
|
|
id: "item-1",
|
|
name: "Laptop",
|
|
},
|
|
asset: {
|
|
serialNumber: null,
|
|
},
|
|
},
|
|
],
|
|
totalPages: 1,
|
|
})
|
|
|
|
const html = renderToStaticMarkup(
|
|
await AssignmentsPage({ searchParams: Promise.resolve({}) }),
|
|
)
|
|
|
|
expect(html).toContain("Asignaciones")
|
|
expect(html).toContain("Agregar asignación")
|
|
expect(html).toContain("Destinatario")
|
|
expect(html).toContain("Artículo")
|
|
expect(html).toContain("Número de serie")
|
|
expect(html).toContain("Cantidad")
|
|
expect(html).toContain("Acciones")
|
|
expect(html).toContain("Ada Lovelace")
|
|
expect(html).toContain("Laptop")
|
|
expect(html).toContain("No disponible")
|
|
expect(html).toContain('aria-label="Editar asignación"')
|
|
expect(html).toContain('aria-label="Devolver asignación"')
|
|
})
|
|
|
|
it("renders the localized assignment empty state when no assignments exist", async () => {
|
|
const { default: AssignmentsPage } = await import(
|
|
"@/app/(dashboard)/assignments/page"
|
|
)
|
|
|
|
mocks.findAllWithRecipientPaginated.mockResolvedValue({
|
|
data: [],
|
|
totalPages: 0,
|
|
})
|
|
|
|
const html = renderToStaticMarkup(
|
|
await AssignmentsPage({ searchParams: Promise.resolve({}) }),
|
|
)
|
|
|
|
expect(html).toContain("No se encontraron asignaciones.")
|
|
})
|
|
})
|