[JSX] Don't wrap JSX Elements in parentheses if they are inside JSX Expression Containers (#845)

src/printer.js

@@ -2677,6 +2677,7 @@ function maybeWrapJSXElementInParens(path, elem, options) {
 
   const NO_WRAP_PARENTS = {
     JSXElement: true,
+    JSXExpressionContainer: true,
     ExpressionStatement: true,
     CallExpression: true,
     ConditionalExpression: true,

tests/jsx/__snapshots__/jsfmt.spec.js.snap

@@ -60,7 +60,13 @@ exports[`expression.js 1`] = `
     this.props.veryBigItemImageViewFunc(option)}
   heading={this.props.displayTextFunc(option)}
   value={option}
-/>
+/>;
+
+<ParentComponent prop={
+  <Child>
+    test
+  </Child>
+}/>;
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 <View
   style={{
@@ -122,6 +128,14 @@ exports[`expression.js 1`] = `
   heading={this.props.displayTextFunc(option)}
   value={option}
 />;
+
+<ParentComponent
+  prop={
+    <Child>
+      test
+    </Child>
+  }
+/>;
 "
 `;
 

tests/jsx/expression.js

@@ -57,4 +57,10 @@
     this.props.veryBigItemImageViewFunc(option)}
   heading={this.props.displayTextFunc(option)}
   value={option}
-/>
+/>;
+
+<ParentComponent prop={
+  <Child>
+    test
+  </Child>
+}/>;