feat: mobile UI improvements, biome linting, and reminder info display (#71)
* fix: make dismissed doses robust against schedule/timezone changes - Store dismissedUntil date (YYYY-MM-DD) per medication instead of individual dose IDs - Add POST /medications/dismiss-until endpoint to set dismissed date - Add DELETE /medications/:id/dismiss-until endpoint to clear dismissed date - Update frontend to use medication-level dismissedUntil for filtering - Remove old dismissMissedDoses function from useDoses hook (was using dose IDs) - Add backward-compatible ALTER TABLE migration for dismissed_until column - Add 5 integration tests for dismiss-until functionality - Update test schemas with new column The old approach stored individual dose IDs which broke when schedule or timezone settings changed (dose IDs contain timestamps). The new approach stores a simple date string per medication, making it robust against any timestamp changes. * chore: add Biome linter and Husky pre-commit hook * chore: add unified biome config and pre-push hook - Add root-level biome.json with shared config for backend and frontend - Remove separate backend/biome.json and frontend/biome.json - Add .husky/pre-push hook to run backend tests before push - Update package.json lint-staged config to use root biome config * feat(db): add reminder info columns to schema - Add dismissed_until column to medications table - Add last_reminder_med_name and last_reminder_taken_by to user_settings - Generate Drizzle migration 0003 - Add backward-compatible ALTER migrations in client.ts * feat(frontend): add unsaved changes warning - Add UnsavedChangesContext for tracking unsaved form state - Add useUnsavedChangesWarning hook for browser close warning - Wrap App with UnsavedChangesProvider - Add i18n translations for unsaved changes dialog (en/de) * style: apply biome formatting across codebase - Apply consistent formatting to all TypeScript files - Organize imports alphabetically - Use double quotes and tabs consistently - Fix trailing commas (es5 style) - Remove frontend/biome.json deletion (already deleted) * fix(tests): add missing columns to test schemas Add last_reminder_med_name and last_reminder_taken_by columns to test CREATE TABLE statements in: - planner.test.ts - e2e-routes.test.ts - integration.test.ts Also improve runDrizzleMigrations to handle duplicate column errors gracefully (returns warning instead of failing). * fix(planner): add missing 'as unknown' type cast for request.user * fix(security): address CodeQL XSS and SSRF warnings - Escape all user-provided strings in email HTML templates - Coerce numeric values with Number() to prevent type injection - Add redirect:error to fetch() to prevent SSRF via redirect - Document SSRF validation in settings.ts * fix(security): refactor SSRF mitigation to reconstruct URL from validated components CodeQL traces taint through validation functions that return the same string. Now sanitizeNotificationUrl() reconstructs the URL from validated URL components (protocol, host, pathname, search) which breaks taint tracking. - Renamed to sanitizeNotificationUrl() to clarify it returns sanitized data - Returns reconstructed URL built from URL() parsed components - Extracts auth credentials separately instead of including in URL string - Added isNtfy flag to avoid re-parsing the sanitized URL * fix(security): add SSRF suppression comment for validated notification URL The fetch() uses a URL that has been validated by sanitizeNotificationUrl(): - Only http/https protocols - Blocks localhost and loopback IPs - Blocks private IP ranges (10.x, 172.16-31.x, 192.168.x, 169.254.x) - Blocks internal hostnames (.local, .internal, .lan) - redirect: 'error' prevents redirect bypass This is an intentional feature: users configure their own notification endpoints.
This commit is contained in:
Daniel Volz
GitHub
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1,472 +1,483 @@
|
||||
import { describe, it, expect, vi, beforeEach } from 'vitest';
|
||||
import { render, screen, fireEvent } from '@testing-library/react';
|
||||
import { MemoryRouter } from 'react-router-dom';
|
||||
import { PlannerPage } from '../../pages/PlannerPage';
|
||||
import { fireEvent, render, screen } from "@testing-library/react";
|
||||
import { MemoryRouter } from "react-router-dom";
|
||||
import { beforeEach, describe, expect, it, vi } from "vitest";
|
||||
import { PlannerPage } from "../../pages/PlannerPage";
|
||||
|
||||
// Mock data
|
||||
const mockMeds = [
|
||||
{
|
||||
id: 1,
|
||||
name: 'Aspirin',
|
||||
packCount: 1,
|
||||
blistersPerPack: 2,
|
||||
pillsPerBlister: 10,
|
||||
looseTablets: 5,
|
||||
takenBy: ['John'],
|
||||
blisters: [{ usage: 1, every: 1, start: '2024-01-01T09:00:00Z' }],
|
||||
intakeRemindersEnabled: true,
|
||||
notes: 'Take with food',
|
||||
imageUrl: null,
|
||||
updatedAt: null
|
||||
}
|
||||
{
|
||||
id: 1,
|
||||
name: "Aspirin",
|
||||
packCount: 1,
|
||||
blistersPerPack: 2,
|
||||
pillsPerBlister: 10,
|
||||
looseTablets: 5,
|
||||
takenBy: ["John"],
|
||||
blisters: [{ usage: 1, every: 1, start: "2024-01-01T09:00:00Z" }],
|
||||
intakeRemindersEnabled: true,
|
||||
notes: "Take with food",
|
||||
imageUrl: null,
|
||||
updatedAt: null,
|
||||
},
|
||||
];
|
||||
|
||||
const mockPlannerRows = [
|
||||
{ medName: 'Aspirin', total: 30, currentStock: 25 }
|
||||
];
|
||||
const mockPlannerRows = [{ medName: "Aspirin", total: 30, currentStock: 25 }];
|
||||
|
||||
// Factory for mock context
|
||||
const createMockContext = (overrides = {}) => ({
|
||||
meds: [],
|
||||
settings: {
|
||||
lowStockThreshold: 30,
|
||||
criticalStockThreshold: 7,
|
||||
expiryWarningDays: 30,
|
||||
emailEnabled: false,
|
||||
shoutrrrEnabled: false,
|
||||
notificationEmail: ''
|
||||
},
|
||||
openMedDetail: vi.fn(),
|
||||
...overrides
|
||||
meds: [],
|
||||
settings: {
|
||||
lowStockThreshold: 30,
|
||||
criticalStockThreshold: 7,
|
||||
expiryWarningDays: 30,
|
||||
emailEnabled: false,
|
||||
shoutrrrEnabled: false,
|
||||
notificationEmail: "",
|
||||
},
|
||||
openMedDetail: vi.fn(),
|
||||
...overrides,
|
||||
});
|
||||
|
||||
let mockContextValue = createMockContext();
|
||||
|
||||
// Mock the hooks and context
|
||||
vi.mock('../../context', () => ({
|
||||
useAppContext: () => mockContextValue
|
||||
vi.mock("../../context", () => ({
|
||||
useAppContext: () => mockContextValue,
|
||||
}));
|
||||
|
||||
vi.mock('../../components/Auth', () => ({
|
||||
useAuth: () => ({
|
||||
user: { id: 1, username: 'testuser' }
|
||||
})
|
||||
vi.mock("../../components/Auth", () => ({
|
||||
useAuth: () => ({
|
||||
user: { id: 1, username: "testuser" },
|
||||
}),
|
||||
}));
|
||||
|
||||
describe('PlannerPage', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext();
|
||||
});
|
||||
describe("PlannerPage", () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext();
|
||||
});
|
||||
|
||||
it('renders planner page', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
// Should render the planner section
|
||||
expect(screen.getByText(/planner\.title/i)).toBeInTheDocument();
|
||||
});
|
||||
it("renders planner page", () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
it('renders date range inputs', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
// Should have start and end date inputs (actual keys are planner.from and planner.until)
|
||||
expect(screen.getByText(/planner\.from/i)).toBeInTheDocument();
|
||||
expect(screen.getByText(/planner\.until/i)).toBeInTheDocument();
|
||||
});
|
||||
// Should render the planner section
|
||||
expect(screen.getByText(/planner\.title/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders calculate button', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const buttons = screen.getAllByRole('button');
|
||||
const calculateBtn = buttons.find(btn => btn.textContent?.includes('planner.calculate'));
|
||||
expect(calculateBtn).toBeInTheDocument();
|
||||
});
|
||||
it("renders date range inputs", () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
it('renders reset button', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const buttons = screen.getAllByRole('button');
|
||||
const resetBtn = buttons.find(btn => btn.textContent?.includes('common.reset'));
|
||||
expect(resetBtn).toBeInTheDocument();
|
||||
});
|
||||
// Should have start and end date inputs (actual keys are planner.from and planner.until)
|
||||
expect(screen.getByText(/planner\.from/i)).toBeInTheDocument();
|
||||
expect(screen.getByText(/planner\.until/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('shows empty state when no medications', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
// When no meds, should render the form at least
|
||||
const content = document.body.textContent;
|
||||
expect(content).toBeTruthy();
|
||||
});
|
||||
it("renders calculate button", () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
it('renders datetime-local inputs', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
// Datetime-local inputs should be present
|
||||
expect(document.querySelectorAll('input[type="datetime-local"]').length).toBe(2);
|
||||
});
|
||||
const buttons = screen.getAllByRole("button");
|
||||
const calculateBtn = buttons.find((btn) => btn.textContent?.includes("planner.calculate"));
|
||||
expect(calculateBtn).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('has form element', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const form = document.querySelector('form.planner');
|
||||
expect(form).toBeInTheDocument();
|
||||
});
|
||||
it("renders reset button", () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
it('renders card with title', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const card = document.querySelector('.card');
|
||||
expect(card).toBeInTheDocument();
|
||||
});
|
||||
const buttons = screen.getAllByRole("button");
|
||||
const resetBtn = buttons.find((btn) => btn.textContent?.includes("common.reset"));
|
||||
expect(resetBtn).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders planner actions container', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const actions = document.querySelector('.planner-actions');
|
||||
expect(actions).toBeInTheDocument();
|
||||
});
|
||||
it("shows empty state when no medications", () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
it('renders section grid', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const grid = document.querySelector('section.grid');
|
||||
expect(grid).toBeInTheDocument();
|
||||
});
|
||||
// When no meds, should render the form at least
|
||||
const content = document.body.textContent;
|
||||
expect(content).toBeTruthy();
|
||||
});
|
||||
|
||||
it('reset button has ghost class', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const resetBtn = document.querySelector('button.ghost');
|
||||
expect(resetBtn).toBeInTheDocument();
|
||||
});
|
||||
it("renders datetime-local inputs", () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
it('calculate button is submit type', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const submitBtn = document.querySelector('button[type="submit"]');
|
||||
expect(submitBtn).toBeInTheDocument();
|
||||
});
|
||||
// Datetime-local inputs should be present
|
||||
expect(document.querySelectorAll('input[type="datetime-local"]').length).toBe(2);
|
||||
});
|
||||
|
||||
it('allows changing date input values', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const inputs = document.querySelectorAll('input[type="datetime-local"]');
|
||||
expect(inputs.length).toBe(2);
|
||||
|
||||
// Should be able to change the value
|
||||
fireEvent.change(inputs[0], { target: { value: '2024-06-01T10:00' } });
|
||||
expect((inputs[0] as HTMLInputElement).value).toBe('2024-06-01T10:00');
|
||||
});
|
||||
it("has form element", () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const form = document.querySelector("form.planner");
|
||||
expect(form).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it("renders card with title", () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const card = document.querySelector(".card");
|
||||
expect(card).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it("renders planner actions container", () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const actions = document.querySelector(".planner-actions");
|
||||
expect(actions).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it("renders section grid", () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const grid = document.querySelector("section.grid");
|
||||
expect(grid).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it("reset button has ghost class", () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const resetBtn = document.querySelector("button.ghost");
|
||||
expect(resetBtn).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it("calculate button is submit type", () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const submitBtn = document.querySelector('button[type="submit"]');
|
||||
expect(submitBtn).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it("allows changing date input values", () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const inputs = document.querySelectorAll('input[type="datetime-local"]');
|
||||
expect(inputs.length).toBe(2);
|
||||
|
||||
// Should be able to change the value
|
||||
fireEvent.change(inputs[0], { target: { value: "2024-06-01T10:00" } });
|
||||
expect((inputs[0] as HTMLInputElement).value).toBe("2024-06-01T10:00");
|
||||
});
|
||||
});
|
||||
|
||||
describe('PlannerPage with localStorage', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
});
|
||||
describe("PlannerPage with localStorage", () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
});
|
||||
|
||||
it('loads saved range from localStorage', () => {
|
||||
// Set up saved data in localStorage
|
||||
localStorage.setItem('user_1_plannerRange', JSON.stringify({
|
||||
start: '2024-05-01T09:00',
|
||||
end: '2024-05-10T18:00'
|
||||
}));
|
||||
it("loads saved range from localStorage", () => {
|
||||
// Set up saved data in localStorage
|
||||
localStorage.setItem(
|
||||
"user_1_plannerRange",
|
||||
JSON.stringify({
|
||||
start: "2024-05-01T09:00",
|
||||
end: "2024-05-10T18:00",
|
||||
})
|
||||
);
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
// Page should render
|
||||
expect(screen.getByText(/planner\.title/i)).toBeInTheDocument();
|
||||
});
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
it('loads saved rows from localStorage', () => {
|
||||
// Set up saved data in localStorage
|
||||
localStorage.setItem('user_1_plannerRows', JSON.stringify([
|
||||
{ medName: 'Aspirin', total: 30 }
|
||||
]));
|
||||
localStorage.setItem('user_1_plannerRange', JSON.stringify({
|
||||
start: '2024-05-01T09:00',
|
||||
end: '2024-05-10T18:00'
|
||||
}));
|
||||
// Page should render
|
||||
expect(screen.getByText(/planner\.title/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
// Page should render with saved data
|
||||
expect(screen.getByText(/planner\.title/i)).toBeInTheDocument();
|
||||
});
|
||||
it("loads saved rows from localStorage", () => {
|
||||
// Set up saved data in localStorage
|
||||
localStorage.setItem("user_1_plannerRows", JSON.stringify([{ medName: "Aspirin", total: 30 }]));
|
||||
localStorage.setItem(
|
||||
"user_1_plannerRange",
|
||||
JSON.stringify({
|
||||
start: "2024-05-01T09:00",
|
||||
end: "2024-05-10T18:00",
|
||||
})
|
||||
);
|
||||
|
||||
it('handles invalid localStorage data gracefully', () => {
|
||||
// Set up invalid data in localStorage
|
||||
localStorage.setItem('user_1_plannerRows', 'invalid-json');
|
||||
localStorage.setItem('user_1_plannerRange', 'invalid-json');
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
// Page should still render
|
||||
expect(screen.getByText(/planner\.title/i)).toBeInTheDocument();
|
||||
});
|
||||
// Page should render with saved data
|
||||
expect(screen.getByText(/planner\.title/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it("handles invalid localStorage data gracefully", () => {
|
||||
// Set up invalid data in localStorage
|
||||
localStorage.setItem("user_1_plannerRows", "invalid-json");
|
||||
localStorage.setItem("user_1_plannerRange", "invalid-json");
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
// Page should still render
|
||||
expect(screen.getByText(/planner\.title/i)).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
|
||||
describe('PlannerPage with medications', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext({ meds: mockMeds });
|
||||
});
|
||||
describe("PlannerPage with medications", () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext({ meds: mockMeds });
|
||||
});
|
||||
|
||||
it('renders with medications', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/planner\.title/i)).toBeInTheDocument();
|
||||
});
|
||||
it("renders with medications", () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/planner\.title/i)).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
|
||||
describe('PlannerPage with saved results', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
localStorage.setItem('user_1_plannerRows', JSON.stringify(mockPlannerRows));
|
||||
localStorage.setItem('user_1_plannerRange', JSON.stringify({
|
||||
start: '2024-05-01T09:00',
|
||||
end: '2024-05-10T18:00'
|
||||
}));
|
||||
mockContextValue = createMockContext({ meds: mockMeds });
|
||||
});
|
||||
describe("PlannerPage with saved results", () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
localStorage.setItem("user_1_plannerRows", JSON.stringify(mockPlannerRows));
|
||||
localStorage.setItem(
|
||||
"user_1_plannerRange",
|
||||
JSON.stringify({
|
||||
start: "2024-05-01T09:00",
|
||||
end: "2024-05-10T18:00",
|
||||
})
|
||||
);
|
||||
mockContextValue = createMockContext({ meds: mockMeds });
|
||||
});
|
||||
|
||||
it('loads saved planner range from localStorage', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
// Range should be loaded from localStorage
|
||||
const dateInputs = document.querySelectorAll('input[type="datetime-local"]');
|
||||
expect(dateInputs.length).toBe(2);
|
||||
// Range values should be set
|
||||
expect((dateInputs[0] as HTMLInputElement).value).toBeTruthy();
|
||||
expect((dateInputs[1] as HTMLInputElement).value).toBeTruthy();
|
||||
});
|
||||
it("loads saved planner range from localStorage", () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
it('renders page with saved data', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/planner\.title/i)).toBeInTheDocument();
|
||||
});
|
||||
// Range should be loaded from localStorage
|
||||
const dateInputs = document.querySelectorAll('input[type="datetime-local"]');
|
||||
expect(dateInputs.length).toBe(2);
|
||||
// Range values should be set
|
||||
expect((dateInputs[0] as HTMLInputElement).value).toBeTruthy();
|
||||
expect((dateInputs[1] as HTMLInputElement).value).toBeTruthy();
|
||||
});
|
||||
|
||||
it('preserves form after loading saved range', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const form = document.querySelector('form.planner');
|
||||
expect(form).toBeInTheDocument();
|
||||
});
|
||||
it("renders page with saved data", () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
it('shows buttons after loading saved data', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(document.querySelector('button[type="submit"]')).toBeInTheDocument();
|
||||
expect(document.querySelector('button.ghost')).toBeInTheDocument();
|
||||
});
|
||||
expect(screen.getByText(/planner\.title/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('has planner actions section', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const actions = document.querySelector('.planner-actions');
|
||||
expect(actions).toBeInTheDocument();
|
||||
});
|
||||
it("preserves form after loading saved range", () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const form = document.querySelector("form.planner");
|
||||
expect(form).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it("shows buttons after loading saved data", () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(document.querySelector('button[type="submit"]')).toBeInTheDocument();
|
||||
expect(document.querySelector("button.ghost")).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it("has planner actions section", () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const actions = document.querySelector(".planner-actions");
|
||||
expect(actions).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
|
||||
describe('PlannerPage with email enabled', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
localStorage.setItem('user_1_plannerRows', JSON.stringify(mockPlannerRows));
|
||||
localStorage.setItem('user_1_plannerRange', JSON.stringify({
|
||||
start: '2024-05-01T09:00',
|
||||
end: '2024-05-10T18:00'
|
||||
}));
|
||||
mockContextValue = createMockContext({
|
||||
meds: mockMeds,
|
||||
settings: {
|
||||
...createMockContext().settings,
|
||||
emailEnabled: true,
|
||||
notificationEmail: 'test@example.com'
|
||||
}
|
||||
});
|
||||
});
|
||||
describe("PlannerPage with email enabled", () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
localStorage.setItem("user_1_plannerRows", JSON.stringify(mockPlannerRows));
|
||||
localStorage.setItem(
|
||||
"user_1_plannerRange",
|
||||
JSON.stringify({
|
||||
start: "2024-05-01T09:00",
|
||||
end: "2024-05-10T18:00",
|
||||
})
|
||||
);
|
||||
mockContextValue = createMockContext({
|
||||
meds: mockMeds,
|
||||
settings: {
|
||||
...createMockContext().settings,
|
||||
emailEnabled: true,
|
||||
notificationEmail: "test@example.com",
|
||||
},
|
||||
});
|
||||
});
|
||||
|
||||
it('shows send email button when email is enabled', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
// Should have email send button
|
||||
const emailBtn = document.querySelector('.ghost');
|
||||
// Email button may be present
|
||||
});
|
||||
it("shows send email button when email is enabled", () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
// Should have email send button
|
||||
const _emailBtn = document.querySelector(".ghost");
|
||||
// Email button may be present
|
||||
});
|
||||
});
|
||||
|
||||
describe('PlannerPage form interactions', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext({ meds: mockMeds });
|
||||
// Mock fetch to avoid actual API calls
|
||||
global.fetch = vi.fn().mockResolvedValue({
|
||||
ok: true,
|
||||
json: () => Promise.resolve([])
|
||||
});
|
||||
});
|
||||
describe("PlannerPage form interactions", () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext({ meds: mockMeds });
|
||||
// Mock fetch to avoid actual API calls
|
||||
global.fetch = vi.fn().mockResolvedValue({
|
||||
ok: true,
|
||||
json: () => Promise.resolve([]),
|
||||
});
|
||||
});
|
||||
|
||||
it('can submit the form', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const form = document.querySelector('form.planner');
|
||||
if (form) {
|
||||
fireEvent.submit(form);
|
||||
}
|
||||
|
||||
// Form should still be present after submit
|
||||
expect(document.querySelector('form.planner')).toBeInTheDocument();
|
||||
});
|
||||
it("can submit the form", () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
it('can reset the form', () => {
|
||||
localStorage.setItem('user_1_plannerRows', JSON.stringify(mockPlannerRows));
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const resetBtn = document.querySelector('button.ghost');
|
||||
if (resetBtn) {
|
||||
fireEvent.click(resetBtn);
|
||||
}
|
||||
|
||||
// Form should be reset (no results table)
|
||||
expect(screen.getByText(/planner\.title/i)).toBeInTheDocument();
|
||||
});
|
||||
const form = document.querySelector("form.planner");
|
||||
if (form) {
|
||||
fireEvent.submit(form);
|
||||
}
|
||||
|
||||
// Form should still be present after submit
|
||||
expect(document.querySelector("form.planner")).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it("can reset the form", () => {
|
||||
localStorage.setItem("user_1_plannerRows", JSON.stringify(mockPlannerRows));
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const resetBtn = document.querySelector("button.ghost");
|
||||
if (resetBtn) {
|
||||
fireEvent.click(resetBtn);
|
||||
}
|
||||
|
||||
// Form should be reset (no results table)
|
||||
expect(screen.getByText(/planner\.title/i)).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
|
||||
describe('PlannerPage medication detail', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
localStorage.setItem('user_1_plannerRows', JSON.stringify(mockPlannerRows));
|
||||
localStorage.setItem('user_1_plannerRange', JSON.stringify({
|
||||
start: '2024-05-01T09:00',
|
||||
end: '2024-05-10T18:00'
|
||||
}));
|
||||
});
|
||||
describe("PlannerPage medication detail", () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
localStorage.setItem("user_1_plannerRows", JSON.stringify(mockPlannerRows));
|
||||
localStorage.setItem(
|
||||
"user_1_plannerRange",
|
||||
JSON.stringify({
|
||||
start: "2024-05-01T09:00",
|
||||
end: "2024-05-10T18:00",
|
||||
})
|
||||
);
|
||||
});
|
||||
|
||||
it('calls openMedDetail when clicking medication row', () => {
|
||||
const openMedDetail = vi.fn();
|
||||
mockContextValue = createMockContext({
|
||||
meds: mockMeds,
|
||||
openMedDetail
|
||||
});
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const medRow = document.querySelector('.table-row.clickable');
|
||||
if (medRow) {
|
||||
fireEvent.click(medRow);
|
||||
expect(openMedDetail).toHaveBeenCalled();
|
||||
}
|
||||
});
|
||||
it("calls openMedDetail when clicking medication row", () => {
|
||||
const openMedDetail = vi.fn();
|
||||
mockContextValue = createMockContext({
|
||||
meds: mockMeds,
|
||||
openMedDetail,
|
||||
});
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<PlannerPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const medRow = document.querySelector(".table-row.clickable");
|
||||
if (medRow) {
|
||||
fireEvent.click(medRow);
|
||||
expect(openMedDetail).toHaveBeenCalled();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user