mirror of
https://github.com/pengzhanbo/vuepress-theme-plume.git
synced 2026-04-23 10:58:13 +08:00
57 lines
2.1 KiB
TypeScript
57 lines
2.1 KiB
TypeScript
import MarkdownIt from 'markdown-it'
|
||
import { describe, expect, it } from 'vitest'
|
||
import { createContainerPlugin, createContainerSyntaxPlugin } from '../src/node/container/createContainer.js'
|
||
|
||
describe('createContainerPlugin', () => {
|
||
it('should work with default options', () => {
|
||
const md = new MarkdownIt()
|
||
createContainerPlugin(md, 'test')
|
||
|
||
expect(md.render(':::test\ncontent\n:::')).toContain('class="custom-container test"')
|
||
})
|
||
|
||
it('should work with custom render', () => {
|
||
const md = new MarkdownIt()
|
||
createContainerPlugin(md, 'test', {
|
||
before: () => `<div class="test">`,
|
||
after: () => `</div>`,
|
||
})
|
||
|
||
expect(md.render(':::test\ncontent\n:::')).toContain('class="test"')
|
||
})
|
||
})
|
||
|
||
describe('createContainerSyntaxPlugin', () => {
|
||
it('should work with default options', () => {
|
||
const md = new MarkdownIt()
|
||
createContainerSyntaxPlugin(md, 'test')
|
||
const rendered = md.render(':::test\ncontent\n:::')
|
||
expect(rendered).toContain('class="custom-container test"')
|
||
expect(rendered).toContain('content')
|
||
})
|
||
|
||
it('should work with more than 3 markers', () => {
|
||
const md = new MarkdownIt()
|
||
createContainerSyntaxPlugin(md, 'test')
|
||
expect(md.render('::::test\ncontent\n::::')).toContain('class="custom-container test"')
|
||
expect(md.render(':::::test\ncontent\n:::::')).toContain('class="custom-container test"')
|
||
})
|
||
|
||
it('should work with custom render', () => {
|
||
const md = new MarkdownIt()
|
||
createContainerSyntaxPlugin(md, 'test', (tokens, index) => `<div class="test">${tokens[index].content} ${tokens[index].meta.title}</div>`)
|
||
const rendered = md.render(':::test title="title"\ncontent\n:::')
|
||
expect(rendered).toContain('class="test"')
|
||
expect(rendered).toContain('content\n title')
|
||
})
|
||
|
||
it('should not work', () => {
|
||
const md = new MarkdownIt()
|
||
createContainerSyntaxPlugin(md, 'test')
|
||
|
||
expect(md.render('::test\ncontent\n::')).not.toContain('class="custom-container test"')
|
||
expect(md.render(':::text\ncontent\n:::')).not.toContain('class="custom-container text"')
|
||
expect(md.render('：::test\ncontent\n::：')).not.toContain('class="custom-container test"')
|
||
})
|
||
})
|