feat(deep): handle deeply set functions

like `<div a={{b: function hello() {}}} />`

BREAKING CHANGE: functions are now stringified to `function noRefCheck()
{}` instead of `function () {code;}`. For various reasons AND to be
specific about the fact that we do not represent the function in a
realistic way.

Author: vvo

README.md

@@ -16,8 +16,8 @@ Turn a ReactElement into the corresponding JSX string.
 Useful for unit testing and any other need you may think of.
 
 Features:
-- supports nesting
-- props: supports string, number, function (inlined as `prop={function () {code;}}`), object, ReactElement (inlined), regex..
+- supports nesting and deep nesting like `<div a={{b: {c: {d: <div />}}}} />`
+- props: supports string, number, function (inlined as `prop={function noRefCheck() {}}`), object, ReactElement (inlined), regex..
 - order props alphabetically
 - sort object keys in a deterministic order (`o={{a: 1, b:2}} === o={{b:2, a:1}}`)
 - React's documentation indent style for JSX

index-test.js

@@ -28,13 +28,13 @@ describe(`reactElementToJSXString(ReactElement)`, () => {
   it(`reactElementToJSXString(<div fn={() => {}}/>)`, () => {
     expect(
       reactElementToJSXString(<div fn={() => {}}/>)
-    ).toEqual(`<div fn={function () {code;}} />`);
+    ).toEqual(`<div fn={function noRefCheck() {}} />`);
   });
 
   it(`reactElementToJSXString(<div fn={function hello(){}}/>)`, () => {
     expect(
       reactElementToJSXString(<div fn={function hello() {}}/>)
-    ).toEqual(`<div fn={function () {code;}} />`);
+    ).toEqual(`<div fn={function noRefCheck() {}} />`);
   });
 
   it(`reactElementToJSXString(<div co={<div a="1" />} />)`, () => {
@@ -175,4 +175,11 @@ describe(`reactElementToJSXString(ReactElement)`, () => {
       reactElementToJSXString(<div a={undefined} />)
     );
   });
+
+  it(`reactElementToJSXString(<div a={{b: function hello() {}}} />`, () => {
+    expect(
+      reactElementToJSXString(<div a={{b: function hello() {}}} />)
+    ).toEqual(`<div a={{b: function noRefCheck() {}}} />`);
+  });
+
 });

index.js

@@ -97,7 +97,7 @@ function formatPropValue(propValue) {
 
 function formatValue(value) {
   if (typeof value === 'function') {
-    return `function () {code;}`;
+    return function noRefCheck() {};
   } else if (isElement(value)) {
     return toJSXString({ReactElement: value, inline: true});
   } else if (value && Object.keys(value).length > 0) {