54 lines
3.0 KiB
TypeScript
54 lines
3.0 KiB
TypeScript
// @vitest-environment jsdom
|
|
import { describe, expect, it } from 'vitest'
|
|
import { calloutTypes, parseCallout } from './callouts'
|
|
import { renderMarkdown } from './markdown'
|
|
import { defaultMarkdownPreferences } from '@/stores/markdownPreferences'
|
|
|
|
describe('callouts', () => {
|
|
it('keeps disabled syntax literal without leaking settings between render requests', async () => {
|
|
const source = '> [!WARNING]\n> text\n\n$x$\n\nhttps://example.com'
|
|
const [plain, extended] = await Promise.all([
|
|
renderMarkdown(source, { preferences: { ...defaultMarkdownPreferences, callouts: false, math: false, autoLinks: false } }),
|
|
renderMarkdown(source),
|
|
])
|
|
expect(plain).not.toContain('markdown-callout')
|
|
expect(plain).not.toContain('katex')
|
|
expect(plain).not.toContain('<a ')
|
|
expect(extended).toContain('markdown-callout')
|
|
expect(extended).toContain('katex')
|
|
expect(extended).toContain('<a ')
|
|
})
|
|
for (const [type, aliases] of Object.entries(calloutTypes)) {
|
|
for (const alias of aliases) it(`renders ${alias}`, async () => {
|
|
const root = document.createElement('div')
|
|
root.innerHTML = await renderMarkdown(`> [!${alias.toUpperCase()}] 标题\n> **正文** 与 \`code\`\n>\n> - 条目`)
|
|
expect(root.querySelector('.markdown-callout')?.getAttribute('data-callout')).toBe(type)
|
|
expect(root.querySelector('.callout-title')?.textContent).toBe('标题')
|
|
expect(root.querySelector('strong')?.textContent).toBe('正文')
|
|
expect(root.querySelector('li')?.textContent).toBe('条目')
|
|
})
|
|
}
|
|
it('supports folding, nesting, unknown types, empty bodies and safe titles', async () => {
|
|
const root = document.createElement('div')
|
|
root.innerHTML = await renderMarkdown('> [!WARNING]- 外层\n>\n> > [!tip]+ 内层\n> > 内容\n\n> [!custom] <img src=x onerror=alert(1)>\n\n> [!NOTE]')
|
|
expect(root.querySelector('details')?.hasAttribute('open')).toBe(false)
|
|
expect(root.querySelector('details details')?.hasAttribute('open')).toBe(true)
|
|
expect(root.querySelectorAll('.markdown-callout')).toHaveLength(4)
|
|
expect(root.querySelector('img')).toBeNull()
|
|
expect(root.textContent).toContain('<img src=x onerror=alert(1)>')
|
|
})
|
|
it('renders the editor serialization of nested folded callouts', async () => {
|
|
const root = document.createElement('div')
|
|
root.innerHTML = await renderMarkdown('> [!WARNING]- 注意\n>\n> **正文**\n>\n> > [!TIP] 内层\n> > 内容\n')
|
|
expect(root.querySelectorAll('.markdown-callout')).toHaveLength(2)
|
|
expect(root.querySelector('strong')?.textContent).toBe('正文')
|
|
})
|
|
it('does not convert ordinary quotes, inline code, escaped markers or fenced examples', async () => {
|
|
const root = document.createElement('div')
|
|
root.innerHTML = await renderMarkdown('> ordinary\n\n> \\[!NOTE]\n\n`[!TIP]`\n\n```text\n> [!WARNING]\n```')
|
|
expect(root.querySelector('.markdown-callout')).toBeNull()
|
|
expect(root.querySelectorAll('blockquote')).toHaveLength(2)
|
|
expect(parseCallout('prefix [!NOTE]')).toBeNull()
|
|
})
|
|
})
|