" for schedules_direct with a username', () => {
+ setupMocks();
+ render({getMsgCol().cell({ row })}
);
+ expect(container.firstChild).toBeEmptyDOMElement();
+ });
+
+ it('shows progress when progress.status is "in_progress" even at 100%', () => {
+ const epg = makeEpg();
+ vi.mocked(EPGsTableUtils.getProgressLabel).mockReturnValue('Processing');
+ setupMocks({
+ epgs: { 'epg-1': epg },
+ refreshProgress: {
+ 'epg-1': { action: 'processing', progress: 100, status: 'in_progress' },
+ },
+ });
+ render({getMsgCol().cell({ row })}
);
+ // condition fails (100 < 100=false, no in_progress, parsing_channels + idle=false)
+ // falls through to the idle-message branch; no last_message → returns null
+ expect(container.firstChild).toBeEmptyDOMElement();
+ });
+
+ it('renders nothing when there is no active progress and no status message', () => {
+ const epg = makeEpg({ status: 'idle', last_message: null });
+ setupMocks({ epgs: { 'epg-1': epg } });
+ render({getMsgCol().cell({ row })}
);
+ expect(container.firstChild).toBeEmptyDOMElement();
+ });
+ });
+
+ // ── Table structure ────────────────────────────────────────────────────────
+
+ describe('table structure', () => {
+ it('renders the CustomTable component', () => {
+ setupMocks();
+ render(
+ {logo?.name ?? 'new'}
+
+ Close
+
+
+ onSuccess({ type: 'update', logo: { id: 1, name: 'Updated', url: '/x.png', channel_count: 0 } })
+ }
+ >
+ Success Update
+
+
+ onSuccess({ type: 'create', logo: { id: 99, name: 'New', url: '/n.png', channel_count: 0 } })
+ }
+ >
+ Success Create
+
+ onSuccess(null)}>
+ Success Null
+
+ onSuccess({ type: 'update', logo: null })}
+ >
+ Success No Logo
+
+
+ ) : null,
+}));
+
+vi.mock('../../ConfirmationDialog', () => ({
+ default: ({
+ opened,
+ onClose,
+ onConfirm,
+ title,
+ message,
+ confirmLabel,
+ cancelLabel,
+ loading,
+ showDeleteFileOption,
+ }) =>
+ opened ? (
+
+
{title}
+
+ {typeof message === 'string' ? message : 'rich-message'}
+
+
+ {cancelLabel}
+
+
onConfirm(false)}
+ disabled={loading}
+ >
+ {confirmLabel}
+
+ {showDeleteFileOption && (
+
onConfirm(true)}
+ disabled={loading}
+ >
+ Also Delete Files
+
+ )}
+
,
+ useTable: vi.fn(),
+}));
+
+// ── Mantine core ───────────────────────────────────────────────────────────────
+vi.mock('@mantine/core', () => ({
+ ActionIcon: ({ children, onClick, disabled, color }) => (
+
+ {children}
+
+ ),
+ Badge: ({ children, color }) => (
+
+ {children}
+
+ ),
+ Box: ({ children, style }) => {children}
,
+ Button: ({ children, onClick, leftSection, disabled, loading, color, variant }) => (
+
+ {leftSection}
+ {children}
+
+ ),
+ Center: ({ children, style }) => {children}
,
+ Checkbox: ({ checked, onChange, label, disabled }) => (
+
+
+ ),
+ Group: ({ children, style }) => {children}
,
+ Image: ({ src, alt, fallbackSrc, style, onMouseEnter, onMouseLeave }) => (
+
: null),
+ NativeSelect: ({ value, data, onChange, style }) => (
+
+ {data.map((d) => (
+
+ {d}
+
+ ))}
+
+ ),
+ Pagination: ({ total, value, onChange, style }) => (
+
+ onChange(value - 1)}
+ disabled={value <= 1}
+ >
+ Prev
+
+ {value}
+ onChange(value + 1)}
+ disabled={value >= total}
+ >
+ Next
+
+
+ ),
+ Paper: ({ children, style }) => {children}
,
+ Select: ({ value, onChange, data, style }) => (
+ onChange(e.target.value)}
+ style={style}
+ >
+ {data.map((d) => (
+
+ {d.label}
+
+ ))}
+
+ ),
+ Stack: ({ children, style }) => {children}
,
+ Text: ({ children, size, c, style }) => (
+
+ {children}
+
+ ),
+ TextInput: ({ value, onChange, placeholder, style }) => (
+ {children}
,
+ useMantineTheme: vi.fn(() => ({
+ tailwind: {
+ yellow: { 3: '#fbbf24' },
+ red: { 6: '#dc2626' },
+ green: { 5: '#22c55e' },
+ },
+ })),
+}));
+
+// ── lucide-react ───────────────────────────────────────────────────────────────
+vi.mock('lucide-react', () => ({
+ ExternalLink: () =>
+ {header.column.columnDef.header}
+
+ )),
+ makeSortingChangeHandler: vi.fn(() => vi.fn()),
+}));
+
+vi.mock('../../../helpers', () => ({
+ TableHelper: {
+ defaultProperties: { mantineTableProps: { striped: true } },
+ },
+}));
+
+// ── Child component mocks ──────────────────────────────────────────────────────
+vi.mock('../../forms/M3U', () => ({
+ default: ({ isOpen, onClose, m3uAccount }) =>
+ isOpen ? (
+
+ {m3uAccount?.name ?? 'new'}
+ onClose(null)}>
+ Close
+
+ onClose({ id: 99, name: 'New Playlist' })}
+ >
+ Close with playlist
+
+
+ ) : null,
+}));
+
+vi.mock('../../ServerGroupsManagerModal', () => ({
+ default: ({ isOpen, onClose }) =>
+ isOpen ? (
+
+
+ Close
+
+
+ ) : null,
+}));
+
+vi.mock('../../../components/ConfirmationDialog', () => ({
+ default: ({
+ opened,
+ onClose,
+ onConfirm,
+ title,
+ message,
+ confirmLabel,
+ cancelLabel,
+ loading,
+ }) =>
+ opened ? (
+
+
{title}
+
+ {typeof message === 'string' ? message : 'rich-message'}
+
+
+ {cancelLabel}
+
+
+ {confirmLabel}
+
+
,
+ useTable: vi.fn(),
+}));
+
+// ── Mantine core ───────────────────────────────────────────────────────────────
+vi.mock('@mantine/core', () => ({
+ ActionIcon: ({ children, onClick, disabled, color }) => (
+
+ {children}
+
+ ),
+ Box: ({ children, style }) => {children}
,
+ Button: ({ children, onClick, leftSection, disabled, loading }) => (
+
+ {leftSection}
+ {children}
+
+ ),
+ Flex: ({ children, style }) => {children}
,
+ Paper: ({ children, style }) => {children}
,
+ Switch: ({ checked, onChange }) => (
+
+ {children}
+
+ ),
+ Tooltip: ({ children, label }) => (
+ {children}
+ ),
+ useMantineTheme: vi.fn(() => ({
+ palette: { background: { paper: '#1a1a1a' } },
+ colors: { red: { 6: '#fa5252' }, green: { 6: '#40c057' } },
+ })),
+}));
+
+// ── lucide-react ───────────────────────────────────────────────────────────────
+vi.mock('lucide-react', () => ({
+ // Icons used by M3UsTable
+ RefreshCcw: () => {children}
,
+ Group: ({ children }) => {children}
,
+ Text: ({ children, size, name }) => (
+
+ {children}
+
+ ),
+}));
+
+vi.mock('lucide-react', () => ({
+ ArrowUpDown: (props) => (
+
+ {profile?.name ?? 'new'}
+
+ Close
+
+
+ ) : null,
+}));
+
+vi.mock('../CustomTable', () => ({
+ CustomTable: () =>
,
+ useTable: vi.fn(),
+}));
+
+// ── Mantine core ───────────────────────────────────────────────────────────────
+vi.mock('@mantine/core', () => ({
+ ActionIcon: ({ children, onClick, disabled, color }) => (
+
+ {children}
+
+ ),
+ Box: ({ children, style }) => {children}
,
+ Button: ({ children, onClick, leftSection, disabled, loading }) => (
+
+ {leftSection}
+ {children}
+
+ ),
+ Center: ({ children }) => {children}
,
+ Flex: ({ children }) => {children}
,
+ Paper: ({ children, style }) => {children}
,
+ Stack: ({ children, style }) => {children}
,
+ Switch: ({ checked, onChange, disabled }) => (
+
+ {children}
+
+ ),
+ Tooltip: ({ children, label }) => (
+ {children}
+ ),
+ useMantineTheme: vi.fn(() => ({
+ palette: { background: { paper: '#1a1a1a' } },
+ })),
+}));
+
+// ── lucide-react ───────────────────────────────────────────────────────────────
+vi.mock('lucide-react', () => ({
+ Eye: () =>
+ {profile?.name ?? 'new'}
+
+ Close
+
+
+ ) : null,
+}));
+
+vi.mock('../CustomTable', () => ({
+ CustomTable: () =>
,
+ useTable: vi.fn(),
+}));
+
+// ── Mantine core ───────────────────────────────────────────────────────────────
+vi.mock('@mantine/core', () => ({
+ ActionIcon: ({ children, onClick, disabled, color }) => (
+
+ {children}
+
+ ),
+ Box: ({ children, style }) => {children}
,
+ Button: ({ children, onClick, leftSection, disabled, loading }) => (
+
+ {leftSection}
+ {children}
+
+ ),
+ Center: ({ children }) => {children}
,
+ Flex: ({ children }) => {children}
,
+ Paper: ({ children, style }) => {children}
,
+ Stack: ({ children, style }) => {children}
,
+ Switch: ({ checked, onChange, disabled }) => (
+
+ {children}
+
+ ),
+ Tooltip: ({ children, label }) => (
+ {children}
+ ),
+ useMantineTheme: vi.fn(() => ({
+ palette: { background: { paper: '#1a1a1a' } },
+ })),
+}));
+
+// ── lucide-react ───────────────────────────────────────────────────────────────
+vi.mock('lucide-react', () => ({
+ Eye: () =>
+ {stream?.name ?? 'new'}
+
+ Close
+
+
+ ) : null,
+}));
+
+vi.mock('../../ConfirmationDialog', () => ({
+ default: ({ opened, onClose, onConfirm, title, message, confirmLabel, cancelLabel, loading }) =>
+ opened ? (
+
+ {title}
+ {typeof message === 'string' ? message : 'message'}
+
+ {confirmLabel}
+
+
+ {cancelLabel}
+
+
+ ) : null,
+}));
+
+vi.mock('../../modals/CreateChannelModal', () => ({
+ default: ({ opened, onClose, onConfirm }) =>
+ opened ? (
+
+
+ Confirm
+
+
+ Close
+
+
+ ) : null,
+}));
+
+vi.mock('../CustomTable', () => ({
+ CustomTable: () =>
,
+ useTable: vi.fn(),
+}));
+
+// ── Mantine core ───────────────────────────────────────────────────────────────
+vi.mock('@mantine/core', () => ({
+ ActionIcon: ({ children, onClick, disabled }) => (
+
+ {children}
+
+ ),
+ Box: ({ children, style }) => {children}
,
+ Button: ({ children, onClick, leftSection, disabled, loading }) => (
+
+ {leftSection}
+ {children}
+
+ ),
+ Card: ({ children, style }) => (
+ {children}
+ ),
+ Center: ({ children, style }) => {children}
,
+ Divider: ({ label }) => {children}
+ ),
+ Group: ({ children, style }) => {children}
,
+ LoadingOverlay: ({ visible }) => visible ?
: null,
+ Menu: Object.assign(
+ ({ children }) => {children}
,
+ {
+ Target: ({ children }) => {children}
,
+ Dropdown: ({ children }) => {children}
,
+ Label: ({ children }) => {children}
,
+ Item: ({ children, onClick, leftSection }) => (
+
+ {leftSection}
+ {children}
+
+ ),
+ Divider: () => {children}
,
+ MenuItem: ({ children, onClick, leftSection }) => (
+
+ {leftSection}
+ {children}
+
+ ),
+ MenuLabel: ({ children }) => {children}
,
+ MenuTarget: ({ children }) => {children}
,
+ MultiSelect: ({ onChange, value, data }) => (
+ onChange && onChange([e.target.value])} value={value}>
+ {(data || []).map((d) => (
+ {d.label ?? d}
+ ))}
+
+ ),
+ NativeSelect: ({ onChange, value, data }) => (
+
+ {(data || []).map((d) => (
+ {d}
+ ))}
+
+ ),
+ Pagination: ({ total, value, onChange }) => (
+
+ onChange && onChange(value - 1)} disabled={value <= 1}>
+ Prev
+
+ {value}
+ onChange && onChange(value + 1)} disabled={value >= total}>
+ Next
+
+
+ ),
+ Paper: ({ children, style }) => {children}
,
+ Stack: ({ children, style }) => {children}
,
+ Text: ({ children, style }) => (
+ {children}
+ ),
+ TextInput: ({ onChange, value, placeholder }) => (
+ {children} ,
+ Tooltip: ({ children, label }) => (
+ {children}
+ ),
+ UnstyledButton: ({ children, onClick }) => (
+ {children}
+ ),
+ useMantineTheme: vi.fn(() => ({
+ tailwind: { blue: { 6: '#3b82f6' }, green: { 5: '#22c55e' }, yellow: { 3: '#fde047' } },
+ palette: { background: { paper: '#1a1a1a' } },
+ colors: {},
+ })),
+}));
+
+// ── lucide-react ───────────────────────────────────────────────────────────────
+vi.mock('lucide-react', () => ({
+ ArrowDownWideNarrow: () =>
+ {userAgent?.name ?? 'new'}
+
+ Close
+
+
+ ) : null,
+}));
+
+vi.mock('../CustomTable', () => ({
+ CustomTable: () =>
,
+ useTable: vi.fn(),
+}));
+
+// ── Mantine core ───────────────────────────────────────────────────────────────
+vi.mock('@mantine/core', () => ({
+ ActionIcon: ({ children, onClick, disabled, color }) => (
+
+ {children}
+
+ ),
+ Box: ({ children, style }) => {children}
,
+ Button: ({ children, onClick, leftSection, disabled, loading }) => (
+
+ {leftSection}
+ {children}
+
+ ),
+ Center: ({ children }) => {children}
,
+ Flex: ({ children }) => {children}
,
+ Paper: ({ children, style }) => {children}
,
+ Stack: ({ children, style }) => {children}
,
+ Text: ({ children, name }) => (
+
+ {children}
+
+ ),
+ Tooltip: ({ children, label }) => (
+ {children}
+ ),
+}));
+
+// ── lucide-react ───────────────────────────────────────────────────────────────
+vi.mock('lucide-react', () => ({
+ Check: ({ color }) =>
+ {user?.username ?? 'new'}
+
+ Close
+
+
+ ) : null,
+}));
+
+vi.mock('../../ConfirmationDialog', () => ({
+ default: ({ opened, onClose, onConfirm, title, loading, confirmLabel, cancelLabel }) =>
+ opened ? (
+
+ {title}
+
+ {confirmLabel}
+
+
+ {cancelLabel}
+
+
+ ) : null,
+}));
+
+vi.mock('../CustomTable', () => ({
+ CustomTable: () =>
,
+ useTable: vi.fn(),
+}));
+
+// ── Mantine core ───────────────────────────────────────────────────────────────
+vi.mock('@mantine/core', () => ({
+ ActionIcon: ({ children, onClick, disabled, color }) => (
+
+ {children}
+
+ ),
+ Badge: ({ children, color }) => (
+
+ {children}
+
+ ),
+ Box: ({ children, style }) => {children}
,
+ Button: ({ children, onClick, leftSection, disabled, loading }) => (
+
+ {leftSection}
+ {children}
+
+ ),
+ Flex: ({ children, style }) => {children}
,
+ Group: ({ children, style }) => (
+ {children}
+ ),
+ LoadingOverlay: ({ visible }) => visible ?
: null,
+ Paper: ({ children, style }) => {children}
,
+ Stack: ({ children, style }) => {children}
,
+ Text: ({ children, style, name }) => (
+
+ {children}
+
+ ),
+ Tooltip: ({ children, label }) => (
+ {children}
+ ),
+ useMantineTheme: vi.fn(() => ({
+ tailwind: {
+ yellow: { 3: '#fde047' },
+ red: { 6: '#dc2626' },
+ green: { 5: '#22c55e' },
+ },
+ })),
+}));
+
+// ── lucide-react ───────────────────────────────────────────────────────────────
+vi.mock('lucide-react', () => ({
+ Eye: () => customProperties} />);
+ };
+
+ it('hides password by default (shows bullets)', () => {
+ setupMocks();
+ render(
+ {title}
+ onConfirm(false)}
+ disabled={loading}
+ >
+ {confirmLabel}
+
+
+ {cancelLabel}
+
+
+ ) : null,
+}));
+
+vi.mock('../CustomTable', () => ({
+ CustomTable: () =>
,
+ useTable: vi.fn(),
+}));
+
+// ── Mantine core ───────────────────────────────────────────────────────────────
+vi.mock('@mantine/core', () => ({
+ ActionIcon: ({ children, onClick, disabled, color }) => (
+
+ {children}
+
+ ),
+ Badge: ({ children, color }) => (
+
+ {children}
+
+ ),
+ Box: ({ children, style }) => {children}
,
+ Button: ({ children, onClick, leftSection, disabled, loading }) => (
+
+ {leftSection}
+ {children}
+
+ ),
+ Center: ({ children, style }) => {children}
,
+ Checkbox: ({ checked, indeterminate, onChange }) => (
+ {children}
+ ),
+ Image: ({ src, alt, fallbackSrc }) => (
+
: null,
+ NativeSelect: ({ value, data, onChange }) => (
+
+ {(data || []).map((d) => (
+
+ {d}
+
+ ))}
+
+ ),
+ Pagination: ({ total, value, onChange }) => (
+
+ onChange(value - 1)}
+ disabled={value <= 1}
+ >
+ Prev
+
+ {value}
+ onChange(value + 1)}
+ disabled={value >= total}
+ >
+ Next
+
+
+ ),
+ Paper: ({ children, style }) => {children}
,
+ Select: ({ value, onChange, data }) => (
+ onChange(e.target.value)}
+ >
+ {(data || []).map((d) => (
+
+ {d.label}
+
+ ))}
+
+ ),
+ Stack: ({ children, style }) => {children}
,
+ Text: ({ children, style, name }) => (
+
+ {children}
+
+ ),
+ TextInput: ({ value, onChange, placeholder }) => (
+ {children}
+ ),
+ useMantineTheme: vi.fn(() => ({
+ tailwind: {
+ red: { 6: '#dc2626' },
+ },
+ })),
+}));
+
+// ── lucide-react ───────────────────────────────────────────────────────────────
+vi.mock('lucide-react', () => ({
+ ExternalLink: () =>