mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-09-12 03:49:43 +02:00
Move docs.cli to scripts
This commit is contained in:
145
packages/mermaid/scripts/docs.spec.ts
Normal file
145
packages/mermaid/scripts/docs.spec.ts
Normal file
@@ -0,0 +1,145 @@
|
||||
import { transformMarkdownAst, transformToBlockQuote } from './docs.mjs';
|
||||
|
||||
import { remark } from 'remark'; // import it this way so we can mock it
|
||||
import remarkFrontmatter from 'remark-frontmatter';
|
||||
import { vi, afterEach, describe, it, expect } from 'vitest';
|
||||
|
||||
afterEach(() => {
|
||||
vi.restoreAllMocks();
|
||||
});
|
||||
|
||||
const originalFilename = 'example-input-filename.md';
|
||||
const remarkBuilder = remark().use(remarkFrontmatter, ['yaml']); // support YAML front-matter in Markdown
|
||||
|
||||
describe('docs.mts', () => {
|
||||
describe('transformMarkdownAst', () => {
|
||||
describe('checks each AST node', () => {
|
||||
it('does no transformation if there are no code blocks', async () => {
|
||||
const contents = 'Markdown file contents\n';
|
||||
const result = (
|
||||
await remarkBuilder().use(transformMarkdownAst, { originalFilename }).process(contents)
|
||||
).toString();
|
||||
expect(result).toEqual(contents);
|
||||
});
|
||||
|
||||
describe('is a code block', () => {
|
||||
const beforeCodeLine = 'test\n';
|
||||
const diagram_text = 'graph\n A --> B\n';
|
||||
|
||||
describe('language = "mermaid-nocode"', () => {
|
||||
const lang_keyword = 'mermaid-nocode';
|
||||
const contents = beforeCodeLine + '```' + lang_keyword + '\n' + diagram_text + '\n```\n';
|
||||
|
||||
it('changes the language to "mermaid"', async () => {
|
||||
const result = (
|
||||
await remarkBuilder()
|
||||
.use(transformMarkdownAst, { originalFilename })
|
||||
.process(contents)
|
||||
).toString();
|
||||
expect(result).toEqual(
|
||||
beforeCodeLine + '\n' + '```' + 'mermaid' + '\n' + diagram_text + '\n```\n'
|
||||
);
|
||||
});
|
||||
});
|
||||
|
||||
describe('language = "mermaid" | "mmd" | "mermaid-example"', () => {
|
||||
const mermaid_keywords = ['mermaid', 'mmd', 'mermaid-example'];
|
||||
|
||||
mermaid_keywords.forEach((lang_keyword) => {
|
||||
const contents =
|
||||
beforeCodeLine + '```' + lang_keyword + '\n' + diagram_text + '\n```\n';
|
||||
|
||||
it('changes the language to "mermaid-example" and adds a copy of the code block with language = "mermaid"', async () => {
|
||||
const result = (
|
||||
await remarkBuilder()
|
||||
.use(transformMarkdownAst, { originalFilename })
|
||||
.process(contents)
|
||||
).toString();
|
||||
expect(result).toEqual(
|
||||
beforeCodeLine +
|
||||
'\n' +
|
||||
'```mermaid-example\n' +
|
||||
diagram_text +
|
||||
'\n```\n' +
|
||||
'\n```mermaid\n' +
|
||||
diagram_text +
|
||||
'\n```\n'
|
||||
);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
it('calls transformToBlockQuote with the node information', async () => {
|
||||
const lang_keyword = 'note';
|
||||
const contents =
|
||||
beforeCodeLine + '```' + lang_keyword + '\n' + 'This is the text\n' + '```\n';
|
||||
|
||||
const result = (
|
||||
await remarkBuilder().use(transformMarkdownAst, { originalFilename }).process(contents)
|
||||
).toString();
|
||||
expect(result).toEqual(beforeCodeLine + '\n> **Note**\n' + '> This is the text\n');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
it('should remove YAML if `removeYAML` is true', async () => {
|
||||
const contents = `---
|
||||
title: Flowcharts Syntax
|
||||
---
|
||||
|
||||
This Markdown should be kept.
|
||||
`;
|
||||
const withYaml = (
|
||||
await remarkBuilder().use(transformMarkdownAst, { originalFilename }).process(contents)
|
||||
).toString();
|
||||
// no change
|
||||
expect(withYaml).toEqual(contents);
|
||||
|
||||
const withoutYaml = (
|
||||
await remarkBuilder()
|
||||
.use(transformMarkdownAst, { originalFilename, removeYAML: true })
|
||||
.process(contents)
|
||||
).toString();
|
||||
// no change
|
||||
expect(withoutYaml).toEqual('This Markdown should be kept.\n');
|
||||
});
|
||||
});
|
||||
|
||||
describe('transformToBlockQuote', () => {
|
||||
// TODO Is there a way to test this with --vitepress given as a process argument?
|
||||
|
||||
describe('vitepress is not given as an argument', () => {
|
||||
it('everything starts with "> " (= block quote)', () => {
|
||||
const result = transformToBlockQuote('first line\n\n\nfourth line', 'blorfType');
|
||||
expect(result).toMatch(/> (.)*\n> first line(?:\n> ){3}fourth line/);
|
||||
});
|
||||
|
||||
it('includes an icon if there is one for the type', () => {
|
||||
const result = transformToBlockQuote(
|
||||
'first line\n\n\nfourth line',
|
||||
'danger',
|
||||
'Custom Title'
|
||||
);
|
||||
expect(result).toMatch(/> \*\*‼️ Custom Title\*\* /);
|
||||
});
|
||||
|
||||
describe('a custom title is given', () => {
|
||||
it('custom title is surrounded in spaces, in bold', () => {
|
||||
const result = transformToBlockQuote(
|
||||
'first line\n\n\nfourth line',
|
||||
'blorfType',
|
||||
'Custom Title'
|
||||
);
|
||||
expect(result).toMatch(/> \*\*Custom Title\*\* /);
|
||||
});
|
||||
});
|
||||
|
||||
describe.skip('no custom title is given', () => {
|
||||
it('title is the icon and the capitalized type, in bold', () => {
|
||||
const result = transformToBlockQuote('first line\n\n\nfourth line', 'blorf type');
|
||||
expect(result).toMatch(/> \*\*Blorf Type\*\* /);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
Reference in New Issue
Block a user