Flea Flicker
bc21d6de09
CI / Test (push) Successful in 21s
CI / Test (pull_request) Successful in 22s
CI / Lint & Typecheck (push) Successful in 26s
CI / Lint & Typecheck (pull_request) Successful in 28s
CI / Build & Push Docker Image (push) Successful in 25s
CI / Build & Push Docker Image (pull_request) Successful in 20s
81 lines
3.2 KiB
TypeScript
81 lines
3.2 KiB
TypeScript
import { describe, it, expect } from "vitest";
|
|
import { render, screen } from "@testing-library/react";
|
|
import { BasicInfoTab, formatSizeCategory } from "../portal/sections/PetProfiles.js";
|
|
import type { Pet } from "@groombook/types";
|
|
|
|
// The portal endpoint (GET /api/portal/pets) serializes DB columns under
|
|
// portal-shaped keys: weightKg→weight, dateOfBirth→birthDate. The read view
|
|
// must surface those keys (GRO-2207), not the raw staff-side weightKg/dateOfBirth.
|
|
const PORTAL_PET: Pet = {
|
|
id: "pet-1",
|
|
clientId: "client-1",
|
|
name: "Pup Alpha",
|
|
species: "dog",
|
|
breed: "Poodle",
|
|
// Staff-shaped keys intentionally null — only the portal keys are populated,
|
|
// proving the read view reads `weight`/`birthDate`.
|
|
weightKg: null,
|
|
dateOfBirth: null,
|
|
weight: "12.50",
|
|
birthDate: "2022-03-10T00:00:00.000Z",
|
|
petSizeCategory: "extra_large",
|
|
healthAlerts: null,
|
|
groomingNotes: null,
|
|
cutStyle: null,
|
|
shampooPreference: null,
|
|
specialCareNotes: null,
|
|
customFields: {},
|
|
coatType: null,
|
|
preferredCuts: [],
|
|
medicalAlerts: [],
|
|
createdAt: "2024-01-01T00:00:00.000Z",
|
|
updatedAt: "2024-01-01T00:00:00.000Z",
|
|
};
|
|
|
|
describe("BasicInfoTab read view (GRO-2207)", () => {
|
|
it("renders Weight from the portal `weight` key", () => {
|
|
render(<BasicInfoTab pet={PORTAL_PET} readOnly />);
|
|
expect(screen.getByText("12.50 kg")).toBeInTheDocument();
|
|
});
|
|
|
|
it("renders Date of Birth from the portal `birthDate` key", () => {
|
|
render(<BasicInfoTab pet={PORTAL_PET} readOnly />);
|
|
expect(screen.getByText("March 10, 2022")).toBeInTheDocument();
|
|
});
|
|
|
|
it("renders Size Category formatted from petSizeCategory", () => {
|
|
render(<BasicInfoTab pet={PORTAL_PET} readOnly />);
|
|
expect(screen.getByText("Size Category")).toBeInTheDocument();
|
|
expect(screen.getByText("Extra Large")).toBeInTheDocument();
|
|
});
|
|
|
|
it("falls back to staff-shaped keys when portal keys are absent", () => {
|
|
const staffShaped: Pet = { ...PORTAL_PET, weight: null, birthDate: null, weightKg: 25, dateOfBirth: "2020-01-05T00:00:00.000Z" };
|
|
render(<BasicInfoTab pet={staffShaped} readOnly />);
|
|
expect(screen.getByText("25 kg")).toBeInTheDocument();
|
|
expect(screen.getByText("January 5, 2020")).toBeInTheDocument();
|
|
});
|
|
|
|
it("shows Unknown for missing weight/DoB and size", () => {
|
|
const empty: Pet = { ...PORTAL_PET, weight: null, birthDate: null, weightKg: null, dateOfBirth: null, petSizeCategory: null };
|
|
render(<BasicInfoTab pet={empty} readOnly />);
|
|
// Weight, Date of Birth and Size Category rows all read "Unknown".
|
|
expect(screen.getAllByText("Unknown").length).toBeGreaterThanOrEqual(3);
|
|
});
|
|
});
|
|
|
|
describe("formatSizeCategory", () => {
|
|
it("title-cases each underscore-separated segment", () => {
|
|
expect(formatSizeCategory("extra_large")).toBe("Extra Large");
|
|
expect(formatSizeCategory("small")).toBe("Small");
|
|
expect(formatSizeCategory("medium")).toBe("Medium");
|
|
expect(formatSizeCategory("large")).toBe("Large");
|
|
});
|
|
|
|
it("returns Unknown for null/undefined/empty", () => {
|
|
expect(formatSizeCategory(null)).toBe("Unknown");
|
|
expect(formatSizeCategory(undefined)).toBe("Unknown");
|
|
expect(formatSizeCategory("")).toBe("Unknown");
|
|
});
|
|
});
|