mirror of
https://github.com/fsolla/teqo.git
synced 2026-11-13 15:13:07 +00:00
89 lines
2.9 KiB
TypeScript
89 lines
2.9 KiB
TypeScript
import { cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react'
|
|
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
|
|
|
|
const { routerMock } = vi.hoisted(() => ({
|
|
routerMock: { refresh: vi.fn() },
|
|
}))
|
|
|
|
vi.mock('next/navigation', () => ({ useRouter: () => routerMock }))
|
|
|
|
import { SpeechCutLibraryCardActions } from '@/components/campaign/speech/SpeechCutLibraryCardActions'
|
|
import type { SpeechCutLibraryItemViewModel, SpeechCutStatus } from '@/lib/speechCut'
|
|
|
|
const cutView = (
|
|
status: SpeechCutStatus,
|
|
overrides: Partial<SpeechCutLibraryItemViewModel> = {},
|
|
): SpeechCutLibraryItemViewModel => ({
|
|
id: 7,
|
|
status,
|
|
step: null,
|
|
title: 'Corte da biblioteca',
|
|
description: 'Descrição do corte',
|
|
startSeconds: 0,
|
|
endSeconds: 20,
|
|
durationSeconds: 20,
|
|
durationLabel: '20s',
|
|
publicPath: '/corte/7',
|
|
mediaUrl: null,
|
|
mediaFilename: null,
|
|
youtubeVideoId: null,
|
|
publishedAt: null,
|
|
failureMessage: status === 'failed' ? 'Não foi possível preparar o corte.' : null,
|
|
createdAtLabel: '16 set. 2026',
|
|
origin: null,
|
|
...overrides,
|
|
})
|
|
|
|
const fetchMock = vi.fn()
|
|
const jsonResponse = (payload: unknown, ok = true) => ({ ok, json: async () => payload })
|
|
|
|
beforeEach(() => {
|
|
vi.stubGlobal(
|
|
'ResizeObserver',
|
|
class {
|
|
observe() {}
|
|
unobserve() {}
|
|
disconnect() {}
|
|
},
|
|
)
|
|
vi.stubGlobal('fetch', fetchMock)
|
|
routerMock.refresh.mockReset()
|
|
fetchMock.mockReset()
|
|
})
|
|
|
|
afterEach(() => {
|
|
cleanup()
|
|
vi.unstubAllGlobals()
|
|
})
|
|
|
|
describe('SpeechCutLibraryCardActions (C183)', () => {
|
|
it('offers retry only on a failed cut and always offers delete', () => {
|
|
const { unmount } = render(<SpeechCutLibraryCardActions cut={cutView('failed')} />)
|
|
expect(screen.getByRole('button', { name: /Tentar novamente/ })).toBeDefined()
|
|
expect(screen.getByRole('button', { name: 'Apagar' })).toBeDefined()
|
|
unmount()
|
|
|
|
render(<SpeechCutLibraryCardActions cut={cutView('published')} />)
|
|
expect(screen.queryByRole('button', { name: /Tentar novamente/ })).toBeNull()
|
|
expect(screen.getByRole('button', { name: 'Apagar' })).toBeDefined()
|
|
})
|
|
|
|
it('keeps delete available while the cut is still processing', () => {
|
|
render(<SpeechCutLibraryCardActions cut={cutView('processing')} />)
|
|
expect(screen.queryByRole('button', { name: /Tentar novamente/ })).toBeNull()
|
|
expect(screen.getByRole('button', { name: 'Apagar' })).toBeDefined()
|
|
})
|
|
|
|
it('retries through the cut endpoint on the same row', async () => {
|
|
fetchMock.mockResolvedValue(jsonResponse({ status: 'success', cut: { id: 7 } }))
|
|
render(<SpeechCutLibraryCardActions cut={cutView('failed')} />)
|
|
|
|
fireEvent.click(screen.getByRole('button', { name: /Tentar novamente/ }))
|
|
|
|
await waitFor(() => expect(routerMock.refresh).toHaveBeenCalled())
|
|
expect(fetchMock).toHaveBeenCalledWith(
|
|
'/campanha/comunicacao/acervo/cortes/7/retry',
|
|
expect.objectContaining({ method: 'POST', body: JSON.stringify({ cutId: 7 }) }),
|
|
)
|
|
})
|
|
})
|