Pass the correct this to JSX's __self with the old plugin (#11290)

packages/babel-plugin-transform-react-jsx-self/src/index.js

@@ -30,6 +30,10 @@ export default declare(api => {
 
   return {
     name: "transform-react-jsx-self",
-    visitor,
+    visitor: {
+      Program(path) {
+        path.traverse(visitor);
+      },
+    },
   };
 });

packages/babel-plugin-transform-react-jsx-self/test/fixtures/react-source/arrow-function/input.js

@@ -0,0 +1,7 @@
+<div />;
+() => <div />;
+
+function fn() {
+  <div />;
+  () => <div />;
+}

packages/babel-plugin-transform-react-jsx-self/test/fixtures/react-source/arrow-function/options.json

@@ -0,0 +1,3 @@
+{
+  "plugins": ["syntax-jsx", "transform-react-jsx-self", "transform-arrow-functions"]
+}

packages/babel-plugin-transform-react-jsx-self/test/fixtures/react-source/arrow-function/output.js

@@ -0,0 +1,17 @@
+var _this = this;
+
+<div __self={this} />;
+
+(function () {
+  return <div __self={_this} />;
+});
+
+function fn() {
+  var _this2 = this;
+
+  <div __self={this} />;
+
+  (function () {
+    return <div __self={_this2} />;
+  });
+}

packages/babel-preset-react/test/fixtures/preset-options/development-windows/exec.js

@@ -1,22 +0,0 @@
-const actual = transform(
-  '<Foo bar="baz" />',
-  Object.assign({}, opts, { filename: 'C:\\fake\\path\\mock.js' })
-).code;
-
-const expected = multiline([
-  'var _jsxFileName = "C:\\\\fake\\\\path\\\\mock.js";',
-  '',
-  '/*#__PURE__*/',
-  'React.createElement(Foo, {',
-  '  bar: "baz",',
-  '  __source: {',
-  '    fileName: _jsxFileName,',
-  '    lineNumber: 1,',
-  '    columnNumber: 1',
-  '  },',
-  '  __self: this',
-  '});',
-]);
-
-
-expect(actual).toBe(expected);

packages/babel-preset-react/test/fixtures/preset-options/development-windows/input.js

@@ -0,0 +1 @@
+<Foo bar="baz" />;

packages/babel-preset-react/test/fixtures/preset-options/development-windows/output.js

@@ -0,0 +1,12 @@
+var _jsxFileName = "C:\\Users\\travis\\build\\babel\\babel\\packages\\babel-preset-react\\test\\fixtures\\preset-options\\development-windows\\input.js";
+
+/*#__PURE__*/
+React.createElement(Foo, {
+  bar: "baz",
+  __self: this,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 1,
+    columnNumber: 1
+  }
+});

packages/babel-preset-react/test/fixtures/preset-options/development/exec.js

@@ -1,22 +0,0 @@
-const actual = transform(
-  '<Foo bar="baz" />',
-  Object.assign({}, opts, { filename: '/fake/path/mock.js' })
-).code;
-
-const expected = multiline([
-  'var _jsxFileName = "/fake/path/mock.js";',
-  '',
-  '/*#__PURE__*/',
-  'React.createElement(Foo, {',
-  '  bar: "baz",',
-  '  __source: {',
-  '    fileName: _jsxFileName,',
-  '    lineNumber: 1,',
-  '    columnNumber: 1',
-  '  },',
-  '  __self: this',
-  '});',
-]);
-
-
-expect(actual).toBe(expected);

packages/babel-preset-react/test/fixtures/preset-options/development/input.js

@@ -0,0 +1 @@
+<Foo bar="baz" />;

packages/babel-preset-react/test/fixtures/preset-options/development/output.js

@@ -0,0 +1,12 @@
+var _jsxFileName = "<CWD>/packages/babel-preset-react/test/fixtures/preset-options/development/input.js";
+
+/*#__PURE__*/
+React.createElement(Foo, {
+  bar: "baz",
+  __self: this,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 1,
+    columnNumber: 1
+  }
+});