fix: Fixed render with children (#45)

* Fixed renderToJson when it's executed with a non-root node

* Removed debug file

.eslintrc

@@ -108,16 +108,11 @@ rules:
     prefer-spread: 2
     max-len: [2, 260]
     no-template-curly-in-string: 2
+    generator-star-spacing: [2, both]
+    object-shorthand: [2, always]
+    arrow-parens: [2, as-needed]
 
     react/jsx-uses-react: 2
     react/jsx-uses-vars: 2
 
-    # disable builtin rules that are incompatible with Babel plugin ones
-    generator-star-spacing: 0
-    object-shorthand: 0
-    arrow-parens: 0
-
-    babel/generator-star-spacing: [2, both]
-    babel/object-shorthand: [2, always]
-    babel/arrow-parens: [2, as-needed]
     babel/no-await-in-loop: 2

.gitignore

@@ -2,3 +2,4 @@ node_modules
 coverage
 build
 /serializer.js
+npm-debug.log

src/render.js

@@ -3,7 +3,9 @@ import compact from 'lodash.compact';
 const renderChildToJson = child => {
     if(!child) return null;
 
-    if(child.type === 'tag') {
+    if(child.type === 'root') {
+        return renderChildToJson(child.children[0]);
+    } else if(child.type === 'tag') {
         return {
             type: child.name,
             props: child.attribs,
@@ -15,4 +17,4 @@ const renderChildToJson = child => {
     }
 };
 
-export default wrapper => renderChildToJson(wrapper.children()[0]);
+export default wrapper => renderChildToJson(wrapper[0]);

tests/core/__snapshots__/render.test.js.snap

@@ -32,4 +32,15 @@ exports[`test converts basic pure render 1`] = `
 </div>
 `;
 
+exports[`test renders the whole list 1`] = `
+<ul>
+  <li>
+    0
+  </li>
+  <li>
+    1
+  </li>
+</ul>
+`;
+
 exports[`test handles a component which returns null 1`] = `null`;

tests/core/fixtures/pure-function.js

@@ -16,3 +16,14 @@ export function BasicWithUndefined(props) {
         <button disabled={props.disabled}>Hello</button>
     );
 }
+
+export function BasicWithAList() {
+    return (
+        <div>
+            <ul>
+                <li>0</li>
+                <li>1</li>
+            </ul>
+        </div>
+    );
+}

tests/core/render.test.js

@@ -3,7 +3,7 @@
 import React from 'react';
 import { render } from 'enzyme';
 import { renderToJson } from '../../src';
-import { BasicPure } from './fixtures/pure-function';
+import { BasicPure, BasicWithAList } from './fixtures/pure-function';
 import { BasicClass, ClassWithNull } from './fixtures/class';
 
 it('converts basic pure render', () => {
@@ -22,6 +22,11 @@ it('converts basic class render', () => {
     expect(renderToJson(rendered)).toMatchSnapshot();
 });
 
+it('renders the whole list', () => {
+    const wrapper = render(<BasicWithAList />);
+    expect(renderToJson(wrapper.find('ul'))).toMatchSnapshot();
+});
+
 it('handles a component which returns null', () => {
     const rendered = render(
       <ClassWithNull />