- Backup Status
+
+
+ Backup status
-
- Backup running now…
-
-
-
-
- {props.backupRunning ? 'Last completed backup' : 'Last backup'}
-
-
- {new Date(props.lastBackup!).toLocaleDateString(undefined, {
- weekday: 'short',
- year: 'numeric',
- month: 'short',
- day: 'numeric',
- })}
-
-
{new Date(props.lastBackup!).toLocaleTimeString()}
-
-
- {info().ageFormatted}
-
-
-
-
- {info().ageFormatted}
-
-
-
- {props.backupRunning
- ? 'No completed backup yet - the first backup is running now.'
- : 'No backup has ever been recorded for this guest.'}
-
-
+
+
+
+
);
}
diff --git a/frontend-modern/src/components/Workloads/__tests__/BackupStatusAccess.test.tsx b/frontend-modern/src/components/Workloads/__tests__/BackupStatusAccess.test.tsx
new file mode 100644
index 0000000000..e0986f7944
--- /dev/null
+++ b/frontend-modern/src/components/Workloads/__tests__/BackupStatusAccess.test.tsx
@@ -0,0 +1,106 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { createSignal } from 'solid-js';
+import { cleanup, fireEvent, render, screen } from '@solidjs/testing-library';
+import { BackupIndicator, BackupStatusCell } from '../GuestRowCells';
+
+vi.mock('@/stores/alertsActivation', () => ({
+ useAlertsActivation: () => ({ getBackupThresholds: () => undefined }),
+}));
+
+const completed = Date.parse('2026-10-05T06:00:00Z');
+const now = Date.parse('2026-10-05T08:00:00Z');
+
+afterEach(() => {
+ cleanup();
+ vi.useRealTimers();
+});
+
+describe('backup evidence access', () => {
+ it.each(['badge', 'indicator'] as const)(
+ 'regression: %s exposes completed-backup details through a native button',
+ async (variant) => {
+ vi.useFakeTimers();
+ vi.setSystemTime(now);
+ render(() =>
+ variant === 'badge' ? (
+
+ ) : (
+
+ ),
+ );
+ const trigger = screen.getByRole('button', {
+ name: variant === 'badge' ? /^Backup status:/ : /^Last backup:/,
+ });
+ expect(trigger).toHaveAttribute('type', 'button');
+ expect(trigger).toHaveAttribute('aria-haspopup', 'dialog');
+ expect(trigger).toHaveAttribute('aria-expanded', 'false');
+ fireEvent.click(trigger);
+ const dialog = screen.getByRole('dialog', { name: 'Backup status details' });
+ expect(dialog).toHaveTextContent('Last completed backup');
+ expect(dialog).toHaveTextContent(
+ new Date(completed).toLocaleDateString(undefined, {
+ weekday: 'short',
+ year: 'numeric',
+ month: 'short',
+ day: 'numeric',
+ }),
+ );
+ expect(dialog).toHaveTextContent('2 hours ago');
+ expect(trigger).toHaveAttribute('aria-expanded', 'true');
+ await Promise.resolve();
+ expect(screen.getByRole('button', { name: 'Close backup details' })).toHaveFocus();
+ fireEvent.keyDown(document, { key: 'Escape' });
+ expect(screen.queryByRole('dialog')).toBeNull();
+ expect(trigger).toHaveFocus();
+ },
+ );
+
+ it('keeps open details reactive without interpreting running or uncertainty as completion', () => {
+ vi.useFakeTimers();
+ vi.setSystemTime(now);
+ const [value, setValue] = createSignal
(completed);
+ const [running, setRunning] = createSignal(false);
+ render(() => );
+ fireEvent.click(screen.getByRole('button', { name: /^Backup status:/ }));
+ const dialog = screen.getByRole('dialog');
+ setRunning(true);
+ expect(dialog).toHaveTextContent('Backup running now');
+ expect(dialog).toHaveTextContent('Last completed backup');
+ setValue('not-a-date');
+ expect(dialog).toHaveTextContent('invalid timestamp');
+ expect(dialog).not.toHaveTextContent('Last completed backup');
+ expect(dialog).not.toHaveTextContent('No backup has ever');
+ setValue(now + 60000);
+ expect(dialog).toHaveTextContent('timestamp is in the future');
+ expect(dialog).not.toHaveTextContent('Invalid Date');
+ setValue(0);
+ expect(dialog).toHaveTextContent('No completed backup yet');
+ setRunning(false);
+ expect(dialog).toHaveTextContent('No backup has ever been recorded');
+ expect(dialog).not.toHaveTextContent('Backup running now');
+ setValue(completed);
+ expect(dialog).toHaveTextContent('2 hours ago');
+ expect(dialog).not.toHaveTextContent('unavailable');
+ });
+
+ it('uses separate disclosures for adjacent guests and omits template indicators', () => {
+ vi.useFakeTimers();
+ vi.setSystemTime(now);
+ render(() => (
+ <>
+
+
+
+
+ ));
+ const triggers = screen.getAllByRole('button', { name: /^Backup status:/ });
+ expect(triggers).toHaveLength(2);
+ fireEvent.click(triggers[0]);
+ fireEvent.click(screen.getByRole('button', { name: 'Close backup details' }));
+ fireEvent.click(triggers[1]);
+ expect(screen.getAllByRole('dialog')).toHaveLength(1);
+ expect(screen.getByRole('dialog')).toHaveTextContent('No backup has ever been recorded');
+ expect(screen.getByRole('dialog')).not.toHaveTextContent('2 hours ago');
+ expect(screen.queryByRole('button', { name: /^Last backup:/ })).toBeNull();
+ });
+});
diff --git a/frontend-modern/src/components/Workloads/__tests__/BackupStatusCell.test.tsx b/frontend-modern/src/components/Workloads/__tests__/BackupStatusCell.test.tsx
index 028de384f7..c4ad178d24 100644
--- a/frontend-modern/src/components/Workloads/__tests__/BackupStatusCell.test.tsx
+++ b/frontend-modern/src/components/Workloads/__tests__/BackupStatusCell.test.tsx
@@ -9,7 +9,7 @@ const renderCell = (lastBackup: string | number | null, backupRunning?: boolean)
const { container } = render(() => (
));
- const badge = container.querySelector('span[aria-label^="Backup status"]');
+ const badge = container.querySelector('button[aria-label^="Backup status"]');
if (!badge) throw new Error('backup badge not rendered');
return badge as HTMLElement;
};
diff --git a/frontend-modern/src/components/Workloads/__tests__/GuestRow.test.tsx b/frontend-modern/src/components/Workloads/__tests__/GuestRow.test.tsx
index 657ddd04ad..079934ef2c 100644
--- a/frontend-modern/src/components/Workloads/__tests__/GuestRow.test.tsx
+++ b/frontend-modern/src/components/Workloads/__tests__/GuestRow.test.tsx
@@ -2314,3 +2314,28 @@ describe('app-container update button visibility', () => {
expect(screen.queryByTestId('update-button')).toBeNull();
});
});
+
+describe('GuestRow backup evidence disclosure', () => {
+ it.each([{ columns: ['name', 'backup'] }, { columns: ['name'] }])(
+ 'opens read-only evidence without triggering the enclosing row for columns %j',
+ ({ columns }) => {
+ const onClick = vi.fn();
+ renderGuestRow({
+ guest: makeGuest({ lastBackup: Date.now() - 3600000 }),
+ visibleColumnIds: columns,
+ onClick,
+ });
+ const trigger = screen.getByRole('button', {
+ name: columns.includes('backup') ? /^Backup status:/ : /^Last backup:/,
+ });
+ fireEvent.click(trigger);
+ expect(
+ screen.getByRole('dialog', { name: 'Backup status details for test-vm' }),
+ ).toHaveTextContent('Last completed backup');
+ expect(onClick).not.toHaveBeenCalled();
+ fireEvent.click(screen.getByRole('button', { name: 'Close backup details' }));
+ expect(screen.queryByRole('dialog')).toBeNull();
+ expect(onClick).not.toHaveBeenCalled();
+ },
+ );
+});