75 行
2.6 KiB
TypeScript
75 行
2.6 KiB
TypeScript
import { fireEvent, screen, waitFor } from '@testing-library/react'
|
|
import { describe, expect, it, vi } from 'vitest'
|
|
|
|
import PostListPage from '@/pages/posts/PostListPage'
|
|
import { buildPost, buildTag, buildWikiPage } from '@/test/factories'
|
|
import { renderWithProviders } from '@/test/render'
|
|
|
|
const postsApi = vi.hoisted (() => ({
|
|
fetchPosts: vi.fn (),
|
|
}))
|
|
|
|
const wikiApi = vi.hoisted (() => ({
|
|
fetchWikiPageByTitle: vi.fn (),
|
|
fetchWikiPages: vi.fn (),
|
|
}))
|
|
|
|
vi.mock ('@/lib/posts', () => postsApi)
|
|
vi.mock ('@/lib/wiki', () => wikiApi)
|
|
|
|
describe ('PostListPage', () => {
|
|
it ('loads posts from the current query and renders the plaza tab', async () => {
|
|
const tag = buildTag ({ name: '虹夏' })
|
|
postsApi.fetchPosts.mockResolvedValueOnce ({
|
|
posts: [buildPost ({ id: 5, title: '投稿5', tags: [tag] })],
|
|
count: 1,
|
|
})
|
|
wikiApi.fetchWikiPageByTitle.mockResolvedValueOnce (buildWikiPage ({ title: '虹夏' }))
|
|
wikiApi.fetchWikiPages.mockResolvedValueOnce ([buildWikiPage ({ title: '虹夏' })])
|
|
|
|
renderWithProviders (<PostListPage/>, { route: '/posts?tags=%E8%99%B9%E5%A4%8F&page=2' })
|
|
|
|
await waitFor (() => {
|
|
expect (postsApi.fetchPosts).toHaveBeenCalledWith (
|
|
expect.objectContaining ({
|
|
tags: '虹夏',
|
|
match: 'all',
|
|
page: 2,
|
|
limit: 20,
|
|
}),
|
|
)
|
|
})
|
|
expect (await screen.findByRole ('link', { name: '投稿5' })).toHaveAttribute (
|
|
'href',
|
|
'/posts/5',
|
|
)
|
|
expect (screen.getByText ('広場')).toBeInTheDocument ()
|
|
})
|
|
|
|
it ('shows the empty state when loading finishes without posts', async () => {
|
|
postsApi.fetchPosts.mockResolvedValueOnce ({ posts: [], count: 0 })
|
|
|
|
renderWithProviders (<PostListPage/>, { route: '/posts' })
|
|
|
|
expect (await screen.findByText ('広場には何もありませんよ．')).toBeInTheDocument ()
|
|
})
|
|
|
|
it ('renders the wiki tab for single-tag pages', async () => {
|
|
postsApi.fetchPosts.mockResolvedValueOnce ({ posts: [], count: 0 })
|
|
wikiApi.fetchWikiPageByTitle.mockResolvedValueOnce (
|
|
buildWikiPage ({ title: '虹夏', body: 'Wiki body' }),
|
|
)
|
|
wikiApi.fetchWikiPages.mockResolvedValueOnce ([buildWikiPage ({ title: '虹夏' })])
|
|
|
|
renderWithProviders (<PostListPage/>, { route: '/posts?tags=%E8%99%B9%E5%A4%8F' })
|
|
|
|
fireEvent.click (await screen.findByText ('Wiki'))
|
|
|
|
expect (await screen.findByText ('Wiki body')).toBeInTheDocument ()
|
|
expect (screen.getByRole ('link', { name: 'Wiki を見る' })).toHaveAttribute (
|
|
'href',
|
|
'/wiki/%E8%99%B9%E5%A4%8F',
|
|
)
|
|
})
|
|
})
|