@@ -1,4 +1,4 @@
|
||||
import { fireEvent, render, screen, waitFor } from "@testing-library/react";
|
||||
import { fireEvent, render, screen } from "@testing-library/react";
|
||||
import { beforeEach, describe, expect, it, vi } from "vitest";
|
||||
import { ShareDialog } from "../../components/ShareDialog";
|
||||
|
||||
@@ -45,6 +45,12 @@ describe("ShareDialog", () => {
|
||||
expect(screen.getByRole("option", { name: "Bob" })).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it("renders the translated all-people option label", () => {
|
||||
render(<ShareDialog {...defaultProps} sharePeople={["all", "Alice"]} shareSelectedPerson="all" />);
|
||||
expect(screen.getByRole("option", { name: "share.allPeople" })).toBeInTheDocument();
|
||||
expect(screen.getByRole("option", { name: "Alice" })).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it("renders period selection dropdown", () => {
|
||||
render(<ShareDialog {...defaultProps} />);
|
||||
// The dropdown renders with 3 options for time periods
|
||||
@@ -70,7 +76,7 @@ describe("ShareDialog", () => {
|
||||
render(<ShareDialog {...defaultProps} shareLink="http://example.com/share/abc123" />);
|
||||
const inputs = screen.getAllByRole("textbox") as HTMLInputElement[];
|
||||
expect(inputs[0]).toHaveValue("http://example.com/share/abc123");
|
||||
expect(inputs[1]).toHaveValue("http://example.com/share/abc123/overview");
|
||||
expect(inputs).toHaveLength(1);
|
||||
});
|
||||
|
||||
it("calls onCopyShareLink when copy button is clicked", () => {
|
||||
@@ -93,16 +99,6 @@ describe("ShareDialog", () => {
|
||||
expect(selectMock).toHaveBeenCalled();
|
||||
});
|
||||
|
||||
it("copies overview link when overview copy button is clicked", async () => {
|
||||
render(<ShareDialog {...defaultProps} shareLink="http://example.com/share/abc123" />);
|
||||
|
||||
fireEvent.click(screen.getByRole("button", { name: /share\.copyOverviewLink/i }));
|
||||
|
||||
await waitFor(() => {
|
||||
expect(navigator.clipboard.writeText).toHaveBeenCalledWith("http://example.com/share/abc123/overview");
|
||||
});
|
||||
});
|
||||
|
||||
it("calls person and period change callbacks", () => {
|
||||
render(<ShareDialog {...defaultProps} />);
|
||||
|
||||
|
||||
@@ -23,6 +23,74 @@ function createSharedData() {
|
||||
};
|
||||
}
|
||||
|
||||
function createSharedDataWithEmbeddedOverview() {
|
||||
return {
|
||||
...createSharedData(),
|
||||
takenBy: "all",
|
||||
shareMedicationOverview: true,
|
||||
medicationOverview: [
|
||||
{
|
||||
name: "Aspirin",
|
||||
genericName: "Acetylsalicylic Acid",
|
||||
imageUrl: null,
|
||||
packageType: "blister",
|
||||
packCount: 1,
|
||||
blistersPerPack: 2,
|
||||
pillsPerBlister: 10,
|
||||
totalPills: null,
|
||||
looseTablets: 0,
|
||||
currentStock: 8,
|
||||
capacity: 20,
|
||||
daysLeft: 8,
|
||||
nextIntakeDate: null,
|
||||
depletionDate: "2026-01-20",
|
||||
priority: "high",
|
||||
expiryDate: null,
|
||||
medicationStartDate: null,
|
||||
prescriptionEnabled: false,
|
||||
prescriptionRemainingRefills: null,
|
||||
},
|
||||
],
|
||||
};
|
||||
}
|
||||
|
||||
function createSharedDataWithTodayDose() {
|
||||
const now = new Date();
|
||||
now.setHours(10, 0, 0, 0);
|
||||
const dateOnlyMs = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime();
|
||||
|
||||
return {
|
||||
sharedBy: "Owner",
|
||||
takenBy: "Max",
|
||||
scheduleDays: 30,
|
||||
automaticDoseId: `1-0-${dateOnlyMs}`,
|
||||
shareStockStatus: true,
|
||||
medications: [
|
||||
{
|
||||
id: 1,
|
||||
name: "Ibuprofen",
|
||||
genericName: null,
|
||||
takenBy: [],
|
||||
packageType: "blister",
|
||||
packCount: 2,
|
||||
blistersPerPack: 1,
|
||||
pillsPerBlister: 10,
|
||||
looseTablets: 0,
|
||||
pillWeightMg: null,
|
||||
doseUnit: "mg",
|
||||
expiryDate: null,
|
||||
notes: null,
|
||||
intakeRemindersEnabled: false,
|
||||
blisters: [{ usage: 1, every: 1, start: now.toISOString() }],
|
||||
intakes: [{ usage: 1, every: 1, start: now.toISOString(), takenBy: null, intakeRemindersEnabled: false }],
|
||||
updatedAt: null,
|
||||
dismissedUntil: null,
|
||||
lastStockCorrectionAt: null,
|
||||
},
|
||||
],
|
||||
};
|
||||
}
|
||||
|
||||
describe("SharedSchedule", () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
@@ -117,4 +185,54 @@ describe("SharedSchedule", () => {
|
||||
expect(screen.getByText("share.error")).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
|
||||
it("shows the robot marker for automatically taken shared doses", async () => {
|
||||
const sharedData = createSharedDataWithTodayDose();
|
||||
|
||||
(globalThis.fetch as ReturnType<typeof vi.fn>).mockImplementation((url: string, init?: RequestInit) => {
|
||||
if (url === "/api/share/token-123/doses" && (!init || !init.method || init.method === "GET")) {
|
||||
return Promise.resolve({
|
||||
ok: true,
|
||||
json: () =>
|
||||
Promise.resolve({
|
||||
doses: [{ doseId: sharedData.automaticDoseId, dismissed: false, takenSource: "automatic" }],
|
||||
}),
|
||||
});
|
||||
}
|
||||
if (url === "/api/share/token-123") {
|
||||
return Promise.resolve({ ok: true, json: () => Promise.resolve(sharedData) });
|
||||
}
|
||||
return Promise.reject(new Error(`Unexpected URL: ${url}`));
|
||||
});
|
||||
|
||||
renderSharedSchedule("/share/token-123");
|
||||
|
||||
await waitFor(() => {
|
||||
expect(screen.getByText("🤖")).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
|
||||
it("renders the embedded medication overview on the shared page when enabled", async () => {
|
||||
const sharedData = createSharedDataWithEmbeddedOverview();
|
||||
|
||||
(globalThis.fetch as ReturnType<typeof vi.fn>).mockImplementation((url: string, init?: RequestInit) => {
|
||||
if (url === "/api/share/token-123/doses" && (!init || !init.method || init.method === "GET")) {
|
||||
return Promise.resolve({ ok: true, json: () => Promise.resolve({ doses: [] }) });
|
||||
}
|
||||
if (url === "/api/share/token-123") {
|
||||
return Promise.resolve({ ok: true, json: () => Promise.resolve(sharedData) });
|
||||
}
|
||||
return Promise.reject(new Error(`Unexpected URL: ${url}`));
|
||||
});
|
||||
|
||||
renderSharedSchedule("/share/token-123");
|
||||
|
||||
await waitFor(() => {
|
||||
expect(screen.getAllByText("Aspirin").length).toBeGreaterThan(0);
|
||||
expect(screen.getAllByText("Acetylsalicylic Acid").length).toBeGreaterThan(0);
|
||||
});
|
||||
|
||||
expect(screen.getByText("sharedOverview.columns.priority")).toBeInTheDocument();
|
||||
expect(screen.getByText("share.noSchedule")).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
|
||||
@@ -23,6 +23,7 @@ function createSharedData(overrides: Record<string, unknown> = {}) {
|
||||
takenBy: "Max",
|
||||
scheduleDays: 30,
|
||||
shareStockStatus: true,
|
||||
upcomingTodayOnly: false,
|
||||
shareScheduleTodayOnly: true,
|
||||
stockCalculationMode: "automatic",
|
||||
stockThresholds: {
|
||||
@@ -73,7 +74,7 @@ describe("SharedSchedule today-only", () => {
|
||||
vi.restoreAllMocks();
|
||||
});
|
||||
|
||||
it("hides past and future sections when shareScheduleTodayOnly is enabled", async () => {
|
||||
it("hides past and future sections when shareScheduleTodayOnly is enabled even if dashboard today-only is off", async () => {
|
||||
const sharedData = createSharedData();
|
||||
|
||||
(globalThis.fetch as ReturnType<typeof vi.fn>).mockImplementation((url: string, init?: RequestInit) => {
|
||||
|
||||
Reference in New Issue
Block a user