www-lib-markdown/jstest/BlockTests.js

class BlockTests extends BaseTest {
	/** @type {Markdown} */
	parser;
	md(markdown) {
		return normalizeWhitespace(this.parser.toHTML(markdown));
	}

	setUp() {
		this.parser = Markdown.completeParser;
	}

	test_paragraphs() {
		let markdown = "Lorem ipsum\n\nDolor sit amet";
		let expected = "<p>Lorem ipsum</p><p>Dolor sit amet</p>";
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}

	test_paragraph_lineGrouping() {
		let markdown = "Lorem ipsum\ndolor sit amet";
		let expected = "Lorem ipsum dolor sit amet";
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}

	test_header_underlineH1() {
		let markdown = "Header 1\n===\n\nLorem ipsum";
		let expected = "<h1>Header 1</h1><p>Lorem ipsum</p>";
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}

	test_header_underlineH2() {
		let markdown = "Header 2\n---\n\nLorem ipsum";
		let expected = "<h2>Header 2</h2><p>Lorem ipsum</p>";
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}

	test_header_hash() {
		let markdown = "# Header 1\n## Header 2\n### Header 3\n#### Header 4\n##### Header 5\n###### Header 6\n";
		let expected = '<h1>Header 1</h1><h2>Header 2</h2><h3>Header 3</h3><h4>Header 4</h4><h5>Header 5</h5><h6>Header 6</h6>';
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}

	test_header_hash_trailing() {
		let markdown = "# Header 1 #\n## Header 2 ##\n### Header 3 ######";
		let expected = '<h1>Header 1</h1><h2>Header 2</h2><h3>Header 3</h3>';
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}

	test_unorderedList() {
		let markdown = "* Lorem\n* Ipsum\n* Dolor";
		let expected = '<ul><li>Lorem</li><li>Ipsum</li><li>Dolor</li></ul>';
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}

	test_unorderedList_nested() {
		let markdown = "* Lorem\n + Ipsum\n* Dolor";
		let expected = '<ul><li>Lorem<ul><li>Ipsum</li></ul></li><li>Dolor</li></ul>';
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}

	test_unorderedList_hitch() {
		// This incomplete bulleted list locked up the browser at one
		// point, not forever but a REALLY long time
		this.profile(1.0, () => {
			let markdown = "Testing\n\n* ";
			let expected = '<p>Testing</p><ul><li></li></ul>';
			let actual = this.md(markdown);
			this.assertEqual(expected, actual);
		});
	}

	test_orderedList() {
		let markdown = "1. Lorem\n1. Ipsum\n5. Dolor";
		let expected = '<ol><li>Lorem</li><li>Ipsum</li><li>Dolor</li></ol>';
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}

	test_orderedList_numbering() {
		let markdown = "4. Lorem\n1. Ipsum\n9. Dolor";
		let expected = '<ol start="4"><li>Lorem</li><li>Ipsum</li><li>Dolor</li></ol>';
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}

	test_orderedList_nested1() {
		let markdown = "1. Lorem\n 1. Ipsum\n1. Dolor";
		let expected = '<ol><li>Lorem<ol><li>Ipsum</li></ol></li><li>Dolor</li></ol>';
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}

	test_orderedList_nested2() {
		let markdown = "1. Lorem\n 1. Ipsum\n      1. Dolor\n 1. Sit\n1. Amet";
		let expected = '<ol><li>Lorem<ol><li>Ipsum<ol><li>Dolor</li></ol></li><li>Sit</li></ol></li><li>Amet</li></ol>';
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}

	test_blockquote() {
		let markdown = '> Lorem ipsum dolor';
		let expected = '<blockquote>Lorem ipsum dolor</blockquote>';
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}

	test_blockquote_paragraphs() {
		let markdown = '> Lorem ipsum dolor\n>\n>Sit amet';
		let expected = '<blockquote><p>Lorem ipsum dolor</p><p>Sit amet</p></blockquote>';
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}

	test_blockquote_list() {
		let markdown = '> 1. Lorem\n> 2. Ipsum';
		let expected = '<blockquote><ol><li>Lorem</li><li>Ipsum</li></ol></blockquote>';
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}

	test_codeBlock_indented() {
		let markdown = "Code\n\n    function foo() {\n        return 'bar';\n    }\n\nend";
		let expected = "<p>Code</p>\n\n<pre><code>function foo() {\n    return 'bar';\n}</code></pre>\n\n<p>end</p>";
		let actual = this.parser.toHTML(markdown).trim(); // don't normalize whitespace
		this.assertEqual(expected.replace(/ /g, '⎵'), actual.replace(/ /g, '⎵'));
	}

	test_codeBlock_fenced() {
		let markdown = "Code\n\n```\nfunction foo() {\n    return 'bar';\n}\n```\n\nend";
		let expected = "<p>Code</p>\n\n<pre><code>function foo() {\n    return 'bar';\n}</code></pre>\n\n<p>end</p>";
		let actual = this.parser.toHTML(markdown).trim(); // don't normalize whitespace
		this.assertEqual(expected.replace(/ /g, '⎵'), actual.replace(/ /g, '⎵'));
	}

