mirror of
https://github.com/tabler/tabler.git
synced 2026-10-12 05:06:55 +04:00
29 lines
1.2 KiB
TypeScript
29 lines
1.2 KiB
TypeScript
import { describe, expect, it } from 'vitest'
|
|
import { beautifyHtml, highlightCode } from './code-example'
|
|
|
|
describe('beautifyHtml', () => {
|
|
it('re-indents nested markup with two spaces', () => {
|
|
expect(beautifyHtml('<div>\n<span>x</span>\n</div>')).toBe('<div>\n <span>x</span>\n</div>')
|
|
})
|
|
|
|
it('gives inline elements their own line', () => {
|
|
// Examples reach this function as a single line — MDX drops the whitespace
|
|
// between sibling elements — so line breaks have to be added back.
|
|
expect(beautifyHtml('<div><span>x</span></div>')).toBe('<div>\n <span>x</span>\n</div>')
|
|
})
|
|
|
|
it('starts a comment that follows an element on its own line', () => {
|
|
// Icon examples are a comment plus an svg, repeated — without the break the
|
|
// next comment ends up on the closing tag of the icon before it.
|
|
expect(beautifyHtml('<svg></svg><!-- next --><svg></svg>')).toBe('<svg></svg>\n<!-- next -->\n<svg></svg>')
|
|
})
|
|
})
|
|
|
|
describe('highlightCode', () => {
|
|
it('renders shiki-highlighted html for the given language', async () => {
|
|
const html = await highlightCode('<a href="#">x</a>', 'html')
|
|
expect(html).toContain('<pre')
|
|
expect(html).toContain('shiki')
|
|
})
|
|
})
|