113 lines
4.3 KiB
JavaScript
113 lines
4.3 KiB
JavaScript
import React from 'react'
|
|
import { describe, expect, it, vi, beforeEach, afterEach } from 'vitest'
|
|
import { render, screen, waitFor, within } from '@testing-library/react'
|
|
import userEvent from '@testing-library/user-event'
|
|
import AdminUploadQueue from './AdminUploadQueue'
|
|
|
|
function makePendingUpload(overrides = {}) {
|
|
return {
|
|
id: '11111111-1111-1111-1111-111111111111',
|
|
title: 'Neon Skyline',
|
|
type: 'image',
|
|
preview_path: 'tmp/drafts/1111/preview.webp',
|
|
...overrides,
|
|
}
|
|
}
|
|
|
|
describe('AdminUploadQueue', () => {
|
|
beforeEach(() => {
|
|
window.axios = {
|
|
get: vi.fn(),
|
|
post: vi.fn(),
|
|
}
|
|
})
|
|
|
|
afterEach(() => {
|
|
vi.restoreAllMocks()
|
|
})
|
|
|
|
it('renders pending list with accessible controls', async () => {
|
|
const upload = makePendingUpload()
|
|
window.axios.get.mockResolvedValueOnce({ data: { data: [upload] } })
|
|
|
|
render(<AdminUploadQueue />)
|
|
|
|
expect(screen.getByRole('heading', { name: 'Pending Upload Moderation' })).not.toBeNull()
|
|
|
|
const item = await screen.findByRole('listitem', { name: `Pending upload ${upload.id}` })
|
|
expect(within(item).getByText('Neon Skyline')).not.toBeNull()
|
|
expect(within(item).getByRole('textbox', { name: `Moderation note for ${upload.id}` })).not.toBeNull()
|
|
expect(within(item).getByRole('button', { name: `Approve upload ${upload.id}` })).not.toBeNull()
|
|
expect(within(item).getByRole('button', { name: `Reject upload ${upload.id}` })).not.toBeNull()
|
|
})
|
|
|
|
it('approves upload and removes it from queue', async () => {
|
|
const upload = makePendingUpload()
|
|
window.axios.get.mockResolvedValueOnce({ data: { data: [upload] } })
|
|
window.axios.post.mockResolvedValueOnce({ data: { success: true } })
|
|
|
|
render(<AdminUploadQueue />)
|
|
|
|
const item = await screen.findByRole('listitem', { name: `Pending upload ${upload.id}` })
|
|
await userEvent.click(within(item).getByRole('button', { name: `Approve upload ${upload.id}` }))
|
|
|
|
await waitFor(() => {
|
|
expect(screen.queryByRole('listitem', { name: `Pending upload ${upload.id}` })).toBeNull()
|
|
})
|
|
|
|
expect(window.axios.post).toHaveBeenCalledWith(`/api/admin/uploads/${upload.id}/approve`, { note: '' })
|
|
})
|
|
|
|
it('rejects upload with note and removes it from queue', async () => {
|
|
const upload = makePendingUpload({ id: '22222222-2222-2222-2222-222222222222', title: 'Retro Pack' })
|
|
window.axios.get.mockResolvedValueOnce({ data: { data: [upload] } })
|
|
window.axios.post.mockResolvedValueOnce({ data: { success: true } })
|
|
|
|
render(<AdminUploadQueue />)
|
|
|
|
const item = await screen.findByRole('listitem', { name: `Pending upload ${upload.id}` })
|
|
|
|
await userEvent.type(
|
|
within(item).getByRole('textbox', { name: `Moderation note for ${upload.id}` }),
|
|
'Needs better quality screenshots'
|
|
)
|
|
|
|
await userEvent.click(within(item).getByRole('button', { name: `Reject upload ${upload.id}` }))
|
|
|
|
await waitFor(() => {
|
|
expect(screen.queryByRole('listitem', { name: `Pending upload ${upload.id}` })).toBeNull()
|
|
})
|
|
|
|
expect(window.axios.post).toHaveBeenCalledWith(`/api/admin/uploads/${upload.id}/reject`, {
|
|
note: 'Needs better quality screenshots',
|
|
})
|
|
})
|
|
|
|
it('shows API failure message and keeps item when moderation action fails', async () => {
|
|
const upload = makePendingUpload({ id: '33333333-3333-3333-3333-333333333333' })
|
|
window.axios.get.mockResolvedValueOnce({ data: { data: [upload] } })
|
|
window.axios.post.mockRejectedValueOnce({
|
|
response: { data: { message: 'Moderation API failed.' } },
|
|
})
|
|
|
|
render(<AdminUploadQueue />)
|
|
|
|
const item = await screen.findByRole('listitem', { name: `Pending upload ${upload.id}` })
|
|
await userEvent.click(within(item).getByRole('button', { name: `Approve upload ${upload.id}` }))
|
|
|
|
const alert = await screen.findByRole('alert')
|
|
expect(alert.textContent).toContain('Moderation API failed.')
|
|
expect(screen.getByRole('listitem', { name: `Pending upload ${upload.id}` })).not.toBeNull()
|
|
})
|
|
|
|
it('shows empty state when no pending uploads exist', async () => {
|
|
window.axios.get.mockResolvedValueOnce({ data: { data: [] } })
|
|
|
|
render(<AdminUploadQueue />)
|
|
|
|
const empty = await screen.findByText('No pending uploads.')
|
|
expect(empty).not.toBeNull()
|
|
expect(screen.queryAllByRole('listitem').length).toBe(0)
|
|
})
|
|
})
|