	test_codeBlock_fenced_language() {
		let markdown = "Code\n\n```javascript\nfunction foo() {\n    return 'bar';\n}\n```\n\nend";
		let expected = "<p>Code</p>\n\n<pre><code class=\"language-javascript\">function foo() {\n    return 'bar';\n}</code></pre>\n\n<p>end</p>";
		let actual = this.parser.toHTML(markdown).trim(); // don't normalize whitespace
		this.assertEqual(expected.replace(/ /g, '⎵'), actual.replace(/ /g, '⎵'));
	}

	test_horizontalRule() {
		let markdown = "Before\n\n---\n\n- - -\n\n***\n\n* * * * * * *\n\nafter";
		let expected = "<p>Before</p><hr><hr><hr><hr><p>after</p>";
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}

	test_table_unfenced() {
		let markdown = "Column A | Column B | Column C\n--- | --- | ---\n1 | 2 | 3\n4 | 5 | 6";
		let expected = "<table><thead><tr><th>Column A</th><th>Column B</th><th>Column C</th></tr></thead><tbody><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr></tbody></table>";
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}

	test_table_fenced() {
		let markdown = "| Column A | Column B | Column C |\n| --- | --- | --- |\n| 1 | 2 | 3\n4 | 5 | 6 |";
		let expected = "<table><thead><tr><th>Column A</th><th>Column B</th><th>Column C</th></tr></thead><tbody><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr></tbody></table>";
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}

	test_table_alignment() {
		let markdown = 'Column A | Column B | Column C\n' +
			':--- | :---: | ---:\n' +
			'1 | 2 | 3\n' +
			'4 | 5 | 6';
		let expected = '<table>' +
			'<thead>' +
			'<tr>' +
			'<th style="text-align: left;">Column A</th>' +
			'<th style="text-align: center;">Column B</th>' +
			'<th style="text-align: right;">Column C</th>' +
			'</tr>' +
			'</thead>' +
			'<tbody>' +
			'<tr>' +
			'<td style="text-align: left;">1</td>' +
			'<td style="text-align: center;">2</td>' +
			'<td style="text-align: right;">3</td>' +
			'</tr>' +
			'<tr>' +
			'<td style="text-align: left;">4</td>' +
			'<td style="text-align: center;">5</td>' +
			'<td style="text-align: right;">6</td>' +
			'</tr>' +
			'</tbody>' +
			'</table>';
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}

	test_table_holes() {
		let markdown = 'Column A||Column C\n' +
			'---|---|---\n' +
			'|1|2||\n' +
			'|4||6|\n' +
			'||8|9|';
		let expected = '<table>' +
			'<thead>' +
			'<tr>' +
			'<th>Column A</th>' +
			'<th></th>' +
			'<th>Column C</th>' +
			'</tr>' +
			'</thead>' +
			'<tbody>' +
			'<tr>' +
			'<td>1</td>' +
			'<td>2</td>' +
			'<td></td>' +
			'</tr>' +
			'<tr>' +
			'<td>4</td>' +
			'<td></td>' +
			'<td>6</td>' +
			'</tr>' +
			'<tr>' +
			'<td></td>' +
			'<td>8</td>' +
			'<td>9</td>' +
			'</tr>' +
			'</tbody>' +
			'</table>';
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}

	test_definitionList() {
		let markdown = 'term\n' +
			': definition\n' +
			'another' +
			' term\n' +
			': def 1\n' +
			' broken on next line\n' +
			': def 2';
		let expected = '<dl>' +
			'<dt>term</dt>' +
			'<dd>definition</dd>' +
			'<dt>another term</dt>' +
			'<dd>def 1 broken on next line</dd>' +
			'<dd>def 2</dd>' +
			'</dl>';
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}

	test_footnotes() {
		let markdown = 'Lorem ipsum[^1] dolor[^abc] sit[^1] amet\n\n[^1]: A footnote\n[^abc]: Another footnote';
		let expected = '<p>Lorem ipsum<sup class="footnote" id="footnoteref_1"><a href="#footnote_1">1</a></sup> ' +
			'dolor<sup class="footnote" id="footnoteref_2"><a href="#footnote_2">2</a></sup> ' +
			'sit<sup class="footnote" id="footnoteref_3"><a href="#footnote_1">1</a></sup> amet</p>' +
			'<div class="footnotes">' +
			'<ol>' +
			'<li value="1" id="footnote_1">A footnote <a href="#footnoteref_1" class="footnote-backref">↩︎</a><a href="#footnoteref_3" class="footnote-backref">↩︎</a></li>' +
			'<li value="2" id="footnote_2">Another footnote <a href="#footnoteref_2" class="footnote-backref">↩︎</a></li>' +
			'</ol>' +
			'</div>';
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}

	test_abbreviations() {
		let markdown = 'Lorem ipsum HTML dolor HTML sit\n' +
			'\n' +
			'*[HTML]: Hypertext Markup Language';
		let expected = '<p>Lorem ipsum <abbr title="Hypertext Markup Language">HTML</abbr> dolor <abbr title="Hypertext Markup Language">HTML</abbr> sit</p>';
		let actual = this.md(markdown);
		this.assertEqual(expected, actual);
	}
}