77 lines
5.4 KiB
TypeScript
77 lines
5.4 KiB
TypeScript
// @vitest-environment jsdom
|
|
import {it,expect,vi,afterEach} from 'vitest'
|
|
vi.mock('@/utils/markdown',()=>({renderMarkdown:vi.fn().mockResolvedValue('<h1>Heading</h1><details><summary>Tip</summary><p>Body</p></details><div class="markdown-code-toolbar"><button>Copy</button><span>python</span></div>')}))
|
|
vi.mock('./apiClient',()=>({apiClient:{post:vi.fn().mockResolvedValue({images:[],plots:[]})}}))
|
|
vi.mock('./mermaidService',()=>({mermaidThemeVariables:()=>({primaryColor:'#fff'})}))
|
|
vi.mock('@/stores/theme',()=>({useThemeStore:()=>({isDark:false})}))
|
|
vi.mock('@/stores/markdownPreferences',()=>({useMarkdownPreferencesStore:()=>({normalized:{wrapCode:true,lineNumbers:true,indent:4}})}))
|
|
vi.mock('@/stores/headingAppearance',()=>({useHeadingAppearanceStore:()=>({cssVariables:{'--heading-1-size':'37px'},preferences:{custom:true}})}))
|
|
vi.mock('@/components/common/MarkdownContent.vue',()=>({default:{}}))
|
|
vi.mock('@/features/editor/VisualMarkdownEditor.vue',()=>({default:{__scopeId:'data-v-editor'}}))
|
|
import {preparePdfSnapshot} from './pdfSnapshotService'
|
|
import {apiClient} from './apiClient'
|
|
import {renderMarkdown} from '@/utils/markdown'
|
|
afterEach(()=>vi.clearAllMocks())
|
|
it('preserves actual theme CSS, pseudo elements, root attributes and heading preferences',async()=>{
|
|
const style=document.createElement('style');style.textContent='[data-theme="paper"] .ProseMirror::before { content:"tape"; transform:rotate(-3deg) }';document.head.append(style)
|
|
document.documentElement.dataset.theme='paper'
|
|
try {
|
|
const html=await preparePdfSnapshot('# Heading','<Title>',{theme_id:'paper',include_title:true,page_size:'A4'})
|
|
expect(html).toContain('transform: rotate(-3deg)')
|
|
expect(html).toContain('data-theme="paper"')
|
|
expect(html).toContain('data-v-editor')
|
|
expect(html).toContain('data-heading-style="custom"')
|
|
expect(html).toContain('--heading-1-size:37px')
|
|
expect(html).toContain('<Title>')
|
|
expect(html).toContain('<details open="">')
|
|
expect(html).not.toContain('<button>Copy')
|
|
expect(html).toContain('<span>python</span>')
|
|
expect(renderMarkdown).toHaveBeenCalledWith('# Heading',expect.objectContaining({pdf:expect.anything()}))
|
|
} finally {style.remove();delete document.documentElement.dataset.theme}
|
|
})
|
|
it('rejects a missing image instead of silently producing an incomplete PDF',async()=>{
|
|
vi.mocked(renderMarkdown).mockResolvedValueOnce('<img src="missing.png">')
|
|
await expect(preparePdfSnapshot('','note',{theme_id:'light',include_title:false,page_size:'A4'})).rejects.toThrow('PDF 图片无法读取')
|
|
})
|
|
it('an aborted snapshot never requests backend resources',async()=>{
|
|
const controller=new AbortController();controller.abort()
|
|
await expect(preparePdfSnapshot('text','note',{theme_id:'light',include_title:false,page_size:'A4'},controller.signal)).rejects.toMatchObject({name:'AbortError'})
|
|
expect(apiClient.post).not.toHaveBeenCalled()
|
|
})
|
|
|
|
it('renders snapshot metadata with editor theme scopes and excludes YAML from the body',async()=>{
|
|
const markdown='---\ntitle: "<Current & title>"\ntags: ["<tag>", "未保存标签"]\n---\n# Body'
|
|
const html=await preparePdfSnapshot(markdown,'filename',{theme_id:'light',include_title:false,page_size:'A4'})
|
|
const doc=new DOMParser().parseFromString(html,'text/html')
|
|
const metadata=doc.querySelector('.milkdown-host > .note-metadata')!
|
|
expect(metadata.querySelector('h1')?.textContent).toBe('<Current & title>')
|
|
expect([...metadata.querySelectorAll('.metadata-tag')].map(el=>el.textContent)).toEqual(['<tag>','未保存标签'])
|
|
expect([...metadata.querySelectorAll('*')].every(el=>el.hasAttribute('data-v-editor'))).toBe(true)
|
|
expect(metadata.querySelector('button,input,form')).toBeNull()
|
|
expect(renderMarkdown).toHaveBeenCalledWith('# Body',expect.anything())
|
|
expect(apiClient.post).toHaveBeenCalledWith('/api/exports/preview-resources',expect.objectContaining({source:expect.objectContaining({markdown:'# Body'})}))
|
|
})
|
|
it('does not invent a metadata bar for plain notes or unsupported frontmatter',async()=>{
|
|
for(const source of ['plain text','---\ntitle: [invalid]\n---\nbody']) {
|
|
const html=await preparePdfSnapshot(source,'filename',{theme_id:'light',include_title:true,page_size:'A4'})
|
|
expect(html).not.toContain('<section class="note-metadata"')
|
|
expect(renderMarkdown).toHaveBeenCalledWith(source,expect.anything())
|
|
}
|
|
})
|
|
|
|
it('exports metadata-only notes without submitting an empty resource request',async()=>{
|
|
for(const tail of ['', '\n \n']) {
|
|
const html=await preparePdfSnapshot('---\ntitle: Metadata only\ntags: [draft]\n---\n'+tail,'note',{theme_id:'light',include_title:false,page_size:'A4'})
|
|
const doc=new DOMParser().parseFromString(html,'text/html')
|
|
expect(doc.querySelector('.note-metadata h1')?.textContent).toBe('Metadata only')
|
|
expect(doc.querySelector('.metadata-tag')?.textContent).toBe('draft')
|
|
}
|
|
expect(apiClient.post).not.toHaveBeenCalled()
|
|
})
|
|
it('embeds prepared HTML images without retaining local URLs',async()=>{
|
|
vi.mocked(renderMarkdown).mockResolvedValueOnce('<p><img src="assets/a&b.png"></p>')
|
|
vi.mocked(apiClient.post).mockResolvedValueOnce({images:[{source:'assets/a&b.png',data:'data:image/png;base64,aGVsbG8=',warnings:[]}],plots:[]})
|
|
const html=await preparePdfSnapshot('<img src="assets/a&b.png">','note',{theme_id:'light',include_title:false,page_size:'A4'})
|
|
expect(new DOMParser().parseFromString(html,'text/html').querySelector('img')?.getAttribute('src')).toBe('data:image/png;base64,aGVsbG8=')
|
|
})
|