84 lines
3.9 KiB
TypeScript
84 lines
3.9 KiB
TypeScript
import { ribbit } from './setup';
|
|
|
|
const r = ribbit();
|
|
|
|
const macros = [
|
|
{
|
|
name: 'user',
|
|
toHTML: () => '<a href="/user">TestUser</a>',
|
|
selector: 'A[href="/user"]',
|
|
toMarkdown: () => '@user',
|
|
},
|
|
{
|
|
name: 'npc',
|
|
toHTML: ({ keywords }: any) => {
|
|
const name = keywords.join(' ');
|
|
return '<a href="/NPC/' + name.replace(/ /g, '') + '">' + name + '</a>';
|
|
},
|
|
selector: 'A[href^="/NPC/"]',
|
|
toMarkdown: (el: any) => '@npc(' + el.textContent + ')',
|
|
},
|
|
{
|
|
name: 'style',
|
|
toHTML: ({ keywords, content }: any) => '<div class="' + keywords.join(' ') + '">' + (content || '') + '</div>',
|
|
selector: 'DIV[class]',
|
|
toMarkdown: (el: any, convert: any) => '\n\n@style(' + el.className + '\n' + convert.children(el) + '\n)\n\n',
|
|
},
|
|
{
|
|
name: 'toc',
|
|
toHTML: ({ params }: any) => '<aside class="toc" data-depth="' + (params.depth || '3') + '"></aside>',
|
|
},
|
|
];
|
|
|
|
const h = new r.HopDown({ macros });
|
|
const H = (md: string) => h.toHTML(md);
|
|
const M = (html: string) => h.toMarkdown(html);
|
|
|
|
describe('Macros', () => {
|
|
describe('self-closing', () => {
|
|
it('bare name', () => expect(H('hello @user world')).toBe('<p>hello <a href="/user">TestUser</a> world</p>'));
|
|
it('empty parens', () => expect(H('hello @user() world')).toBe('<p>hello <a href="/user">TestUser</a> world</p>'));
|
|
it('keywords', () => expect(H('@npc(Goblin King)')).toBe('<p><a href="/NPC/GoblinKing">Goblin King</a></p>'));
|
|
it('params', () => expect(H('@toc(depth="2")')).toContain('data-depth="2"'));
|
|
});
|
|
|
|
describe('unknown macros', () => {
|
|
it('renders error', () => expect(H('@bogus')).toContain('ribbit-error'));
|
|
it('shows name', () => expect(H('@bogus')).toContain('@bogus'));
|
|
it('block error', () => expect(H('@bogus(args\ncontent\n)')).toContain('ribbit-error'));
|
|
});
|
|
|
|
it('email not matched', () => expect(H('user@example.com')).toBe('<p>user@example.com</p>'));
|
|
|
|
describe('block macros', () => {
|
|
it('content processed', () => expect(H('@style(box\n**bold**\n)')).toContain('<strong>bold</strong>'));
|
|
it('wraps in div', () => expect(H('@style(box\ncontent\n)')).toContain('<div class="box">'));
|
|
it('multiple keywords', () => expect(H('@style(box center\ncontent\n)')).toContain('class="box center"'));
|
|
});
|
|
|
|
describe('verbatim', () => {
|
|
it('skips markdown', () => expect(H('@style(box verbatim\n**bold**\n)')).toContain('**bold**'));
|
|
it('no strong tag', () => expect(H('@style(box verbatim\n**bold**\n)')).not.toContain('<strong>'));
|
|
it('escapes html', () => expect(H('@style(box verbatim\n<b>tag</b>\n)')).toContain('<b>'));
|
|
it('preserves newlines', () => expect(H('@style(box verbatim\nline1\nline2\n)')).toContain('line1<br>'));
|
|
it('strips keyword', () => expect(H('@style(box verbatim\ncontent\n)')).not.toContain('verbatim'));
|
|
});
|
|
|
|
describe('nesting', () => {
|
|
it('inline inside bold', () => expect(H('**@npc(Goblin King)**')).toContain('<strong><a href="/NPC/GoblinKing">'));
|
|
it('block contains list', () => expect(H('@style(box\n- item 1\n- item 2\n)')).toContain('<ul>'));
|
|
it('inline inside block', () => expect(H('@style(box\nhello @user world\n)')).toContain('<a href="/user">TestUser</a>'));
|
|
});
|
|
|
|
describe('fenced code protection', () => {
|
|
it('not in code block', () => expect(H('```\n@user\n```')).not.toContain('<a href="/user">'));
|
|
it('literal in code block', () => expect(H('```\n@user\n```')).toContain('@user'));
|
|
it('not in inline code', () => expect(H('`@user`')).not.toContain('<a href="/user">'));
|
|
});
|
|
|
|
describe('round-trips', () => {
|
|
it('npc', () => expect(M(H('@npc(Goblin King)'))).toBe('@npc(Goblin King)'));
|
|
it('user', () => expect(M(H('hello @user world'))).toBe('hello @user world'));
|
|
});
|
|
});
|