import { expect } from "chai";
import dedent from 'dedent-js'; // https://stackoverflow.com/questions/25924057/multiline-strings-that-dont-break-indentation
import "mocha";
import { HTMLTableRenderer, MinifiedMultiMarkdownTableRenderer, MultiMarkdownTableParser, PrettyMultiMarkdownTableRenderer } from "../../index.js";
describe("Mixed MultiMarkdown test", () => {
let htmlPrettyRenderer: HTMLTableRenderer;
let mmdParser: MultiMarkdownTableParser;
let mmdPrettyRenderer: PrettyMultiMarkdownTableRenderer;
let mmdMinifiedRenderer: MinifiedMultiMarkdownTableRenderer;
before(() => {
htmlPrettyRenderer = new HTMLTableRenderer(true, " ".repeat(4));
mmdParser = new MultiMarkdownTableParser();
mmdPrettyRenderer = new PrettyMultiMarkdownTableRenderer();
mmdMinifiedRenderer = new MinifiedMultiMarkdownTableRenderer();
});
describe("converting between Markdown and HTML", () => {
it("should convert the grades table", () => {
let table = mmdParser.parse(dedent`
| Punkte | Note |||
|:------:|:---|----|--------------|
| 15 | 1+ | 1 | sehr gut |
| 14 | 1 | ^^ | ^^ |
| 13 | 1- | ^^ | ^^ |
| 12 | 2+ | 2 | gut |
| 11 | 2 | ^^ | ^^ |
| 10 | 2- | ^^ | ^^ |
| 9 | 3+ | 3 | befriedigend |
| 8 | 3 | ^^ | ^^ |
| 7 | 3- | ^^ | ^^ |
| 6 | 4+ | 4 | ausreichend |
| 5 | 4 | ^^ | ^^ |
| 4 | 4- | ^^ | ^^ |
| 3 | 5+ | 5 | mangelhaft |
| 2 | 5 | ^^ | ^^ |
| 1 | 5- | ^^ | ^^ |
| 0 | 6 | 6 | ungenügend |`);
let htmlTable = htmlPrettyRenderer.render(table);
expect(htmlTable).to.equal(dedent`
| Punkte |
Note |
| 15 |
1+ |
1 |
sehr gut |
| 14 |
1 |
| 13 |
1- |
| 12 |
2+ |
2 |
gut |
| 11 |
2 |
| 10 |
2- |
| 9 |
3+ |
3 |
befriedigend |
| 8 |
3 |
| 7 |
3- |
| 6 |
4+ |
4 |
ausreichend |
| 5 |
4 |
| 4 |
4- |
| 3 |
5+ |
5 |
mangelhaft |
| 2 |
5 |
| 1 |
5- |
| 0 |
6 |
6 |
ungenügend |
`);
});
it("should format multiline tables", () => {
let table = mmdParser.parse(dedent`
| Markdown | Rendered HTML |
|--------------|---------------|
| *Italic* | *Italic* | \\
| | |
| - Item 1 | - Item 1 | \\
| - Item 2 | - Item 2 |
| \`\`\`python | \`\`\`python \\
| .1 + .2 | .1 + .2 \\
| \`\`\` | \`\`\` |
`);
let prettyTable = mmdPrettyRenderer.render(table);
expect(prettyTable).to.equal(dedent`
| Markdown | Rendered HTML |
|-----------|---------------|
| *Italic* | *Italic* | \\
| | |
| - Item 1 | - Item 1 | \\
| - Item 2 | - Item 2 |
| \`\`\`python | \`\`\`python | \\
| .1 + .2 | .1 + .2 | \\
| \`\`\` | \`\`\` |`);
});
it("should minify multiline tables", () => {
let table = mmdParser.parse(dedent`
| Markdown | Rendered HTML |
|--------------|---------------|
| *Italic* | *Italic* | \\
| | |
| - Item 1 | - Item 1 | \\
| - Item 2 | - Item 2 |
| \`\`\`python | \`\`\`python \\
| .1 + .2 | .1 + .2 \\
| \`\`\` | \`\`\` |
`);
let minifiedTable = mmdMinifiedRenderer.render(table);
expect(minifiedTable).to.equal(dedent`
Markdown|Rendered HTML
-|-
*Italic*|*Italic* \\
| | |
- Item 1|- Item 1 \\
- Item 2|- Item 2
\`\`\`python|\`\`\`python \\
.1 + .2|.1 + .2 \\
\`\`\`|\`\`\``);
});
it("should convert multiline tables into HTML", () => {
let table = mmdParser.parse(dedent`
| Markdown | Rendered HTML |
|--------------|---------------|
| *Italic* | *Italic* | \\
| | |
| - Item 1 | - Item 1 | \\
| - Item 2 | - Item 2 |
| \`\`\`python | \`\`\`python \\
| .1 + .2 | .1 + .2 \\
| \`\`\` | \`\`\` |
`);
table.mergeMultilineRows(); // Without merging them beforehand, the HTML table won't be rendered correctly.
let htmlTable = htmlPrettyRenderer.render(table);
expect(htmlTable).to.equal(dedent`
| Markdown |
Rendered HTML |
| Italic |
Italic |
- Item 1
- Item 2 |
- Item 1
- Item 2 |
.1 + .2 |
.1 + .2 |
`);
});
it("should support full-width characters multiline tables", () => {
let table = mmdParser.parse(dedent`
| Markdown | Rendered HTML |
|--------------|---------------|
| *Italic* | *Italic* | \\
| | |
| - Item 1 | - Item 1 | \\
| - Item 2 | - Item 2 |
| \`\`\`python | \`\`\`python \\
| .1 + .2 | .1 + .2 \\
| \`\`\` | \`\`\` |
| 中文字 | 長度不一樣 |
`);
let prettyTable = mmdPrettyRenderer.render(table);
expect(prettyTable).to.equal(dedent`
| Markdown | Rendered HTML |
|-----------|---------------|
| *Italic* | *Italic* | \\
| | |
| - Item 1 | - Item 1 | \\
| - Item 2 | - Item 2 |
| \`\`\`python | \`\`\`python | \\
| .1 + .2 | .1 + .2 | \\
| \`\`\` | \`\`\` |
| 中文字 | 長度不一樣 |`);
});
});
});