feature: Support whitelisting mutable props for react-constant-elements (#5307)

packages/babel-plugin-transform-react-constant-elements/test/fixtures/constant-elements/pure-expression-whitelist-deopt/actual.js

@@ -0,0 +1,20 @@
+// This is the same as the pure-expression-whitelist test, but 'FormattedMessage' is *not* whitelisted
+// so it should not be hoisted.
+var Foo = React.createClass({
+  render: function () {
+    return (
+      <FormattedMessage
+        id="someMessage.foo"
+        defaultMessage={
+          "Some text, " +
+          "and some more too. {someValue}"
+        }
+        description="A test message for babel."
+        values={{
+          someValue: "A value."
+        }}
+      />
+    );
+  }
+});
+

packages/babel-plugin-transform-react-constant-elements/test/fixtures/constant-elements/pure-expression-whitelist-deopt/expected.js

@@ -0,0 +1,9 @@
+// This is the same as the pure-expression-whitelist test, but 'FormattedMessage' is *not* whitelisted
+// so it should not be hoisted.
+var Foo = React.createClass({
+  render: function () {
+    return <FormattedMessage id="someMessage.foo" defaultMessage={"Some text, " + "and some more too. {someValue}"} description="A test message for babel." values={{
+      someValue: "A value."
+    }} />;
+  }
+});

packages/babel-plugin-transform-react-constant-elements/test/fixtures/constant-elements/pure-expression-whitelist-deopt/options.json

@@ -0,0 +1,7 @@
+{
+
+  "plugins": [
+    ["transform-react-constant-elements", {"allowMutablePropsOnTags": ["FormattedNumber"]}],
+    "syntax-jsx"
+  ]
+}

packages/babel-plugin-transform-react-constant-elements/test/fixtures/constant-elements/pure-expression-whitelist-member/actual.js

@@ -0,0 +1,20 @@
+import Intl from 'react-intl';
+
+var Foo = React.createClass({
+  render: function () {
+    return (
+      <Intl.FormattedMessage
+        id="someMessage.foo"
+        defaultMessage={
+          "Some text, " +
+          "and some more too. {someValue}"
+        }
+        description="A test message for babel."
+        values={{
+          someValue: "A value."
+        }}
+      />
+    );
+  }
+});
+

packages/babel-plugin-transform-react-constant-elements/test/fixtures/constant-elements/pure-expression-whitelist-member/expected.js

@@ -0,0 +1,11 @@
+import Intl from 'react-intl';
+
+var _ref = <Intl.FormattedMessage id="someMessage.foo" defaultMessage={"Some text, " + "and some more too. {someValue}"} description="A test message for babel." values={{
+  someValue: "A value."
+}} />;
+
+var Foo = React.createClass({
+  render: function () {
+    return _ref;
+  }
+});

packages/babel-plugin-transform-react-constant-elements/test/fixtures/constant-elements/pure-expression-whitelist-member/options.json

@@ -0,0 +1,7 @@
+{
+
+  "plugins": [
+    ["transform-react-constant-elements", {"allowMutablePropsOnTags": ["FormattedMessage"]}],
+    "syntax-jsx"
+  ]
+}

packages/babel-plugin-transform-react-constant-elements/test/fixtures/constant-elements/pure-expression-whitelist/actual.js

@@ -0,0 +1,18 @@
+var Foo = React.createClass({
+  render: function () {
+    return (
+      <FormattedMessage
+        id="someMessage.foo"
+        defaultMessage={
+          "Some text, " +
+          "and some more too. {someValue}"
+        }
+        description="A test message for babel."
+        values={{
+          someValue: "A value."
+        }}
+      />
+    );
+  }
+});
+

packages/babel-plugin-transform-react-constant-elements/test/fixtures/constant-elements/pure-expression-whitelist/expected.js

@@ -0,0 +1,9 @@
+var _ref = <FormattedMessage id="someMessage.foo" defaultMessage={"Some text, " + "and some more too. {someValue}"} description="A test message for babel." values={{
+  someValue: "A value."
+}} />;
+
+var Foo = React.createClass({
+  render: function () {
+    return _ref;
+  }
+});

packages/babel-plugin-transform-react-constant-elements/test/fixtures/constant-elements/pure-expression-whitelist/options.json

@@ -0,0 +1,7 @@
+{
+
+  "plugins": [
+    ["transform-react-constant-elements", {"allowMutablePropsOnTags": ["FormattedMessage"]}],
+    "syntax-jsx"
+  ]
+}