Fix parentheses on replaceWithMultiple for JSX

packages/babel-traverse/src/path/modification.js

@@ -115,7 +115,9 @@ export function insertAfter(nodes) {
       }),
     );
   } else if (
-    (this.isNodeType("Expression") && !this.isJSXElement()) ||
+    (this.isNodeType("Expression") &&
+      !this.isJSXElement() &&
+      !parentPath.isJSXElement()) ||
     (parentPath.isForStatement() && this.key === "init")
   ) {
     if (this.node) {

packages/babel-traverse/test/replacement.js

@@ -1,7 +1,12 @@
 import traverse from "../lib";
 import { parse } from "@babel/parser";
+import generate from "@babel/generator";
 import * as t from "@babel/types";
 
+function generateCode(path) {
+  return generate(path.parentPath.node).code;
+}
+
 describe("path/replacement", function() {
   describe("replaceWith", function() {
     it("replaces declaration in ExportDefaultDeclaration node", function() {
@@ -97,4 +102,23 @@ describe("path/replacement", function() {
       );
     });
   });
+  describe("replaceWithMultiple", () => {
+    it("ReplaceWithMultiple for a JSXElement with a JSXElement parent", () => {
+      const ast = parse(`<div><span><p></p><h></h></span></div>`, {
+        plugins: ["jsx"],
+      });
+      let path;
+      traverse(ast, {
+        Program: _path => {
+          path = _path.get("body.0");
+        },
+        JSXElement: path => {
+          if (path.node.openingElement.name.name === "span") {
+            path.replaceWithMultiple(path.node.children.filter(t.isJSXElement));
+          }
+        },
+      });
+      expect(generateCode(path)).toBe("<div><p></p><h></h></div>;");
+    });
+  });
 });