Use <br> for inline text nodes with only a single newline. (#714)

DocC generates a single text node with a newline character to represent
a hard line break that can be expressed in markdown using the "\"
character to end a line that is followed immediately by a next line of
text.

Resolves: rdar://101684224

Author: mportiz08

src/components/ContentNode.vue

@@ -478,7 +478,11 @@ function renderNode(createElement, references) {
         renderChildren(node.inlineContent)
       ));
     case InlineType.text:
-      return node.text;
+      return node.text === '\n' ? (
+        createElement('br')
+      ) : (
+        node.text
+      );
     case InlineType.superscript:
       return createElement('sup', renderChildren(node.inlineContent));
     case InlineType.subscript:

tests/unit/components/ContentNode.spec.js

@@ -1344,6 +1344,15 @@ describe('ContentNode', () => {
       const content = wrapper.find('.content');
       expect(content.text()).toBe('foobar');
     });
+
+    it('renders a <br> if the text is a single newline', () => {
+      const wrapper = mountWithItem({
+        type: 'text',
+        text: '\n',
+      });
+      const br = wrapper.find('.content br');
+      expect(br.exists()).toBe(true);
+    });
   });
 
   describe('with type="table"', () => {