marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-12-09 22:14:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

Reduce changes in test

Browse Source
This commit is contained in:
Sidharth Vinod
2023-04-26 10:51:54 +05:30
parent 395a794758
commit 5bbce45c56
1 changed files with 204 additions and 351 deletions
Download Patch File Download Diff File Expand all files Collapse all files

555
packages/mermaid/src/rendering-util/handle-markdown-text.spec.ts
View File

@@ -1,391 +1,244 @@
import { markdownToLines, markdownToHTML } from './handle-markdown-text.js';
import { test, expect } from 'vitest';
describe('markdownToLines', () => {
test('Basic test', () => {
const input = `This is regular text
test('markdownToLines - Basic test', () => {
const input = `This is regular text
Here is a new line
There is some words **with a bold** section
Here is a line *with an italic* section`;
const output = markdownToLines(input);
expect(output).toMatchInlineSnapshot(`
const expectedOutput = [
[
[
{
"content": "This",
"type": "normal",
},
{
"content": "is",
"type": "normal",
},
{
"content": "regular",
"type": "normal",
},
{
"content": "text",
"type": "normal",
},
],
[
{
"content": "Here",
"type": "normal",
},
{
"content": "is",
"type": "normal",
},
{
"content": "a",
"type": "normal",
},
{
"content": "new",
"type": "normal",
},
{
"content": "line",
"type": "normal",
},
],
[
{
"content": "There",
"type": "normal",
},
{
"content": "is",
"type": "normal",
},
{
"content": "some",
"type": "normal",
},
{
"content": "words",
"type": "normal",
},
{
"content": "with",
"type": "strong",
},
{
"content": "a",
"type": "strong",
},
{
"content": "bold",
"type": "strong",
},
{
"content": "section",
"type": "normal",
},
],
[
{
"content": "Here",
"type": "normal",
},
{
"content": "is",
"type": "normal",
},
{
"content": "a",
"type": "normal",
},
{
"content": "line",
"type": "normal",
},
{
"content": "with",
"type": "emphasis",
},
{
"content": "an",
"type": "emphasis",
},
{
"content": "italic",
"type": "emphasis",
},
{
"content": "section",
"type": "normal",
},
],
]
`);
});
{ content: 'This', type: 'normal' },
{ content: 'is', type: 'normal' },
{ content: 'regular', type: 'normal' },
{ content: 'text', type: 'normal' },
],
[
{ content: 'Here', type: 'normal' },
{ content: 'is', type: 'normal' },
{ content: 'a', type: 'normal' },
{ content: 'new', type: 'normal' },
{ content: 'line', type: 'normal' },
],
[
{ content: 'There', type: 'normal' },
{ content: 'is', type: 'normal' },
{ content: 'some', type: 'normal' },
{ content: 'words', type: 'normal' },
{ content: 'with', type: 'strong' },
{ content: 'a', type: 'strong' },
{ content: 'bold', type: 'strong' },
{ content: 'section', type: 'normal' },
],
[
{ content: 'Here', type: 'normal' },
{ content: 'is', type: 'normal' },
{ content: 'a', type: 'normal' },
{ content: 'line', type: 'normal' },
{ content: 'with', type: 'emphasis' },
{ content: 'an', type: 'emphasis' },
{ content: 'italic', type: 'emphasis' },
{ content: 'section', type: 'normal' },
],
];
test('Empty input', () => {
const input = '';
const expectedOutput = [[]];
const output = markdownToLines(input);
expect(output).toEqual(expectedOutput);
});
const output = markdownToLines(input);
expect(output).toEqual(expectedOutput);
});
test('No formatting', () => {
const input = `This is a simple test
test('markdownToLines - Empty input', () => {
const input = '';
const expectedOutput = [[]];
const output = markdownToLines(input);
expect(output).toEqual(expectedOutput);
});
test('markdownToLines - No formatting', () => {
const input = `This is a simple test
with no formatting`;
const expectedOutput = [
[
{ content: 'This', type: 'normal' },
{ content: 'is', type: 'normal' },
{ content: 'a', type: 'normal' },
{ content: 'simple', type: 'normal' },
{ content: 'test', type: 'normal' },
],
[
{ content: 'with', type: 'normal' },
{ content: 'no', type: 'normal' },
{ content: 'formatting', type: 'normal' },
],
];
const expectedOutput = [
[
{ content: 'This', type: 'normal' },
{ content: 'is', type: 'normal' },
{ content: 'a', type: 'normal' },
{ content: 'simple', type: 'normal' },
{ content: 'test', type: 'normal' },
],
[
{ content: 'with', type: 'normal' },
{ content: 'no', type: 'normal' },
{ content: 'formatting', type: 'normal' },
],
];
const output = markdownToLines(input);
expect(output).toEqual(expectedOutput);
});
const output = markdownToLines(input);
expect(output).toEqual(expectedOutput);
});
test('Only bold formatting', () => {
const input = `This is a **bold** test`;
test('markdownToLines - Only bold formatting', () => {
const input = `This is a **bold** test`;
const expectedOutput = [
[
{ content: 'This', type: 'normal' },
{ content: 'is', type: 'normal' },
{ content: 'a', type: 'normal' },
{ content: 'bold', type: 'strong' },
{ content: 'test', type: 'normal' },
],
];
const expectedOutput = [
[
{ content: 'This', type: 'normal' },
{ content: 'is', type: 'normal' },
{ content: 'a', type: 'normal' },
{ content: 'bold', type: 'strong' },
{ content: 'test', type: 'normal' },
],
];
const output = markdownToLines(input);
expect(output).toEqual(expectedOutput);
});
const output = markdownToLines(input);
expect(output).toEqual(expectedOutput);
});
test('paragraph 1', () => {
const input = `**Start** with
test('markdownToLines - paragraph 1', () => {
const input = `**Start** with
a second line`;
const expectedOutput = [
[
{ content: 'Start', type: 'strong' },
{ content: 'with', type: 'normal' },
],
[
{ content: 'a', type: 'normal' },
{ content: 'second', type: 'normal' },
{ content: 'line', type: 'normal' },
],
];
const expectedOutput = [
[
{ content: 'Start', type: 'strong' },
{ content: 'with', type: 'normal' },
],
[
{ content: 'a', type: 'normal' },
{ content: 'second', type: 'normal' },
{ content: 'line', type: 'normal' },
],
];
const output = markdownToLines(input);
expect(output).toEqual(expectedOutput);
});
test('paragraph', () => {
const input = `**Start** with
const output = markdownToLines(input);
expect(output).toEqual(expectedOutput);
});
test('markdownToLines - paragraph', () => {
const input = `**Start** with
a second line`;
const expectedOutput = [
[
{ content: 'Start', type: 'strong' },
{ content: 'with', type: 'normal' },
],
[
{ content: 'a', type: 'normal' },
{ content: 'second', type: 'normal' },
{ content: 'line', type: 'normal' },
],
];
const output = markdownToLines(input);
expect(output).toEqual(expectedOutput);
});
test('Only italic formatting', () => {
const input = `This is an *italic* test`;
const output = markdownToLines(input);
expect(output).toMatchInlineSnapshot(`
const expectedOutput = [
[
[
{
"content": "This",
"type": "normal",
},
{
"content": "is",
"type": "normal",
},
{
"content": "an",
"type": "normal",
},
{
"content": "italic",
"type": "emphasis",
},
{
"content": "test",
"type": "normal",
},
],
]
`);
});
test('Mixed formatting', () => {
const input = `*Italic* and **bold** formatting`;
const output = markdownToLines(input);
expect(output).toMatchInlineSnapshot(`
{ content: 'Start', type: 'strong' },
{ content: 'with', type: 'normal' },
],
[
[
{
"content": "Italic",
"type": "emphasis",
},
{
"content": "and",
"type": "normal",
},
{
"content": "bold",
"type": "strong",
},
{
"content": "formatting",
"type": "normal",
},
],
]
`);
});
{ content: 'a', type: 'normal' },
{ content: 'second', type: 'normal' },
{ content: 'line', type: 'normal' },
],
];
test('Mixed formatting with newline', () => {
const input = `The dog in **the** hog... a *very long text* about it
const output = markdownToLines(input);
expect(output).toEqual(expectedOutput);
});
test('markdownToLines - Only italic formatting', () => {
const input = `This is an *italic* test`;
const expectedOutput = [
[
{ content: 'This', type: 'normal' },
{ content: 'is', type: 'normal' },
{ content: 'an', type: 'normal' },
{ content: 'italic', type: 'emphasis' },
{ content: 'test', type: 'normal' },
],
];
const output = markdownToLines(input);
expect(output).toEqual(expectedOutput);
});
it('markdownToLines - Mixed formatting', () => {
const input = `*Italic* and **bold** formatting`;
const expectedOutput = [
[
{ content: 'Italic', type: 'emphasis' },
{ content: 'and', type: 'normal' },
{ content: 'bold', type: 'strong' },
{ content: 'formatting', type: 'normal' },
],
];
const output = markdownToLines(input);
expect(output).toEqual(expectedOutput);
});
it('markdownToLines - Mixed formatting', () => {
const input = `The dog in **the** hog... a *very long text* about it
Word!`;
const output = markdownToLines(input);
expect(output).toMatchInlineSnapshot(`
const expectedOutput = [
[
[
{
"content": "The",
"type": "normal",
},
{
"content": "dog",
"type": "normal",
},
{
"content": "in",
"type": "normal",
},
{
"content": "the",
"type": "strong",
},
{
"content": "hog...",
"type": "normal",
},
{
"content": "a",
"type": "normal",
},
{
"content": "very",
"type": "emphasis",
},
{
"content": "long",
"type": "emphasis",
},
{
"content": "text",
"type": "emphasis",
},
{
"content": "about",
"type": "normal",
},
{
"content": "it",
"type": "normal",
},
],
[
{
"content": "Word!",
"type": "normal",
},
],
]
`);
});
{ content: 'The', type: 'normal' },
{ content: 'dog', type: 'normal' },
{ content: 'in', type: 'normal' },
{ content: 'the', type: 'strong' },
{ content: 'hog...', type: 'normal' },
{ content: 'a', type: 'normal' },
{ content: 'very', type: 'emphasis' },
{ content: 'long', type: 'emphasis' },
{ content: 'text', type: 'emphasis' },
{ content: 'about', type: 'normal' },
{ content: 'it', type: 'normal' },
],
[{ content: 'Word!', type: 'normal' }],
];
const output = markdownToLines(input);
expect(output).toEqual(expectedOutput);
});
describe('markdownToHTML', () => {
test('Basic test', () => {
const input = `This is regular text
test('markdownToHTML - Basic test', () => {
const input = `This is regular text
Here is a new line
There is some words **with a bold** section
Here is a line *with an italic* section`;
const output = markdownToHTML(input);
expect(output).toMatchInlineSnapshot(
'"<p>This is regular text<br/>Here is a new line<br/>There is some words <strong>with a bold</strong> section<br/>Here is a line <em>with an italic</em> section</p>"'
);
});
const expectedOutput = `<p>This is regular text<br/>Here is a new line<br/>There is some words <strong>with a bold</strong> section<br/>Here is a line <em>with an italic</em> section</p>`;
test('Empty input', () => {
const input = '';
const expectedOutput = '';
const output = markdownToHTML(input);
expect(output).toEqual(expectedOutput);
});
const output = markdownToHTML(input);
expect(output).toEqual(expectedOutput);
});
test('No formatting', () => {
const input = `This is a simple test
test('markdownToHTML - Empty input', () => {
const input = '';
const expectedOutput = '';
const output = markdownToHTML(input);
expect(output).toEqual(expectedOutput);
});
test('markdownToHTML - No formatting', () => {
const input = `This is a simple test
with no formatting`;
const expectedOutput = `<p>This is a simple test<br/>with no formatting</p>`;
const output = markdownToHTML(input);
expect(output).toEqual(expectedOutput);
});
test('Only bold formatting', () => {
const input = `This is a **bold** test`;
const expectedOutput = `<p>This is a <strong>bold</strong> test</p>`;
const output = markdownToHTML(input);
expect(output).toEqual(expectedOutput);
});
test('Only italic formatting', () => {
const input = `This is an *italic* test`;
const expectedOutput = `<p>This is an <em>italic</em> test</p>`;
const output = markdownToHTML(input);
expect(output).toEqual(expectedOutput);
});
test('Mixed formatting', () => {
const input = `*Italic* and **bold** formatting`;
const expectedOutput = `<p><em>Italic</em> and <strong>bold</strong> formatting</p>`;
const output = markdownToHTML(input);
expect(output).toEqual(expectedOutput);
// const expectedOutput = 'this text has some special characters: `&lt;p&gt;hi&lt;/p&gt;`';
expect(
markdownToHTML('this text has some special characters: `<p>hi</p>`')
).toMatchInlineSnapshot('"<p>this text has some special characters: </p>"');
});
const expectedOutput = `<p>This is a simple test<br/>with no formatting</p>`;
const output = markdownToHTML(input);
expect(output).toEqual(expectedOutput);
});
test('markdownToHTML - Only bold formatting', () => {
const input = `This is a **bold** test`;
const expectedOutput = `<p>This is a <strong>bold</strong> test</p>`;
const output = markdownToHTML(input);
expect(output).toEqual(expectedOutput);
});
test('markdownToHTML - Only italic formatting', () => {
const input = `This is an *italic* test`;
const expectedOutput = `<p>This is an <em>italic</em> test</p>`;
const output = markdownToHTML(input);
expect(output).toEqual(expectedOutput);
});
test('markdownToHTML - Mixed formatting', () => {
const input = `*Italic* and **bold** formatting`;
const expectedOutput = `<p><em>Italic</em> and <strong>bold</strong> formatting</p>`;
const output = markdownToHTML(input);
expect(output).toEqual(expectedOutput);
});