wsq
79 lines
3.1 KiB
TypeScript
79 lines
3.1 KiB
TypeScript
import * as React from 'react'
|
|
import { createElement } from 'react'
|
|
import { renderToStaticMarkup } from 'react-dom/server'
|
|
import { describe, expect, it, vi } from 'vitest'
|
|
import StoryInputComposer from '@/components/story-input/StoryInputComposer'
|
|
|
|
vi.mock('@/components/selectors/RatioStyleSelectors', () => ({
|
|
RatioSelector: ({
|
|
getUsage: _getUsage,
|
|
...props
|
|
}: Record<string, unknown> & { getUsage?: unknown }) => createElement('div', props, 'RatioSelector'),
|
|
StyleSelector: (props: Record<string, unknown>) => createElement('div', props, 'StyleSelector'),
|
|
StylePresetSelector: (props: Record<string, unknown>) => createElement('div', props, 'StylePresetSelector'),
|
|
}))
|
|
|
|
describe('StoryInputComposer', () => {
|
|
it('renders a shared composer shell with configurable textarea rows and shared controls', () => {
|
|
Reflect.set(globalThis, 'React', React)
|
|
|
|
const html = renderToStaticMarkup(
|
|
createElement(StoryInputComposer, {
|
|
value: '测试内容',
|
|
onValueChange: () => undefined,
|
|
placeholder: '请输入内容',
|
|
minRows: 8,
|
|
videoRatio: '9:16',
|
|
onVideoRatioChange: () => undefined,
|
|
ratioOptions: [{ value: '9:16', label: '9:16' }],
|
|
artStyle: 'realistic',
|
|
onArtStyleChange: () => undefined,
|
|
styleOptions: [{ value: 'realistic', label: '真人风格' }],
|
|
stylePresetValue: 'horror-suspense',
|
|
onStylePresetChange: () => undefined,
|
|
stylePresetOptions: [{ value: 'horror-suspense', label: '恐怖悬疑', description: '压迫氛围' }],
|
|
topRight: createElement('span', null, '字数：4'),
|
|
footer: createElement('p', null, '当前配置'),
|
|
secondaryActions: createElement('button', { type: 'button' }, 'AI 帮我写'),
|
|
primaryAction: createElement('button', { type: 'button' }, '开始创作'),
|
|
}),
|
|
)
|
|
|
|
expect(html).toContain('rows="8"')
|
|
expect(html).toContain('RatioSelector')
|
|
expect(html).toContain('StyleSelector')
|
|
expect(html).toContain('StylePresetSelector')
|
|
expect(html).toContain('字数：4')
|
|
expect(html).toContain('当前配置')
|
|
expect(html).toContain('AI 帮我写')
|
|
expect(html).toContain('开始创作')
|
|
})
|
|
|
|
it('hides the style preset selector when no preset is enabled', () => {
|
|
Reflect.set(globalThis, 'React', React)
|
|
|
|
const html = renderToStaticMarkup(
|
|
createElement(StoryInputComposer, {
|
|
value: '测试内容',
|
|
onValueChange: () => undefined,
|
|
placeholder: '请输入内容',
|
|
minRows: 8,
|
|
videoRatio: '9:16',
|
|
onVideoRatioChange: () => undefined,
|
|
ratioOptions: [{ value: '9:16', label: '9:16' }],
|
|
artStyle: 'realistic',
|
|
onArtStyleChange: () => undefined,
|
|
styleOptions: [{ value: 'realistic', label: '真人风格' }],
|
|
stylePresetValue: '',
|
|
onStylePresetChange: () => undefined,
|
|
stylePresetOptions: [],
|
|
primaryAction: createElement('button', { type: 'button' }, '开始创作'),
|
|
}),
|
|
)
|
|
|
|
expect(html).toContain('RatioSelector')
|
|
expect(html).toContain('StyleSelector')
|
|
expect(html).not.toContain('StylePresetSelector')
|
|
})
|
|
})
|