simple tests

Author: ToBinio

app/services/mermaid.js

@@ -0,0 +1,81 @@
+import { module, test } from 'qunit';
+
+import { setupTest } from 'cargo/tests/helpers';
+
+let SIMPLE_HTML = `<h1>Test</h1> 
+<div>
+<p>testing Mermaid</p>
+<p>testing <strong>Mermaid2</strong></p>
+</div>
+`;
+
+let CODE_HTML = `<h1>Test</h1> 
+<div>
+<p>testing Mermaid</p>
+<p>testing <strong>Mermaid2</strong></p>
+</div>
+<pre><code class='language-rust'>use serde::{Serialize, Deserialize};
+
+#[derive(Serialize, Deserialize, Debug)]
+struct Point {
+    x: i32,
+    y: i32,
+}
+</code></pre>
+`;
+
+let INVALID_MERMAID_HTML = `
+<h1>Test</h1> 
+<div>
+<p>testing Mermaid</p>
+<p>testing <strong>Mermaid2</strong></p>
+<pre><code class='language-mermaid'>pie title What Voldemort doesn't have?
+         "FRIENDS"
+         "FAMILY" : 3
+         "NOSE" : 45
+</code></pre>
+</div>
+`;
+
+let VALID_MERMAID_HTML = `
+<h1>Test</h1> 
+<div>
+<p>testing Mermaid</p>
+<p>testing <strong>Mermaid2</strong></p>
+<pre><code class='language-mermaid'>pie title What Voldemort doesn't have?
+         "FRIENDS" : 2
+         "FAMILY" : 3
+         "NOSE" : 45
+</code></pre>
+</div>
+`;
+
+module('Unit | Service | mermaid', function (hooks) {
+  setupTest(hooks);
+
+  test('html does not change', async function (assert) {
+    let service = this.owner.lookup('service:mermaid');
+
+    let parser = new DOMParser();
+
+    let testCases = [SIMPLE_HTML, CODE_HTML, INVALID_MERMAID_HTML];
+
+    for (let testCase of testCases) {
+      let baseHtml = parser.parseFromString(testCase, 'text/html');
+      let mermaidHtml = parser.parseFromString(await service.render(testCase), 'text/html');
+
+      assert.true(baseHtml.isEqualNode(mermaidHtml));
+    }
+  });
+
+  test('mermaid code is rendered', async function (assert) {
+    let service = this.owner.lookup('service:mermaid');
+
+    let render = await service.render(VALID_MERMAID_HTML);
+
+    let parser = new DOMParser();
+    let html = parser.parseFromString(render, 'text/html');
+
+    assert.strictEqual(html.querySelectorAll('pre > code.language-mermaid > svg').length, 1);
+  });
+});