Fix React constant elements transform from hoisting elements to positions where their referenced bindings haven't been evaluated yet (#3596)

packages/babel-plugin-transform-react-constant-elements/test/fixtures/constant-elements/append-to-end-when-declared-in-scope-2/actual.js

@@ -0,0 +1,14 @@
+const AppItem = () => {
+  return <div>child</div>;
+};
+
+export default class App extends React.Component {
+  render() {
+    return (
+      <div>
+        <p>Parent</p>
+        <AppItem />
+      </div>
+    );
+  }
+}

packages/babel-plugin-transform-react-constant-elements/test/fixtures/constant-elements/append-to-end-when-declared-in-scope-2/expected.js

@@ -0,0 +1,16 @@
+var _ref = <div>child</div>;
+
+const AppItem = () => {
+  return _ref;
+};
+
+var _ref2 = <div>
+        <p>Parent</p>
+        <AppItem />
+      </div>;
+
+export default class App extends React.Component {
+  render() {
+    return _ref2;
+  }
+}

packages/babel-plugin-transform-react-constant-elements/test/fixtures/constant-elements/append-to-end-when-declared-in-scope-3/actual.js

@@ -0,0 +1,16 @@
+(function () {
+  class App extends React.Component {
+    render() {
+      return (
+        <div>
+          <p>Parent</p>
+          <AppItem />
+        </div>
+      );
+    }
+  }
+
+  const AppItem = () => {
+    return <div>child</div>;
+  };
+});

packages/babel-plugin-transform-react-constant-elements/test/fixtures/constant-elements/append-to-end-when-declared-in-scope-3/expected.js

@@ -0,0 +1,18 @@
+var _ref = <p>Parent</p>;
+
+var _ref2 = <div>child</div>;
+
+(function () {
+  class App extends React.Component {
+    render() {
+      return <div>
+          {_ref}
+          <AppItem />
+        </div>;
+    }
+  }
+
+  const AppItem = () => {
+    return _ref2;
+  };
+});

packages/babel-plugin-transform-react-constant-elements/test/fixtures/constant-elements/append-to-end-when-declared-in-scope-4/actual.js

@@ -0,0 +1,16 @@
+(function () {
+  const AppItem = () => {
+    return <div>child</div>;
+  };
+
+  class App extends React.Component {
+    render() {
+      return (
+        <div>
+          <p>Parent</p>
+          <AppItem />
+        </div>
+      );
+    }
+  }
+});

packages/babel-plugin-transform-react-constant-elements/test/fixtures/constant-elements/append-to-end-when-declared-in-scope-4/expected.js

@@ -0,0 +1,20 @@
+var _ref = <div>child</div>;
+
+var _ref3 = <p>Parent</p>;
+
+(function () {
+  const AppItem = () => {
+    return _ref;
+  };
+
+  var _ref2 = <div>
+          {_ref3}
+          <AppItem />
+        </div>;
+
+  class App extends React.Component {
+    render() {
+      return _ref2;
+    }
+  }
+});

packages/babel-plugin-transform-react-constant-elements/test/fixtures/constant-elements/append-to-end-when-declared-in-scope/actual.js

@@ -0,0 +1,14 @@
+export default class App extends React.Component {
+  render() {
+    return (
+      <div>
+        <p>Parent</p>
+        <AppItem />
+      </div>
+    );
+  }
+}
+
+const AppItem = () => {
+  return <div>child</div>;
+};

packages/babel-plugin-transform-react-constant-elements/test/fixtures/constant-elements/append-to-end-when-declared-in-scope/expected.js

@@ -0,0 +1,16 @@
+var _ref = <p>Parent</p>;
+
+export default class App extends React.Component {
+  render() {
+    return <div>
+        {_ref}
+        <AppItem />
+      </div>;
+  }
+}
+
+var _ref2 = <div>child</div>;
+
+const AppItem = () => {
+  return _ref2;
+};