58 lines
3.7 KiB
TypeScript
58 lines
3.7 KiB
TypeScript
|
import { describe, it, expect, vi, beforeEach } from 'vitest'
|
||
|
|
import { mount } from '@vue/test-utils'
|
||
|
|
import { createPinia, setActivePinia } from 'pinia'
|
||
|
|
import { defineComponent, nextTick } from 'vue'
|
||
|
|
import { createRouter, createMemoryHistory } from 'vue-router'
|
||
|
|
import { useCloudStore } from '@/stores/cloud'
|
||
|
|
import { useUploadNotifications } from '../useUploadNotifications'
|
||
|
|
import UploadProgress from '@/components/cloud/UploadProgress.vue'
|
||
|
|
const action = vi.hoisted(() => vi.fn())
|
||
|
|
vi.mock('../useToast', () => ({ useToast: () => ({ action }) }))
|
||
|
|
const origin = '/dashboard/cloud/documents?path=/uploads'
|
||
|
|
async function setup() {
|
||
|
|
const pinia = createPinia(); setActivePinia(pinia)
|
||
|
|
const router = createRouter({ history: createMemoryHistory(), routes: [{ path: '/:pathMatch(.*)*', component: { template: '<div />' } }] })
|
||
|
|
await router.push(origin); await router.isReady()
|
||
|
|
const wrapper = mount(defineComponent({ components: { UploadProgress }, setup() { useUploadNotifications() }, template: '<UploadProgress />' }), { global: { plugins: [pinia, router] } })
|
||
|
|
const store = useCloudStore()
|
||
|
|
store.upload = { active: true, paused: false, filename: 'photo.png', destination: '/uploads', originRoute: origin, sent: 100, total: 100, completed: 0, count: 1, error: null, cancelled: false }
|
||
|
|
await nextTick()
|
||
|
|
return { store, router, wrapper }
|
||
|
|
}
|
||
|
|
beforeEach(() => action.mockClear())
|
||
|
|
describe('upload screen and completion notification', () => {
|
||
|
|
it('shows Saving until the server finishes, then Complete with dismiss on the origin only', async () => {
|
||
|
|
const { store, wrapper } = await setup()
|
||
|
|
expect(wrapper.text()).toContain('Saving photo.png'); expect(action).not.toHaveBeenCalled()
|
||
|
|
store.upload!.completed = 1; store.upload!.active = false; await nextTick()
|
||
|
|
expect(wrapper.text()).toContain('Complete · photo.png'); expect(action).not.toHaveBeenCalled()
|
||
|
|
await wrapper.get('button[aria-label="Dismiss upload"]').trigger('click')
|
||
|
|
expect(store.upload).toBeNull(); wrapper.unmount()
|
||
|
|
})
|
||
|
|
it('hides progress on another screen, notifies once on completion and returns to the origin', async () => {
|
||
|
|
const { store, router, wrapper } = await setup()
|
||
|
|
await router.push('/dashboard/apps'); expect(wrapper.find('[role="status"]').exists()).toBe(false)
|
||
|
|
expect(store.upload!.active).toBe(true)
|
||
|
|
store.upload!.completed = 1; store.upload!.active = false; await nextTick()
|
||
|
|
expect(action).toHaveBeenCalledTimes(1)
|
||
|
|
expect(action.mock.calls[0]![0]).toBe('Upload complete · photo.png')
|
||
|
|
action.mock.calls[0]![1].onClick(); await router.isReady(); await new Promise(resolve => setTimeout(resolve, 0))
|
||
|
|
expect(router.currentRoute.value.fullPath).toBe(origin)
|
||
|
|
expect(wrapper.text()).toContain('Complete · photo.png')
|
||
|
|
await router.push('/dashboard'); expect(action).toHaveBeenCalledTimes(1); wrapper.unmount()
|
||
|
|
})
|
||
|
|
it('also hides on other Cloud folders and shows progress again on return', async () => {
|
||
|
|
const { router, wrapper } = await setup()
|
||
|
|
await router.push('/dashboard/cloud/documents?path=/different')
|
||
|
|
expect(wrapper.find('[role="status"]').exists()).toBe(false)
|
||
|
|
await router.push(origin); expect(wrapper.text()).toContain('Saving'); wrapper.unmount()
|
||
|
|
})
|
||
|
|
it.each(['error', 'cancelled'] as const)('never calls a %s outcome complete', async field => {
|
||
|
|
const { store, router, wrapper } = await setup(); await router.push('/dashboard')
|
||
|
|
if (field === 'error') store.upload!.error = 'No space'; else store.upload!.cancelled = true
|
||
|
|
store.upload!.active = false; await nextTick()
|
||
|
|
expect(action).toHaveBeenCalledTimes(1); expect(action.mock.calls[0]![0]).not.toContain('complete')
|
||
|
|
expect(action.mock.calls[0]![0]).toContain('0/1 saved'); wrapper.unmount()
|
||
|
|
})
|
||
|
|
})
|