TEST (common): add more tests to common components

__tests__/components/common/AsciiDoc.spec.js

@@ -0,0 +1,16 @@
+import Asciidoc from 'components/common/AsciiDoc';
+
+const setup = (props) => shallow(<Asciidoc { ...props }/>);
+const text = `bold *constrained* & **un**constrained
+
+italic _constrained_ & __un__constrained
+
+bold italic *_constrained_* & **__un__**constrained`;
+
+describe('COMPONENTS - <Asciidoc>', () => {
+  test('render Asciidoc', () => {
+    const component = setup({ text });
+
+    expect(component).toMatchSnapshot();
+  });
+});

__tests__/components/common/Markdown.spec.js

@@ -0,0 +1,37 @@
+import { Markdown } from 'components/common/Markdown';
+
+const setup = (props) => shallow(<Markdown { ...props }/>);
+const text = '#hello' +
+  '\n' +
+  'Paragraph **with** _stuff_' +
+  '\n' +
+  '```' + '\n' +
+  'code' + '\n' +
+  '```' + '\n' +
+  '\n' +
+  '> quote' +
+  '\n' +
+  '[link](https://wwww.gistoapp.com)';
+
+const textWithEmoji = `${text} :100:`;
+
+describe('COMPONENTS - <Markdown>', () => {
+  test('render Markdown', () => {
+    const component = setup({
+      text
+    });
+
+    expect(component).toMatchSnapshot();
+  });
+
+  test('render Markdown with emoji', () => {
+    const component = setup({
+      text: textWithEmoji,
+      emoji: ({
+        100: 'https://dummy-emoji.url'
+      })
+    });
+
+    expect(component).toMatchSnapshot();
+  });
+});

__tests__/components/common/__snapshots__/AsciiDoc.spec.js.snap

@@ -0,0 +1,20 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`COMPONENTS - <Asciidoc> render Asciidoc 1`] = `
+<div
+  className="markdown-body undefined"
+  dangerouslySetInnerHTML={
+    Object {
+      "__html": "<div class=\\"paragraph\\">
+<p>bold <strong>constrained</strong> &amp; <strong>un</strong>constrained</p>
+</div>
+<div class=\\"paragraph\\">
+<p>italic <em>constrained</em> &amp; <em>un</em>constrained</p>
+</div>
+<div class=\\"paragraph\\">
+<p>bold italic <strong><em>constrained</em></strong> &amp; <strong><em>un</em></strong>constrained</p>
+</div>",
+    }
+  }
+/>
+`;

__tests__/components/common/__snapshots__/Markdown.spec.js.snap

@@ -0,0 +1,35 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`COMPONENTS - <Markdown> render Markdown 1`] = `
+<div
+  className="markdown-body undefined"
+  dangerouslySetInnerHTML={
+    Object {
+      "__html": "<p>#hello
+Paragraph <strong>with</strong> <em>stuff</em></p>
+<pre><code><span class=\\"hljs-keyword\\">code</span></code></pre><blockquote>
+<p>quote
+<a href=\\"https://wwww.gistoapp.com\\">link</a></p>
+</blockquote>
+",
+    }
+  }
+/>
+`;
+
+exports[`COMPONENTS - <Markdown> render Markdown with emoji 1`] = `
+<div
+  className="markdown-body undefined"
+  dangerouslySetInnerHTML={
+    Object {
+      "__html": "<p>#hello
+Paragraph <strong>with</strong> <em>stuff</em></p>
+<pre><code><span class=\\"hljs-keyword\\">code</span></code></pre><blockquote>
+<p>quote
+<a href=\\"https://wwww.gistoapp.com\\">link</a> <img src=\\"https://dummy-emoji.url\\" style=\\"width: 18px;vertical-align: middle;background: transparent;\\"/></p>
+</blockquote>
+",
+    }
+  }
+/>
+`;

src/components/common/Markdown.js

@@ -6,7 +6,7 @@ import 'highlight.js/styles/default.css';
 import hljs from 'highlight.js';
 import { get } from 'lodash/fp';
 
-const Markdown = ({ text, className, emoji }) => {
+export const Markdown = ({ text, className, emoji }) => {
   const md = (textInput)  => {
     const renderer = new marked.Renderer();