/** * UpdateOs Component Test Coverage */ import { ref } from 'vue'; import { mount } from '@vue/test-utils'; import { createTestingPinia } from '@pinia/testing'; import { beforeEach, describe, expect, it, vi } from 'vitest'; import UpdateOs from '~/components/UpdateOs.ce.vue'; vi.mock('@unraid/ui', () => ({ PageContainer: { template: '
' }, BrandLoading: { template: '
Loading...
' }, })); const mockAccountStore = { updateOs: vi.fn(), }; vi.mock('~/store/account', () => ({ useAccountStore: () => mockAccountStore, })); const mockRebootType = ref(''); const mockSetRebootVersion = vi.fn(); const mockServerStore = { rebootType: mockRebootType, setRebootVersion: mockSetRebootVersion, }; vi.mock('~/store/server', () => ({ useServerStore: () => mockServerStore, })); const mockT = vi.fn((key: string) => key); vi.mock('vue-i18n', () => ({ useI18n: () => ({ t: mockT, }), })); const mockLocation = { pathname: '/some/other/path', }; vi.stubGlobal('location', mockLocation); vi.mock('~/helpers/urls', () => ({ WEBGUI_TOOLS_UPDATE: { pathname: '/Tools/Update' }, })); const UpdateOsStatusStub = { template: '
Status
', props: ['showUpdateCheck', 'title', 'subtitle', 't'], }; const UpdateOsThirdPartyDriversStub = { template: '
Third Party
', props: ['t'], }; describe('UpdateOs.ce.vue', () => { beforeEach(() => { vi.clearAllMocks(); mockRebootType.value = ''; mockSetRebootVersion.mockClear(); mockAccountStore.updateOs.mockClear(); mockT.mockClear().mockImplementation((key: string) => key); mockLocation.pathname = '/some/other/path'; }); it('calls setRebootVersion with prop value on mount', () => { const testVersion = '6.12.0'; mount(UpdateOs, { props: { rebootVersion: testVersion }, global: { plugins: [createTestingPinia({ createSpy: vi.fn })], stubs: { // Rely on @unraid/ui mock for PageContainer UpdateOsStatus: UpdateOsStatusStub, UpdateOsThirdPartyDrivers: UpdateOsThirdPartyDriversStub, }, }, }); expect(mockSetRebootVersion).toHaveBeenCalledTimes(1); expect(mockSetRebootVersion).toHaveBeenCalledWith(testVersion); }); it('calls setRebootVersion with empty string if prop not provided', () => { mount(UpdateOs, { global: { plugins: [createTestingPinia({ createSpy: vi.fn })], stubs: { // Rely on @unraid/ui mock for PageContainer UpdateOsStatus: UpdateOsStatusStub, UpdateOsThirdPartyDrivers: UpdateOsThirdPartyDriversStub, }, }, }); expect(mockSetRebootVersion).toHaveBeenCalledTimes(1); expect(mockSetRebootVersion).toHaveBeenCalledWith(''); // Default prop value }); describe('Initial Rendering and onBeforeMount Logic', () => { it('shows loader and calls updateOs when path matches and rebootType is empty', () => { mockLocation.pathname = '/Tools/Update'; mockRebootType.value = ''; const wrapper = mount(UpdateOs, { global: { plugins: [createTestingPinia({ createSpy: vi.fn })], stubs: { // Rely on @unraid/ui mock for PageContainer & BrandLoading UpdateOsStatus: UpdateOsStatusStub, UpdateOsThirdPartyDrivers: UpdateOsThirdPartyDriversStub, }, }, }); expect(mockAccountStore.updateOs).toHaveBeenCalledTimes(1); expect(mockAccountStore.updateOs).toHaveBeenCalledWith(true); expect(wrapper.find('[data-testid="brand-loading-mock"]').exists()).toBe(true); expect(wrapper.find('[data-testid="update-os-status"]').exists()).toBe(false); }); it('shows status and does not call updateOs when path does not match', () => { mockLocation.pathname = '/some/other/path'; mockRebootType.value = ''; const wrapper = mount(UpdateOs, { global: { plugins: [createTestingPinia({ createSpy: vi.fn })], stubs: { // Rely on @unraid/ui mock for PageContainer & BrandLoading UpdateOsStatus: UpdateOsStatusStub, UpdateOsThirdPartyDrivers: UpdateOsThirdPartyDriversStub, }, }, }); expect(mockAccountStore.updateOs).not.toHaveBeenCalled(); expect(wrapper.find('[data-testid="brand-loading-mock"]').exists()).toBe(false); expect(wrapper.find('[data-testid="update-os-status"]').exists()).toBe(true); }); it('shows status and does not call updateOs when path matches but rebootType is not empty', () => { mockLocation.pathname = '/Tools/Update'; mockRebootType.value = 'downgrade'; const wrapper = mount(UpdateOs, { global: { plugins: [createTestingPinia({ createSpy: vi.fn })], stubs: { // Rely on @unraid/ui mock for PageContainer & BrandLoading UpdateOsStatus: UpdateOsStatusStub, UpdateOsThirdPartyDrivers: UpdateOsThirdPartyDriversStub, }, }, }); expect(mockAccountStore.updateOs).not.toHaveBeenCalled(); expect(wrapper.find('[data-testid="brand-loading-mock"]').exists()).toBe(false); expect(wrapper.find('[data-testid="update-os-status"]').exists()).toBe(true); }); }); describe('Rendering based on rebootType', () => { it('passes correct subtitle when rebootType is "downgrade"', () => { mockRebootType.value = 'downgrade'; const wrapper = mount(UpdateOs, { global: { plugins: [createTestingPinia({ createSpy: vi.fn })], stubs: { UpdateOsStatus: UpdateOsStatusStub, UpdateOsThirdPartyDrivers: UpdateOsThirdPartyDriversStub, }, }, }); const statusStub = wrapper.findComponent(UpdateOsStatusStub); expect(statusStub.exists()).toBe(true); expect(statusStub.props('subtitle')).toBe( 'Please finish the initiated downgrade to enable updates.' ); expect(wrapper.find('[data-testid="third-party-drivers"]').exists()).toBe(false); }); it('renders UpdateOsThirdPartyDrivers when rebootType is "thirdPartyDriversDownloading"', () => { mockRebootType.value = 'thirdPartyDriversDownloading'; const wrapper = mount(UpdateOs, { global: { plugins: [createTestingPinia({ createSpy: vi.fn })], stubs: { UpdateOsStatus: UpdateOsStatusStub, UpdateOsThirdPartyDrivers: UpdateOsThirdPartyDriversStub, }, }, }); expect(wrapper.find('[data-testid="update-os-status"]').exists()).toBe(true); expect(wrapper.find('[data-testid="third-party-drivers"]').exists()).toBe(true); expect(wrapper.findComponent(UpdateOsStatusStub).props('subtitle')).toBe(''); }); it('renders only UpdateOsStatus for other rebootType values', () => { mockRebootType.value = 'update'; const wrapper = mount(UpdateOs, { global: { plugins: [createTestingPinia({ createSpy: vi.fn })], stubs: { UpdateOsStatus: UpdateOsStatusStub, UpdateOsThirdPartyDrivers: UpdateOsThirdPartyDriversStub, }, }, }); expect(wrapper.find('[data-testid="update-os-status"]').exists()).toBe(true); expect(wrapper.find('[data-testid="third-party-drivers"]').exists()).toBe(false); expect(wrapper.findComponent(UpdateOsStatusStub).props('subtitle')).toBe(''); }); }); });