From 69c283f00f6db755cf8b9c7cf15667baf08fc52f Mon Sep 17 00:00:00 2001
From: Gazook89 <58999374+Gazook89@users.noreply.github.com>
Date: Mon, 3 Apr 2023 21:00:59 -0500
Subject: [PATCH] Set Inline unit tests grouped inside a `describe`

---
 tests/markdown/mustache-syntax.test.js | 169 ++++++++++++-------------
 1 file changed, 84 insertions(+), 85 deletions(-)

diff --git a/tests/markdown/mustache-syntax.test.js b/tests/markdown/mustache-syntax.test.js
index 0e378b711..dabcf93fa 100644
--- a/tests/markdown/mustache-syntax.test.js
+++ b/tests/markdown/mustache-syntax.test.js
@@ -9,107 +9,106 @@ String.prototype.trimReturns = function(){
 	return this.replace(/\r?\n|\r/g, '');
 };
 
-test('Renders a mustache span with text only', function() {
-	const source = '{{ text}}';
-	const rendered = Markdown.render(source);
-	expect(rendered).toBe('<span class="inline-block ">text</span>');
-});
+describe('Inline: When using the Inline syntax {{ }}', ()=>{
+	it('Renders a mustache span with text only', function() {
+		const source = '{{ text}}';
+		const rendered = Markdown.render(source);
+		expect(rendered).toBe('<span class="inline-block">text</span>');
+	});
 
-test('Renders a mustache span with text only, but with spaces', function() {
-	const source = '{{ this is a text}}';
-	const rendered = Markdown.render(source);
-	expect(rendered).toBe('<span class="inline-block ">this is a text</span>');
-});
+	it('Renders a mustache span with text only, but with spaces', function() {
+		const source = '{{ this is a text}}';
+		const rendered = Markdown.render(source);
+		expect(rendered).toBe('<span class="inline-block">this is a text</span>');
+	});
 
-test('Renders an empty mustache span', function() {
-	const source = '{{}}';
-	const rendered = Markdown.render(source);
-	expect(rendered).toBe('<span class="inline-block "></span>');
-});
+	it('Renders an empty mustache span', function() {
+		const source = '{{}}';
+		const rendered = Markdown.render(source);
+		expect(rendered).toBe('<span class="inline-block"></span>');
+	});
 
-test('Renders a mustache span with just a space', function() {
-	const source = '{{ }}';
-	const rendered = Markdown.render(source);
-	expect(rendered).toBe('<span class="inline-block "></span>');
-});
+	it('Renders a mustache span with just a space', function() {
+		const source = '{{ }}';
+		const rendered = Markdown.render(source);
+		expect(rendered).toBe('<span class="inline-block"></span>');
+	});
 
-test('Renders a mustache span with a few spaces only', function() {
-	const source = '{{     }}';
-	const rendered = Markdown.render(source);
-	expect(rendered).toBe('<span class="inline-block "></span>');
-});
+	it('Renders a mustache span with a few spaces only', function() {
+		const source = '{{     }}';
+		const rendered = Markdown.render(source);
+		expect(rendered).toBe('<span class="inline-block"></span>');
+	});
 
-test('Renders a mustache span with text and class', function() {
-	const source = '{{my-class text}}';
-	const rendered = Markdown.render(source);
-	// FIXME: why do we have those two extra spaces after closing "?
-	expect(rendered).toBe('<span class="inline-block my-class"  >text</span>');
-});
+	it('Renders a mustache span with text and class', function() {
+		const source = '{{my-class text}}';
+		const rendered = Markdown.render(source);
+		expect(rendered).toBe('<span class="inline-block my-class">text</span>');
+	});
 
-test('Renders a mustache span with text and two classes', function() {
-	const source = '{{my-class,my-class2 text}}';
-	const rendered = Markdown.render(source);
-	// FIXME: why do we have those two extra spaces after closing "?
-	expect(rendered).toBe('<span class="inline-block my-class my-class2"  >text</span>');
-});
+	it('Renders a mustache span with text and two classes', function() {
+		const source = '{{my-class,my-class2 text}}';
+		const rendered = Markdown.render(source);
+		expect(rendered).toBe('<span class="inline-block my-class my-class2">text</span>');
+	});
 
-test('Renders a mustache span with text with spaces and class', function() {
-	const source = '{{my-class this is a text}}';
-	const rendered = Markdown.render(source);
-	// FIXME: why do we have those two extra spaces after closing "?
-	expect(rendered).toBe('<span class="inline-block my-class"  >this is a text</span>');
-});
+	it('Renders a mustache span with text with spaces and class', function() {
+		const source = '{{my-class this is a text}}';
+		const rendered = Markdown.render(source);
+		expect(rendered).toBe('<span class="inline-block my-class">this is a text</span>');
+	});
 
-test('Renders a mustache span with text and id', function() {
-	const source = '{{#my-span text}}';
-	const rendered = Markdown.render(source);
-	// FIXME: why do we have that one extra space after closing "?
-	expect(rendered).toBe('<span class="inline-block " id="my-span" >text</span>');
-});
+	it('Renders a mustache span with text and id', function() {
+		const source = '{{#my-span text}}';
+		const rendered = Markdown.render(source);
+		expect(rendered).toBe('<span class="inline-block" id="my-span">text</span>');
+	});
 
-test('Renders a mustache span with text and two ids', function() {
-	const source = '{{#my-span,#my-favorite-span text}}';
-	const rendered = Markdown.render(source);
-	// FIXME: do we need to report an error here somehow?
-	expect(rendered).toBe('<span class="inline-block " id="my-span" >text</span>');
-});
+	it('Renders a mustache span with text and two ids', function() {
+		const source = '{{#my-span,#my-favorite-span text}}';
+		const rendered = Markdown.render(source);
+		// FIXME: do we need to report an error here somehow?
+		expect(rendered).toBe('<span class="inline-block" id="my-span">text</span>');
+	});
 
-test('Renders a mustache span with text and css property', function() {
-	const source = '{{color:red text}}';
-	const rendered = Markdown.render(source);
-	expect(rendered).toBe('<span class="inline-block "  style="color:red;">text</span>');
-});
+	it('Renders a mustache span with text and css property', function() {
+		const source = '{{color:red text}}';
+		const rendered = Markdown.render(source);
+		expect(rendered).toBe('<span class="inline-block" style="color:red;">text</span>');
+	});
 
-test('Renders a mustache span with text and two css properties', function() {
-	const source = '{{color:red,padding:5px text}}';
-	const rendered = Markdown.render(source);
-	expect(rendered).toBe('<span class="inline-block "  style="color:red; padding:5px;">text</span>');
-});
+	it('Renders a mustache span with text and two css properties', function() {
+		const source = '{{color:red,padding:5px text}}';
+		const rendered = Markdown.render(source);
+		expect(rendered).toBe('<span class="inline-block" style="color:red; padding:5px;">text</span>');
+	});
 
-test('Renders a mustache span with text and css property which contains quotes', function() {
-	const source = '{{font:"trebuchet ms" text}}';
-	const rendered = Markdown.render(source);
-	// FIXME: is it correct to remove quotes surrounding css property value?
-	expect(rendered).toBe('<span class="inline-block "  style="font:trebuchet ms;">text</span>');
-});
+	it('Renders a mustache span with text and css property which contains quotes', function() {
+		const source = '{{font-family:"trebuchet ms" text}}';
+		const rendered = Markdown.render(source);
+		expect(rendered).toBe('<span class="inline-block" style="font-family:trebuchet ms;">text</span>');
+	});
 
-test('Renders a mustache span with text and two css properties which contains quotes', function() {
-	const source = '{{font:"trebuchet ms",padding:"5px 10px" text}}';
-	const rendered = Markdown.render(source);
-	expect(rendered).toBe('<span class="inline-block "  style="font:trebuchet ms; padding:5px 10px;">text</span>');
-});
+	it('Renders a mustache span with text and two css properties which contains quotes', function() {
+		const source = '{{font-family:"trebuchet ms",padding:"5px 10px" text}}';
+		const rendered = Markdown.render(source);
+		expect(rendered).toBe('<span class="inline-block" style="font-family:trebuchet ms; padding:5px 10px;">text</span>');
+	});
 
 
-test('Renders a mustache span with text with quotes and css property which contains quotes', function() {
-	const source = '{{font:"trebuchet ms" text "with quotes"}}';
-	const rendered = Markdown.render(source);
-	expect(rendered).toBe('<span class="inline-block "  style="font:trebuchet ms;">text “with quotes”</span>');
-});
+	it('Renders a mustache span with text with quotes and css property which contains quotes', function() {
+		const source = '{{font-family:"trebuchet ms" text "with quotes"}}';
+		const rendered = Markdown.render(source);
+		expect(rendered).toBe('<span class="inline-block" style="font-family:trebuchet ms;">text “with quotes”</span>');
+	});
+
+	it('Renders a mustache span with text, id, class and a couple of css properties', function() {
+		const source = '{{pen,#author,color:orange,font-family:"trebuchet ms" text}}';
+		const rendered = Markdown.render(source);
+		expect(rendered).toBe('<span class="inline-block pen" id="author" style="color:orange; font-family:trebuchet ms;">text</span>');
+	});
+
 
-test('Renders a mustache span with text, id, class and a couple of css properties', function() {
-	const source = '{{pen,#author,color:orange,font-family:"trebuchet ms" text}}';
-	const rendered = Markdown.render(source);
-	expect(rendered).toBe('<span class="inline-block pen" id="author" style="color:orange; font-family:trebuchet ms;">text</span>');
 });
 
 // TODO: add tests for ID with accordance to CSS spec: