Fix rendering of inline code tags. (#81)

quantizor · Sep 25, 2016 · 4249c15 · 4249c15
1 parent cd8068b
commit 4249c15
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/index.js b/index.js
@@ -411,7 +411,7 @@ export default function markdownToJSX(markdown, {overrides = {}} = {}) {
 
         const key = index || '0';
 
-        if (ast.type === 'code') {
+        if (ast.type === 'code' && ast.value) {
             return (
                 <pre key={key}>
                     <code className={`lang-${ast.lang}`}>

diff --git a/index.spec.js b/index.spec.js
@@ -543,6 +543,16 @@ describe('markdown-to-jsx', () => {
             expect($element.children[0].tagName).toBe('STRONG');
             expect($element.children[0].textContent).toBe('Hello');
         });
+
+        it('renders inline <code> tags', () => {
+            const element = render(converter('Text and <code>**code**</code>'));
+            const $element = dom(element);
+
+            expect($element.tagName).toBe('P');
+            expect($element.children[0].tagName).toBe('CODE');
+            expect($element.children[0].children[0].tagName).toBe('STRONG');
+            expect($element.children[0].children[0].textContent).toBe('code');
+        });
     });
 
     describe('horizontal rules', () => {