From ce420ba51c68591e057696ef43e028f41c6e04cd Mon Sep 17 00:00:00 2001
From: Claudio Procida <claudio.procida@gmail.com>
Date: Tue, 9 Jan 2018 09:42:05 +0100
Subject: [PATCH] Fixes React isCompatTag validator accepting leading dash
 character (#7164)

---
 .../src/validators/react/isCompatTag.js       |  3 +-
 packages/babel-types/test/validators.js       | 46 +++++++++++++++++++
 2 files changed, 48 insertions(+), 1 deletion(-)

diff --git a/packages/babel-types/src/validators/react/isCompatTag.js b/packages/babel-types/src/validators/react/isCompatTag.js
index 283d1ca7cc..7f329bec71 100644
--- a/packages/babel-types/src/validators/react/isCompatTag.js
+++ b/packages/babel-types/src/validators/react/isCompatTag.js
@@ -1,4 +1,5 @@
 // @flow
 export default function isCompatTag(tagName?: string): boolean {
-  return !!tagName && /^[a-z]|-/.test(tagName);
+  // Must start with a lowercase ASCII letter
+  return !!tagName && /^[a-z]/.test(tagName);
 }
diff --git a/packages/babel-types/test/validators.js b/packages/babel-types/test/validators.js
index 5b6fcaf543..f3466fa3c7 100644
--- a/packages/babel-types/test/validators.js
+++ b/packages/babel-types/test/validators.js
@@ -32,6 +32,52 @@ suite("validators", function() {
     });
   });
 
+  suite("isCompatTag", function() {
+    it("should handle lowercase tag names", function() {
+      assert(t.react.isCompatTag("div"));
+      assert(t.react.isCompatTag("a")); // one letter
+      assert(t.react.isCompatTag("h3")); // letters and numbers
+    });
+
+    it("should handle custom element tag names", function() {
+      assert(t.react.isCompatTag("plastic-button")); // ascii letters
+      assert(t.react.isCompatTag("math-α")); // non-latin chars
+      assert(t.react.isCompatTag("img-viewer2")); // numbers
+      assert(t.react.isCompatTag("emotion-😍")); // emoji
+    });
+
+    it("accepts trailing dash '-' in custom element tag names", function() {
+      assert(t.react.isCompatTag("div-"));
+      assert(t.react.isCompatTag("a-"));
+      assert(t.react.isCompatTag("h3-"));
+    });
+
+    it("rejects empty or null tag names", function() {
+      assert(t.react.isCompatTag(null) === false);
+      assert(t.react.isCompatTag() === false);
+      assert(t.react.isCompatTag(undefined) === false);
+      assert(t.react.isCompatTag("") === false);
+    });
+
+    it("rejects tag names starting with an uppercase letter", function() {
+      assert(t.react.isCompatTag("Div") === false);
+      assert(t.react.isCompatTag("A") === false);
+      assert(t.react.isCompatTag("H3") === false);
+    });
+
+    it("rejects all uppercase tag names", function() {
+      assert(t.react.isCompatTag("DIV") === false);
+      assert(t.react.isCompatTag("A") === false);
+      assert(t.react.isCompatTag("H3") === false);
+    });
+
+    it("rejects leading dash '-'", function() {
+      assert(t.react.isCompatTag("-div") === false);
+      assert(t.react.isCompatTag("-a") === false);
+      assert(t.react.isCompatTag("-h3") === false);
+    });
+  });
+
   suite("patterns", function() {
     it("allows nested pattern structures", function() {
       const pattern = t.objectPattern([