Fix display issue for objects with length property

Author: superfaz

src/js/components/JsonViewer.js

@@ -8,9 +8,10 @@ export default class extends React.PureComponent {
         const namespace = [props.name];
         let ObjectComponent = JsonObject;
 
+        const size = Array.isArray(props.src) ? props.src.length: Object.keys(props.src).length;
         if (
             props.groupArraysAfterLength &&
-            props.src.length > props.groupArraysAfterLength
+            size > props.groupArraysAfterLength
         ) {
             ObjectComponent = ArrayGroup;
         }

test/tests/js/Index-test.js

@@ -117,4 +117,17 @@ describe("<Index />", function() {
         )
         expect(wrapper.find(".array-group")).to.have.length(3)
     })
+
+    it("length is correct even if an object has a length property", function () {
+        const wrapper = render(
+            <Index
+                src={{
+                    first: "first property",
+                    second: "second property",
+                    length: 1000
+                }}
+            />
+        )
+        expect(wrapper.find(".object-size")).to.have.length(1)
+    })
 })