Indent Fragment's children when pretty printing. (#117)

Author: utkarshkukreti

src/index.js

@@ -69,7 +69,7 @@ function renderToString(vnode, context, opts, inner, isSvgMode, selectValue) {
 			getChildren(children, vnode.props.children);
 
 			for (let i = 0; i < children.length; i++) {
-				rendered += renderToString(children[i], context, opts, opts.shallowHighOrder!==false, isSvgMode, selectValue);
+				rendered += (i > 0 && pretty ? '\n' : '') + renderToString(children[i], context, opts, opts.shallowHighOrder!==false, isSvgMode, selectValue);
 			}
 			return rendered;
 		}

test/render.js

@@ -651,6 +651,22 @@ describe('render', () => {
 			expect(html).to.equal('<div><div>foo</div><div>bar</div></div>');
 		});
 
+		it('should indent Fragment children when pretty printing', () => {
+			let html = render(
+				<div>
+					<Fragment>
+						<div>foo</div>
+						<div>bar</div>
+						<div>
+							<div>baz</div>
+							<div>quux</div>
+						</div>
+					</Fragment>
+				</div>, undefined, { pretty: true }
+			);
+			expect(html).to.equal('<div>\n\t<div>foo</div>\n\t<div>bar</div>\n\t<div>\n\t\t<div>baz</div>\n\t\t<div>quux</div>\n\t</div>\n</div>');
+		});
+
 		it('should skip Fragment even if it has props', () => {
 			let html = render(
 				<div>