Don't treat JSXIdentifier in JSXMemberExpression as HTML tag. Closes b…

…abel#4027 (babel#4765)
panagosg7 · Jan 17, 2017 · 0af0697 · 0af0697
1 parent f7728be
commit 0af0697
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 1 deletion.
diff --git a/...react-inline-elements/test/fixtures/inline-elements/lowercase-member-expression/actual.js b/...react-inline-elements/test/fixtures/inline-elements/lowercase-member-expression/actual.js
@@ -0,0 +1,6 @@
+//index.js file
+import { form } from "./export";
+
+function ParentComponent() {
+  return <form.TestComponent />;
+}
diff --git a/...act-inline-elements/test/fixtures/inline-elements/lowercase-member-expression/expected.js b/...act-inline-elements/test/fixtures/inline-elements/lowercase-member-expression/expected.js
@@ -0,0 +1,7 @@
+"use strict";
+
+var _export = require("./export");
+
+function ParentComponent() {
+  return babelHelpers.jsx(_export.form.TestComponent, {});
+} //index.js file
diff --git a/...ct-inline-elements/test/fixtures/inline-elements/lowercase-member-expression/options.json b/...ct-inline-elements/test/fixtures/inline-elements/lowercase-member-expression/options.json
@@ -0,0 +1,9 @@
+{
+  "plugins": [
+    "external-helpers",
+    "syntax-jsx",
+    "transform-react-inline-elements",
+    "transform-react-jsx",
+    "transform-es2015-modules-commonjs"
+  ]
+}
diff --git a/packages/babel-traverse/src/path/lib/virtual-types.js b/packages/babel-traverse/src/path/lib/virtual-types.js
@@ -5,7 +5,7 @@ import * as t from "babel-types";
 export let ReferencedIdentifier = {
   types: ["Identifier", "JSXIdentifier"],
   checkPath({ node, parent }: NodePath, opts?: Object): boolean {
-    if (!t.isIdentifier(node, opts)) {
+    if (!t.isIdentifier(node, opts) && !t.isJSXMemberExpression(parent, opts)) {
       if (t.isJSXIdentifier(node, opts)) {
         if (react.isCompatTag(node.name)) return false;
       } else {