Add a descriptive error message for two adjacent JSX tags - fixes babel/babel#1682, fixes #19

Author: sebmck

inject.js

@@ -602,6 +602,9 @@ module.exports = function(acorn) {
     node.openingElement = openingElement;
     node.closingElement = closingElement;
     node.children = children;
+    if (this.type === tt.relational && this.value === "<") {
+      this.raise(this.pos, "Adjacent JSX elements must be wrapped in an enclosing tag");
+    }
     return this.finishNode(node, 'JSXElement');
   };
 

test/tests-jsx.js

@@ -3633,8 +3633,11 @@ var fbTestFixture = {
 
 if (typeof exports !== "undefined") {
   var test = require("./driver.js").test;
+  var testFail = require("./driver.js").testFail;
 }
 
+testFail("var x = <div>one</div><div>two</div>;", "Adjacent JSX elements must be wrapped in an enclosing tag (1:23)");
+
 for (var ns in fbTestFixture) {
   ns = fbTestFixture[ns];
   for (var code in ns) {