chore: release v1.5.0 (#67)
* chore: release v1.4.0 * feat: timezone-aware locale formatting - Add TIMEZONE_TO_REGION map for 50+ timezones worldwide - Combine app language with timezone region (e.g., en + Europe/Berlin → en-DE) - Fix times displaying in wrong timezone (treated as UTC instead of local) - Add parseLocalDateTime() to handle ISO strings without UTC conversion - Users now get regional formatting (24h time, local date format) regardless of app language - Swedish user with en-SE locale now gets yyyy-mm-dd format and 24h time - German user with en-DE locale gets dd.mm.yyyy format and 24h time - Add missing i18n translation key 'lastSent' - Update all getSystemLocale() calls to pass app language parameter * chore: release v1.5.0 * fix: timezone-independent test for CI (use 14:00 instead of 22:00) * fix: make timezone test independent of server timezone
This commit is contained in:
Daniel Volz
GitHub
@@ -578,3 +578,785 @@ describe('MedicationsPage blister management', () => {
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
describe('MedicationsPage add blister', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext();
|
||||
mockFormHookValue = createMockFormHook();
|
||||
});
|
||||
|
||||
it('calls addBlister when clicking add intake button', () => {
|
||||
const addBlister = vi.fn();
|
||||
mockFormHookValue = createMockFormHook({ addBlister });
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const addIntakeBtn = screen.getByRole('button', { name: /form\.blisters\.addIntake/i });
|
||||
fireEvent.click(addIntakeBtn);
|
||||
expect(addBlister).toHaveBeenCalled();
|
||||
});
|
||||
});
|
||||
|
||||
describe('MedicationsPage remove blister', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext();
|
||||
mockFormHookValue = createMockFormHook({
|
||||
form: {
|
||||
...createMockFormHook().form,
|
||||
blisters: [
|
||||
{ usage: '1', every: '1', startDate: '2024-01-01', startTime: '09:00' },
|
||||
{ usage: '2', every: '7', startDate: '2024-01-01', startTime: '20:00' }
|
||||
]
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
it('shows remove button when multiple blisters exist', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
// With multiple blisters, remove button should be visible
|
||||
const removeButtons = document.querySelectorAll('.blister-row .danger');
|
||||
expect(removeButtons.length).toBeGreaterThan(0);
|
||||
});
|
||||
|
||||
it('calls removeBlister when clicking remove button', () => {
|
||||
const removeBlister = vi.fn();
|
||||
mockFormHookValue = createMockFormHook({
|
||||
form: {
|
||||
...createMockFormHook().form,
|
||||
blisters: [
|
||||
{ usage: '1', every: '1', startDate: '2024-01-01', startTime: '09:00' },
|
||||
{ usage: '2', every: '7', startDate: '2024-01-01', startTime: '20:00' }
|
||||
]
|
||||
},
|
||||
removeBlister
|
||||
});
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const removeButtons = document.querySelectorAll('.blister-row .danger');
|
||||
if (removeButtons.length > 0) {
|
||||
fireEvent.click(removeButtons[0]);
|
||||
expect(removeBlister).toHaveBeenCalled();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
describe('MedicationsPage intake reminders toggle', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext();
|
||||
mockFormHookValue = createMockFormHook();
|
||||
});
|
||||
|
||||
it('renders intake reminders checkbox', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/form\.blisters\.remind/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('can toggle intake reminders', () => {
|
||||
const setForm = vi.fn();
|
||||
mockFormHookValue = createMockFormHook({ setForm });
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const checkbox = document.querySelector('.inline-checkbox input[type="checkbox"]');
|
||||
if (checkbox) {
|
||||
fireEvent.click(checkbox);
|
||||
expect(setForm).toHaveBeenCalled();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
describe('MedicationsPage image upload for new medication', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext();
|
||||
mockFormHookValue = createMockFormHook();
|
||||
});
|
||||
|
||||
it('renders image upload section', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/form\.medicationImage/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders file input for image', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const fileInput = document.querySelector('input[type="file"]');
|
||||
expect(fileInput).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
|
||||
describe('MedicationsPage image upload for existing medication', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext({ meds: mockMeds });
|
||||
mockFormHookValue = createMockFormHook({ editingId: 1 });
|
||||
});
|
||||
|
||||
it('renders image upload when editing medication without image', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const fileInput = document.querySelector('input[type="file"]');
|
||||
expect(fileInput).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
|
||||
describe('MedicationsPage with medication image', () => {
|
||||
const medsWithImage = [
|
||||
{
|
||||
...mockMeds[0],
|
||||
imageUrl: 'test-image.jpg'
|
||||
}
|
||||
];
|
||||
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext({ meds: medsWithImage });
|
||||
mockFormHookValue = createMockFormHook({ editingId: 1 });
|
||||
});
|
||||
|
||||
it('shows image preview when medication has image', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const imagePreview = document.querySelector('.image-preview');
|
||||
expect(imagePreview).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('shows remove image button when medication has image', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/form\.removeImage/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('calls deleteMedImage when clicking remove button', () => {
|
||||
const deleteMedImage = vi.fn();
|
||||
mockContextValue = createMockContext({ meds: medsWithImage, deleteMedImage });
|
||||
mockFormHookValue = createMockFormHook({ editingId: 1 });
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const removeImageBtn = screen.getByText(/form\.removeImage/i);
|
||||
fireEvent.click(removeImageBtn);
|
||||
expect(deleteMedImage).toHaveBeenCalledWith(1);
|
||||
});
|
||||
});
|
||||
|
||||
describe('MedicationsPage refill section', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext({ meds: mockMeds });
|
||||
mockFormHookValue = createMockFormHook({
|
||||
editingId: 1,
|
||||
form: {
|
||||
...createMockFormHook().form,
|
||||
blistersPerPack: '2',
|
||||
pillsPerBlister: '10'
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
it('shows refill section when editing', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/refill\.title/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('allows entering refill packs', () => {
|
||||
const setRefillPacks = vi.fn();
|
||||
mockContextValue = createMockContext({ meds: mockMeds, setRefillPacks });
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const refillPacksInput = document.querySelector('.refill-form-inline input[type="number"]');
|
||||
if (refillPacksInput) {
|
||||
fireEvent.change(refillPacksInput, { target: { value: '2' } });
|
||||
expect(setRefillPacks).toHaveBeenCalledWith(2);
|
||||
}
|
||||
});
|
||||
|
||||
it('shows refill preview when values entered', () => {
|
||||
mockContextValue = createMockContext({
|
||||
meds: mockMeds,
|
||||
refillPacks: 1,
|
||||
refillLoose: 0
|
||||
});
|
||||
mockFormHookValue = createMockFormHook({
|
||||
editingId: 1,
|
||||
form: {
|
||||
...createMockFormHook().form,
|
||||
blistersPerPack: '2',
|
||||
pillsPerBlister: '10'
|
||||
}
|
||||
});
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
// Should show preview like "+20 pills"
|
||||
const preview = document.querySelector('.refill-preview');
|
||||
expect(preview).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('calls submitRefill when clicking refill button', () => {
|
||||
const submitRefill = vi.fn();
|
||||
mockContextValue = createMockContext({
|
||||
meds: mockMeds,
|
||||
refillPacks: 1,
|
||||
refillLoose: 5,
|
||||
submitRefill
|
||||
});
|
||||
mockFormHookValue = createMockFormHook({ editingId: 1 });
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const refillBtn = screen.getByText(/refill\.button/i);
|
||||
fireEvent.click(refillBtn);
|
||||
expect(submitRefill).toHaveBeenCalled();
|
||||
});
|
||||
|
||||
it('disables refill button when no values', () => {
|
||||
mockContextValue = createMockContext({
|
||||
meds: mockMeds,
|
||||
refillPacks: 0,
|
||||
refillLoose: 0
|
||||
});
|
||||
mockFormHookValue = createMockFormHook({ editingId: 1 });
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const refillBtn = screen.getByText(/refill\.button/i);
|
||||
expect(refillBtn).toBeDisabled();
|
||||
});
|
||||
});
|
||||
|
||||
describe('MedicationsPage taken by suggestions', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext({ existingPeople: ['John', 'Jane', 'Alice'] });
|
||||
mockFormHookValue = createMockFormHook();
|
||||
});
|
||||
|
||||
it('renders datalist with suggestions', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const datalist = document.getElementById('takenby-suggestions');
|
||||
expect(datalist).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('shows suggestions from existing people', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const options = document.querySelectorAll('#takenby-suggestions option');
|
||||
expect(options.length).toBe(3);
|
||||
});
|
||||
|
||||
it('filters out already selected people', () => {
|
||||
mockFormHookValue = createMockFormHook({
|
||||
form: {
|
||||
...createMockFormHook().form,
|
||||
takenBy: ['John']
|
||||
}
|
||||
});
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const options = document.querySelectorAll('#takenby-suggestions option');
|
||||
expect(options.length).toBe(2); // Jane and Alice only
|
||||
});
|
||||
});
|
||||
|
||||
describe('MedicationsPage new entry button', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext({ meds: mockMeds });
|
||||
mockFormHookValue = createMockFormHook({ editingId: 1 });
|
||||
});
|
||||
|
||||
it('renders new entry button', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/form\.newEntry/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('calls resetForm when clicking new entry', () => {
|
||||
const resetForm = vi.fn();
|
||||
mockFormHookValue = createMockFormHook({ editingId: 1, resetForm });
|
||||
|
||||
// Mock desktop view
|
||||
Object.defineProperty(window, 'innerWidth', { value: 1024, writable: true });
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const newEntryBtn = screen.getByRole('button', { name: /form\.newEntry/i });
|
||||
fireEvent.click(newEntryBtn);
|
||||
expect(resetForm).toHaveBeenCalled();
|
||||
});
|
||||
});
|
||||
|
||||
describe('MedicationsPage cancel edit button', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext({ meds: mockMeds });
|
||||
mockFormHookValue = createMockFormHook({ editingId: 1 });
|
||||
});
|
||||
|
||||
it('shows cancel button when editing', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/common\.cancel/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('calls resetForm when clicking cancel', () => {
|
||||
const resetForm = vi.fn();
|
||||
mockFormHookValue = createMockFormHook({ editingId: 1, resetForm });
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const cancelBtn = screen.getByRole('button', { name: /common\.cancel/i });
|
||||
fireEvent.click(cancelBtn);
|
||||
expect(resetForm).toHaveBeenCalled();
|
||||
});
|
||||
});
|
||||
|
||||
describe('MedicationsPage notes field', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext();
|
||||
mockFormHookValue = createMockFormHook({
|
||||
form: {
|
||||
...createMockFormHook().form,
|
||||
notes: 'Test notes content'
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
it('renders notes textarea', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const textarea = document.querySelector('textarea');
|
||||
expect(textarea).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('shows character count for notes', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const charCount = document.querySelector('.char-count');
|
||||
expect(charCount).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
|
||||
describe('MedicationsPage expiry date', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext();
|
||||
mockFormHookValue = createMockFormHook();
|
||||
});
|
||||
|
||||
it('renders expiry date input', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/form\.expiryDate/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('allows changing expiry date', () => {
|
||||
const handleValueChange = vi.fn();
|
||||
mockFormHookValue = createMockFormHook({ handleValueChange });
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const dateInputs = document.querySelectorAll('input[type="date"]');
|
||||
// Find the expiry date input (not blister start date)
|
||||
const expiryInput = Array.from(dateInputs).find(
|
||||
input => !input.closest('.blister-inputs')
|
||||
);
|
||||
if (expiryInput) {
|
||||
fireEvent.change(expiryInput, { target: { value: '2025-12-31' } });
|
||||
expect(handleValueChange).toHaveBeenCalledWith('expiryDate', '2025-12-31');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
describe('MedicationsPage pill weight', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext();
|
||||
mockFormHookValue = createMockFormHook();
|
||||
});
|
||||
|
||||
it('renders pill weight input', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/form\.pillWeight/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('allows changing pill weight', () => {
|
||||
const handleValueChange = vi.fn();
|
||||
mockFormHookValue = createMockFormHook({ handleValueChange });
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
// Pill weight has placeholder for mg
|
||||
const pillWeightInput = document.querySelector('input[placeholder*="form.placeholders.weight"]');
|
||||
if (pillWeightInput) {
|
||||
fireEvent.change(pillWeightInput, { target: { value: '500' } });
|
||||
expect(handleValueChange).toHaveBeenCalledWith('pillWeightMg', '500');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
describe('MedicationsPage total tablets display', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext();
|
||||
mockFormHookValue = createMockFormHook({
|
||||
form: {
|
||||
...createMockFormHook().form,
|
||||
packCount: '2',
|
||||
blistersPerPack: '3',
|
||||
pillsPerBlister: '10',
|
||||
looseTablets: '5'
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
it('renders total tablets field', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/form\.total/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('shows calculated total as static value', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const staticValue = document.querySelector('.static-value');
|
||||
expect(staticValue).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
|
||||
describe('MedicationsPage delete medication', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext({ meds: mockMeds });
|
||||
mockFormHookValue = createMockFormHook();
|
||||
// Mock confirm
|
||||
vi.spyOn(window, 'confirm').mockReturnValue(true);
|
||||
});
|
||||
|
||||
it('shows delete button for each medication', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const deleteButtons = document.querySelectorAll('.med-actions .danger');
|
||||
expect(deleteButtons.length).toBeGreaterThan(0);
|
||||
});
|
||||
|
||||
it('calls deleteMed when clicking delete and confirming', () => {
|
||||
const deleteMed = vi.fn();
|
||||
mockContextValue = createMockContext({ meds: mockMeds, deleteMed });
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const deleteButtons = document.querySelectorAll('.med-actions .danger');
|
||||
if (deleteButtons.length > 0) {
|
||||
fireEvent.click(deleteButtons[0]);
|
||||
expect(deleteMed).toHaveBeenCalled();
|
||||
}
|
||||
});
|
||||
|
||||
it('does not call deleteMed when canceling', () => {
|
||||
vi.spyOn(window, 'confirm').mockReturnValue(false);
|
||||
const deleteMed = vi.fn();
|
||||
mockContextValue = createMockContext({ meds: mockMeds, deleteMed });
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const deleteButtons = document.querySelectorAll('.med-actions .danger');
|
||||
if (deleteButtons.length > 0) {
|
||||
fireEvent.click(deleteButtons[0]);
|
||||
expect(deleteMed).not.toHaveBeenCalled();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
describe('MedicationsPage blister display in list', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext({ meds: mockMeds });
|
||||
mockFormHookValue = createMockFormHook();
|
||||
});
|
||||
|
||||
it('shows blister info for each medication', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const blisterLists = document.querySelectorAll('.blister-list');
|
||||
expect(blisterLists.length).toBeGreaterThan(0);
|
||||
});
|
||||
|
||||
it('shows blister row with usage details', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const blisterRows = document.querySelectorAll('.blister-row-simple');
|
||||
expect(blisterRows.length).toBeGreaterThan(0);
|
||||
});
|
||||
});
|
||||
|
||||
describe('MedicationsPage field errors', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext();
|
||||
mockFormHookValue = createMockFormHook({
|
||||
fieldErrors: {
|
||||
name: 'Name is required',
|
||||
genericName: undefined,
|
||||
notes: 'Notes too long'
|
||||
},
|
||||
hasValidationErrors: true
|
||||
});
|
||||
});
|
||||
|
||||
it('shows field error for name', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const errorLabels = document.querySelectorAll('label.has-error');
|
||||
expect(errorLabels.length).toBeGreaterThan(0);
|
||||
});
|
||||
|
||||
it('displays error message', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const errorMessages = document.querySelectorAll('.field-error');
|
||||
expect(errorMessages.length).toBeGreaterThan(0);
|
||||
});
|
||||
|
||||
it('disables submit when validation errors exist', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const submitBtn = document.querySelector('button[type="submit"]');
|
||||
expect(submitBtn).toBeDisabled();
|
||||
});
|
||||
});
|
||||
|
||||
describe('MedicationsPage form changed state', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext();
|
||||
mockFormHookValue = createMockFormHook({
|
||||
formChanged: true,
|
||||
form: {
|
||||
...createMockFormHook().form,
|
||||
name: 'New Med'
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
it('enables submit button when form changed', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const submitBtn = document.querySelector('button[type="submit"]');
|
||||
expect(submitBtn).not.toBeDisabled();
|
||||
});
|
||||
});
|
||||
|
||||
describe('MedicationsPage form saved state', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
localStorage.clear();
|
||||
mockContextValue = createMockContext();
|
||||
mockFormHookValue = createMockFormHook({
|
||||
formSaved: true,
|
||||
formChanged: false
|
||||
});
|
||||
});
|
||||
|
||||
it('shows saved text in button', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<MedicationsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/common\.saved/i)).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
|
||||
@@ -397,6 +397,11 @@ describe('PlannerPage form interactions', () => {
|
||||
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', () => {
|
||||
|
||||
@@ -612,8 +612,584 @@ describe('SettingsPage stock calculation mode', () => {
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
// Should have radio buttons or select for calculation mode
|
||||
// Should have radio buttons for calculation mode
|
||||
const radios = document.querySelectorAll('input[type="radio"]');
|
||||
// Radio buttons may exist for calculation mode
|
||||
expect(radios.length).toBeGreaterThan(0);
|
||||
});
|
||||
|
||||
it('allows selecting manual calculation mode', () => {
|
||||
const setSettings = vi.fn();
|
||||
mockContextValue = createMockContext({ setSettings });
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const radios = document.querySelectorAll('input[type="radio"]');
|
||||
if (radios.length > 1) {
|
||||
fireEvent.click(radios[1]);
|
||||
expect(setSettings).toHaveBeenCalled();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
describe('SettingsPage repeat reminders', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
mockContextValue = createMockContext({
|
||||
settings: {
|
||||
...createMockContext().settings,
|
||||
emailEnabled: true,
|
||||
shoutrrrEnabled: true,
|
||||
repeatRemindersEnabled: true,
|
||||
reminderRepeatIntervalMinutes: 30,
|
||||
maxNaggingReminders: 5
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
it('shows reminder interval when repeat reminders enabled', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
// Should show interval input when repeat reminders is enabled
|
||||
expect(screen.getByText(/settings\.notifications\.reminderInterval/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('shows max nagging reminders when repeat reminders enabled', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/settings\.notifications\.maxNaggingReminders/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('allows changing reminder interval', () => {
|
||||
const setSettings = vi.fn();
|
||||
mockContextValue = createMockContext({
|
||||
settings: {
|
||||
...createMockContext().settings,
|
||||
emailEnabled: true,
|
||||
shoutrrrEnabled: true,
|
||||
repeatRemindersEnabled: true
|
||||
},
|
||||
setSettings
|
||||
});
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const numberInputs = document.querySelectorAll('input[type="number"]');
|
||||
// Find the interval input (look for one in the nested section)
|
||||
const intervalInputs = Array.from(numberInputs).filter(
|
||||
input => input.closest('[style*="marginLeft"]')
|
||||
);
|
||||
if (intervalInputs.length > 0) {
|
||||
fireEvent.change(intervalInputs[0], { target: { value: '60' } });
|
||||
expect(setSettings).toHaveBeenCalled();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
describe('SettingsPage disabling email notifications', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
});
|
||||
|
||||
it('disables related settings when email is disabled and shoutrrr is disabled', () => {
|
||||
const setSettings = vi.fn();
|
||||
mockContextValue = createMockContext({
|
||||
settings: {
|
||||
...createMockContext().settings,
|
||||
emailEnabled: true,
|
||||
shoutrrrEnabled: false,
|
||||
smtpHost: 'smtp.example.com'
|
||||
},
|
||||
setSettings
|
||||
});
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
// Find the email enabled toggle and disable it
|
||||
const toggleInputs = document.querySelectorAll('.toggle-switch input[type="checkbox"]');
|
||||
const emailToggle = Array.from(toggleInputs).find(
|
||||
input => !input.disabled
|
||||
);
|
||||
|
||||
if (emailToggle) {
|
||||
fireEvent.click(emailToggle);
|
||||
expect(setSettings).toHaveBeenCalled();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
describe('SettingsPage shoutrrr URL input', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
mockContextValue = createMockContext({
|
||||
settings: {
|
||||
...createMockContext().settings,
|
||||
shoutrrrEnabled: true,
|
||||
shoutrrrUrl: ''
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
it('shows URL input when shoutrrr enabled', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/settings\.push\.url/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('allows changing shoutrrr URL', () => {
|
||||
const setSettings = vi.fn();
|
||||
mockContextValue = createMockContext({
|
||||
settings: {
|
||||
...createMockContext().settings,
|
||||
shoutrrrEnabled: true,
|
||||
shoutrrrUrl: ''
|
||||
},
|
||||
setSettings
|
||||
});
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const textInputs = document.querySelectorAll('input[type="text"]');
|
||||
if (textInputs.length > 0) {
|
||||
fireEvent.change(textInputs[0], { target: { value: 'ntfy://example.com/topic' } });
|
||||
expect(setSettings).toHaveBeenCalled();
|
||||
}
|
||||
});
|
||||
|
||||
it('calls testShoutrrr when clicking test button', () => {
|
||||
const testShoutrrr = vi.fn();
|
||||
mockContextValue = createMockContext({
|
||||
settings: {
|
||||
...createMockContext().settings,
|
||||
shoutrrrEnabled: true,
|
||||
shoutrrrUrl: 'ntfy://example.com/topic'
|
||||
},
|
||||
testShoutrrr
|
||||
});
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const ghostButtons = document.querySelectorAll('button.ghost');
|
||||
// Find test button (there should be one for shoutrrr when enabled)
|
||||
if (ghostButtons.length > 0) {
|
||||
const lastGhostBtn = ghostButtons[ghostButtons.length - 1];
|
||||
fireEvent.click(lastGhostBtn);
|
||||
// testShoutrrr should have been called
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Note: Import confirmation tests skipped - ConfirmModal mock not working reliably
|
||||
|
||||
// Note: Import result banner tests skipped - requires proper context mock setup
|
||||
// that doesn't work reliably with the current mock approach
|
||||
|
||||
describe('SettingsPage email recipient input', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
mockContextValue = createMockContext({
|
||||
settings: {
|
||||
...createMockContext().settings,
|
||||
emailEnabled: true,
|
||||
smtpHost: 'smtp.example.com',
|
||||
notificationEmail: ''
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
it('shows email recipient input when email enabled', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/settings\.email\.recipient/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('allows changing email recipient', () => {
|
||||
const setSettings = vi.fn();
|
||||
mockContextValue = createMockContext({
|
||||
settings: {
|
||||
...createMockContext().settings,
|
||||
emailEnabled: true,
|
||||
smtpHost: 'smtp.example.com'
|
||||
},
|
||||
setSettings
|
||||
});
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const emailInputs = document.querySelectorAll('input[type="email"]');
|
||||
if (emailInputs.length > 0) {
|
||||
fireEvent.change(emailInputs[0], { target: { value: 'new@example.com' } });
|
||||
expect(setSettings).toHaveBeenCalled();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
describe('SettingsPage schedule overview', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
mockContextValue = createMockContext({
|
||||
settings: {
|
||||
...createMockContext().settings,
|
||||
nextScheduledCheck: '2024-01-15T06:00:00Z',
|
||||
lastAutoEmailSent: '2024-01-14T06:00:00Z'
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
it('shows schedule overview section', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/settings\.schedule\.title/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('shows next scheduled check when available', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/settings\.schedule\.nextCheck/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('shows last sent time when available', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/settings\.schedule\.lastSent/i)).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
|
||||
describe('SettingsPage skip taken doses toggle', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
mockContextValue = createMockContext({
|
||||
settings: {
|
||||
...createMockContext().settings,
|
||||
emailEnabled: true,
|
||||
skipRemindersForTakenDoses: false
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
it('shows skip taken doses toggle', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/settings\.notifications\.skipTakenDoses/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('allows toggling skip taken doses', () => {
|
||||
const setSettings = vi.fn();
|
||||
mockContextValue = createMockContext({
|
||||
settings: {
|
||||
...createMockContext().settings,
|
||||
emailEnabled: true,
|
||||
shoutrrrEnabled: true
|
||||
},
|
||||
setSettings
|
||||
});
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const toggleInputs = document.querySelectorAll('.toggle-switch input[type="checkbox"]');
|
||||
// Find the skip taken doses toggle
|
||||
const relevantToggles = Array.from(toggleInputs).filter(
|
||||
input => !input.disabled
|
||||
);
|
||||
if (relevantToggles.length > 0) {
|
||||
fireEvent.click(relevantToggles[0]);
|
||||
expect(setSettings).toHaveBeenCalled();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
describe('SettingsPage stock display thresholds', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
mockContextValue = createMockContext();
|
||||
});
|
||||
|
||||
it('shows low stock days input', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/settings\.stock\.lowStockDays/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('shows high stock days input', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/settings\.stock\.highStockDays/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('allows changing high stock days', () => {
|
||||
const setSettings = vi.fn();
|
||||
mockContextValue = createMockContext({ setSettings });
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const numberInputs = document.querySelectorAll('input[type="number"]');
|
||||
// There should be multiple number inputs including high stock days
|
||||
if (numberInputs.length > 1) {
|
||||
fireEvent.change(numberInputs[numberInputs.length - 1], { target: { value: '365' } });
|
||||
expect(setSettings).toHaveBeenCalled();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
describe('SettingsPage repeat daily reminders', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
mockContextValue = createMockContext({
|
||||
settings: {
|
||||
...createMockContext().settings,
|
||||
emailEnabled: true,
|
||||
emailStockReminders: true,
|
||||
notificationEmail: 'test@example.com',
|
||||
smtpHost: 'smtp.example.com',
|
||||
repeatDailyReminders: false
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
it('shows repeat daily reminders toggle', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/settings\.stock\.repeatDaily/i)).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
|
||||
describe('SettingsPage testingEmail state', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
mockContextValue = createMockContext({
|
||||
settings: {
|
||||
...createMockContext().settings,
|
||||
emailEnabled: true,
|
||||
smtpHost: 'smtp.example.com',
|
||||
notificationEmail: 'test@example.com'
|
||||
},
|
||||
testingEmail: true
|
||||
});
|
||||
});
|
||||
|
||||
it('shows sending state on test email button', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
// Should show "Sending..." or similar
|
||||
expect(screen.getByText(/common\.sending/i)).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
|
||||
describe('SettingsPage testingShoutrrr state', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
mockContextValue = createMockContext({
|
||||
settings: {
|
||||
...createMockContext().settings,
|
||||
shoutrrrEnabled: true,
|
||||
shoutrrrUrl: 'ntfy://example.com/topic'
|
||||
},
|
||||
testingShoutrrr: true
|
||||
});
|
||||
});
|
||||
|
||||
it('shows sending state on test shoutrrr button', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
// Should show "Sending..." or similar
|
||||
expect(screen.getByText(/common\.sending/i)).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
|
||||
describe('SettingsPage export modal', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
mockContextValue = createMockContext({
|
||||
showExportModal: true
|
||||
});
|
||||
});
|
||||
|
||||
it('renders export modal when showExportModal is true', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
// ExportModal should be rendered (check for modal structure)
|
||||
const modal = document.querySelector('.modal-backdrop, .modal, [class*="modal"]');
|
||||
expect(modal).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
|
||||
describe('SettingsPage exporting state', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
mockContextValue = createMockContext({
|
||||
exporting: true
|
||||
});
|
||||
});
|
||||
|
||||
it('shows exporting state on export button', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/exportImport\.exporting/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('disables export button when exporting', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const exportBtn = screen.getByText(/exportImport\.exporting/i);
|
||||
expect(exportBtn).toBeDisabled();
|
||||
});
|
||||
});
|
||||
|
||||
describe('SettingsPage importing state', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
mockContextValue = createMockContext({
|
||||
importing: true
|
||||
});
|
||||
});
|
||||
|
||||
it('shows importing state on import button', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/exportImport\.importing/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('disables import button when importing', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const importBtn = screen.getByText(/exportImport\.importing/i);
|
||||
expect(importBtn).toBeDisabled();
|
||||
});
|
||||
});
|
||||
|
||||
describe('SettingsPage no SMTP configured', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks();
|
||||
mockContextValue = createMockContext({
|
||||
settings: {
|
||||
...createMockContext().settings,
|
||||
smtpHost: '',
|
||||
emailEnabled: false
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
it('shows enable hint when no notifications enabled', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
expect(screen.getByText(/settings\.notifications\.enableHint/i)).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('disables email toggle when no SMTP host', () => {
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<SettingsPage />
|
||||
</MemoryRouter>
|
||||
);
|
||||
|
||||
const toggleInputs = document.querySelectorAll('.toggle-switch.disabled input[type="checkbox"]');
|
||||
expect(toggleInputs.length).toBeGreaterThan(0);
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user