Test @babel/runtime behavior with Webpack and old Node.js

.eslintignore

@@ -26,3 +26,6 @@ packages/babel-parser/test/expressions
 eslint/*/lib
 eslint/*/node_modules
 eslint/*/test/fixtures
+
+test/runtime-integration/*/output.js
+test/runtime-integration/*/output-absolute.js

.flowconfig

@@ -5,6 +5,8 @@
 <PROJECT_ROOT>/codemods/.*/lib
 <PROJECT_ROOT>/codemods/.*/test
 <PROJECT_ROOT>/node_modules/module-deps/
+<PROJECT_ROOT>/node_modules/webpack-cli/
+<PROJECT_ROOT>/test/runtime-integration/
 
 [include]
 packages/*/src

.github/workflows/ci.yml

@@ -269,3 +269,84 @@ jobs:
         run: make test-flow
       - name: Run TypeScript Tests
         run: make test-typescript
+
+  runtime-interop:
+    name: Test @babel/runtime integrations
+    needs: build
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+      - name: Use Node.js latest
+        uses: actions/setup-node@v2-beta
+        with:
+          node-version: "*"
+      - name: Get yarn cache directory path
+        id: yarn-cache-dir-path
+        run: echo "::set-output name=dir::$(yarn config get cacheFolder)"
+      - uses: actions/cache@v2
+        with:
+          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
+          key: yarn-${{ hashFiles('yarn.lock') }}
+      - name: Install
+        run: yarn install
+      - uses: actions/download-artifact@v2
+        with:
+          name: babel-artifact
+      - name: Generate runtime helpers
+        run: |
+          make build-plugin-transform-runtime-dist
+      - name: Generate absoluteRuntime tests
+        run: yarn test:runtime:generate-absolute-runtime
+      - name: Test bundlers
+        run: yarn test:runtime:bundlers
+      - name: Test Node.js
+        run: yarn test:runtime:node
+      - name: Use Node.js 10
+        uses: actions/setup-node@v2-beta
+        with:
+          node-version: 10
+      - name: Test Node.js 10
+        run: yarn test:runtime:node
+      - name: Use Node.js 12.0
+        uses: actions/setup-node@v2-beta
+        with:
+          node-version: "12.0" # quoted, otherwise it's just 13
+      - name: Test Node.js 12.0
+        run: yarn test:runtime:node
+      - name: Use Node.js 12.17
+        uses: actions/setup-node@v2-beta
+        with:
+          node-version: 12.17
+      - name: Test Node.js  12.17
+        run: yarn test:runtime:node
+      - name: Use Node.js 13.0
+        uses: actions/setup-node@v2-beta
+        with:
+          node-version: "13.0" # quoted, otherwise it's just 13
+      - name: Test Node.js 13.0
+        run: yarn test:runtime:node
+      # - name: Use Node.js 13.2
+      #   uses: actions/setup-node@v2-beta
+      #   with:
+      #     node-version: 13.2
+      # - name: Test Node.js 13.2
+      #   run: yarn test:runtime:node
+      # - name: Use Node.js 13.6
+      #   uses: actions/setup-node@v2-beta
+      #   with:
+      #     node-version: 13.6
+      # - name: Test Node.js 13.6
+      #   run: yarn test:runtime:node
+      - name: Use Node.js 13.7
+        uses: actions/setup-node@v2-beta
+        with:
+          node-version: 13.7
+      - name: Test Node.js 13.7
+        run: yarn test:runtime:node
+      - name: Use Node.js 14.2
+        uses: actions/setup-node@v2-beta
+        with:
+          node-version: 14.2
+      - name: Test Node.js 14.2
+        run: yarn test:runtime:node

.gitignore

@@ -79,3 +79,6 @@ packages/babel-standalone/babel.min.js
 
 tsconfig.json
 tsconfig.tsbuildinfo
+
+/test/runtime-integration/*/output.js
+/test/runtime-integration/*/absolute-output.js

package.json

@@ -12,7 +12,10 @@
     "lint": "make lint",
     "test": "make test",
     "version": "yarn --immutable-cache && git add yarn.lock",
-    "test:esm": "node test/esm/index.js"
+    "test:esm": "node test/esm/index.js",
+    "test:runtime:generate-absolute-runtime": "node test/runtime-integration/generate-absolute-runtime.cjs",
+    "test:runtime:bundlers": "node test/runtime-integration/bundlers.cjs",
+    "test:runtime:node": "node test/runtime-integration/node.cjs"
   },
   "devDependencies": {
     "@babel/cli": "^7.12.0",
@@ -73,7 +76,8 @@
     "codemods/*",
     "eslint/*",
     "packages/*",
-    "test/esm"
+    "test/esm",
+    "test/runtime-integration/*"
   ],
   "resolutions": {
     "browserslist": "npm:4.14.5",

test/runtime-integration/bundlers.cjs

@@ -0,0 +1,48 @@
+const cp = require("child_process");
+const path = require("path");
+const fs = require("fs");
+
+for (const absolute of [false, true]) {
+  const output = absolute ? "output-absolute.js" : "output.js";
+  const title = absolute ? "(absolute runtime)" : "";
+
+  const webpack = absolute
+    ? "webpack --config webpack.absolute.config.js"
+    : "webpack";
+  const rollup = absolute ? "rollup -c rollup.absolute.config.js" : "rollup -c";
+
+  // TODO: This never worked in any Babel version
+  if (!absolute) {
+    test(`Webpack 5 ${title}`, webpack, "webpack-5", output, true);
+  }
+  test(`Webpack 4 ${title}`, webpack, "webpack-4", output);
+  test(`Webpack 3 ${title}`, webpack, "webpack-3", output);
+  test(`Rollup ${title}`, rollup, "rollup", output);
+}
+
+function test(name, command, directory, output, first) {
+  console.log(`Building with ${name}`);
+  cp.execSync(`yarn ${command}`, {
+    cwd: path.join(__dirname, directory),
+    encoding: "utf8",
+  });
+  console.log(`Testing the ${name} bundle`);
+  const out = cp.execSync(`node ${output}`, {
+    cwd: path.join(__dirname, directory),
+    encoding: "utf8",
+  });
+
+  const expectedPath = path.join(__dirname, "expected-bundler.txt");
+  let expected = fs.readFileSync(expectedPath, "utf8");
+
+  if (expected === out) {
+    console.log("OK");
+  } else if (first && process.env.OVERWRITE) {
+    fs.writeFileSync(expectedPath, out);
+    expected = out;
+    console.log("UPDATED");
+  } else {
+    console.error("FAILED\n");
+    console.error(out);
+  }
+}

test/runtime-integration/expected-bundler-absolute.txt

@@ -0,0 +1,20 @@
+================== import - auto ====================
+typeof inheritsLoose: function
+A.__proto__ === B true
+================= import - esm ======================
+typeof toArray: function
+arr: 1,2,3
+=============== import - corejs ====================
+typeof Set: function
+arr: 1,2,3
+================= require - auto ====================
+typeof objectWithoutProperties: function
+typeof objectWithoutProperties.default: function
+obj: { b: 2, [Symbol(Symbol.toStringTag)]: 5 }
+================= require - esm =====================
+typeof toPrimitive: object
+typeof toPrimitive.default: function
+Value: 2
+=============== require - corejs ====================
+typeof Set: function
+arr: 1,2,3

test/runtime-integration/expected-bundler.txt

@@ -0,0 +1,20 @@
+================== import - auto ====================
+typeof inheritsLoose: function
+A.__proto__ === B true
+================= import - esm ======================
+typeof toArray: function
+arr: 1,2,3
+=============== import - corejs ====================
+typeof Set: function
+arr: 1,2,3
+================= require - auto ====================
+typeof objectWithoutProperties: function
+typeof objectWithoutProperties.default: function
+obj: { b: 2, [Symbol(Symbol.toStringTag)]: 5 }
+================= require - esm =====================
+typeof toPrimitive: object
+typeof toPrimitive.default: function
+Value: 2
+=============== require - corejs ====================
+typeof Set: function
+arr: 1,2,3

test/runtime-integration/expected-cjs-10.txt

@@ -0,0 +1,9 @@
+================= require - auto ====================
+typeof objectWithoutProperties: function
+typeof objectWithoutProperties.default: function
+obj: { b: 2, [Symbol(Symbol.toStringTag)]: 5 }
+================= require - esm =====================
+Error: Unexpected token export
+=============== require - corejs ====================
+typeof Set: function
+arr: 1,2,3

test/runtime-integration/expected-cjs-absolute-10.txt

@@ -0,0 +1,9 @@
+================= require - auto ====================
+typeof objectWithoutProperties: function
+typeof objectWithoutProperties.default: function
+obj: { b: 2, [Symbol(Symbol.toStringTag)]: 5 }
+================= require - esm =====================
+Error: Unexpected token export
+=============== require - corejs ====================
+typeof Set: function
+arr: 1,2,3

test/runtime-integration/expected-cjs-absolute-13.0.txt

@@ -0,0 +1,9 @@
+================= require - auto ====================
+typeof objectWithoutProperties: function
+typeof objectWithoutProperties.default: function
+obj: { b: 2, [Symbol(Symbol.toStringTag)]: 5 }
+================= require - esm =====================
+Error: Unexpected token 'export'
+=============== require - corejs ====================
+typeof Set: function
+arr: 1,2,3

test/runtime-integration/expected-cjs-absolute.txt

@@ -0,0 +1,13 @@
+================= require - auto ====================
+typeof objectWithoutProperties: function
+typeof objectWithoutProperties.default: function
+obj: { b: 2, [Symbol(Symbol.toStringTag)]: 5 }
+================= require - esm =====================
+Error: Must use import to load ES Module: <ROOT>/packages/babel-runtime/helpers/esm/toPrimitive.js
+require() of ES modules is not supported.
+require() of <ROOT>/packages/babel-runtime/helpers/esm/toPrimitive.js from <ROOT>/test/runtime-integration/src/absolute/require-esm.cjs is an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which defines all .js files in that package scope as ES modules.
+Instead rename toPrimitive.js to end in .cjs, change the requiring code to use import(), or remove "type": "module" from <ROOT>/packages/babel-runtime/helpers/esm/package.json.
+
+=============== require - corejs ====================
+typeof Set: function
+arr: 1,2,3

test/runtime-integration/expected-cjs.txt

@@ -0,0 +1,9 @@
+================= require - auto ====================
+typeof objectWithoutProperties: function
+typeof objectWithoutProperties.default: function
+obj: { b: 2, [Symbol(Symbol.toStringTag)]: 5 }
+================= require - esm =====================
+Error: Must use import to load ES Module: <ROOT>/packages/babel-runtime/helpers/toPrimitive/_index.mjs
+=============== require - corejs ====================
+typeof Set: function
+arr: 1,2,3

test/runtime-integration/expected-esm.txt

@@ -0,0 +1,18 @@
+================== import - auto ====================
+typeof inheritsLoose: function
+A.__proto__ === B true
+================= import - esm ======================
+typeof toArray: function
+arr: 1,2,3
+=============== import - corejs ====================
+typeof Set: function
+arr: 1,2,3
+================= require - auto ====================
+typeof objectWithoutProperties: function
+typeof objectWithoutProperties.default: function
+obj: { b: 2, [Symbol(Symbol.toStringTag)]: 5 }
+================= require - esm =====================
+Error: Must use import to load ES Module: <ROOT>/packages/babel-runtime/helpers/toPrimitive/_index.mjs
+=============== require - corejs ====================
+typeof Set: function
+arr: 1,2,3

test/runtime-integration/generate-absolute-runtime.cjs

@@ -0,0 +1,19 @@
+const fs = require("fs");
+const path = require("path");
+
+const runtimePath = path.resolve(__dirname, "../../packages/babel-runtime");
+const runtimeCorejs3Path = path.resolve(
+  __dirname,
+  "../../packages/babel-runtime-corejs3"
+);
+const input = path.resolve(__dirname, "src");
+
+for (const file of fs.readdirSync(input)) {
+  if (!/\.[cm]js$/.test(file)) continue;
+
+  let contents = fs.readFileSync(path.join(input, file), "utf8");
+  contents = contents.replace("@babel/runtime-corejs3", runtimeCorejs3Path);
+  contents = contents.replace("@babel/runtime", runtimePath);
+
+  fs.writeFileSync(path.resolve(input, "absolute", file), contents);
+}

test/runtime-integration/node.cjs

@@ -0,0 +1,65 @@
+const cp = require("child_process");
+const path = require("path");
+const fs = require("fs");
+
+const [major, minor] = process.versions.node.split(".").map(n => +n);
+
+if (major > 12 || (major === 12 && minor >= 17)) {
+  test("ESM", "--experimental-modules ./src/main-esm.mjs", "expected-esm.txt");
+  // TODO: This never worked in any Babel version
+  // test("ESM - absoluteRuntime", "--esperimental-modules ./src/absolute/main-esm.mjs", "expected-esm-absolute.txt");
+}
+
+const expectedCjs =
+  major === 10 || (major === 12 && minor < 12.17)
+    ? "expected-cjs-10.txt"
+    : "expected-cjs.txt";
+
+test("CJS", "./src/main-cjs.cjs", expectedCjs);
+
+const expectedCjsAbsolute =
+  major === 10 || (major === 12 && minor < 12.17)
+    ? "expected-cjs-absolute-10.txt"
+    : major === 13 && minor <= 1
+    ? "expected-cjs-absolute-13.0.txt"
+    : "expected-cjs-absolute.txt";
+
+test(
+  "CJS - absoluteRuntime",
+  "./src/absolute/main-cjs.cjs",
+  expectedCjsAbsolute
+);
+
+function test(title, command, expectedName) {
+  const expectedPath = path.join(__dirname, expectedName);
+  const expected = fs.readFileSync(expectedPath, "utf8");
+
+  console.log(`Testing with Node.js ${process.version} - ${title}`);
+  const out = normalize(
+    cp.execSync(`node ${command}`, {
+      cwd: __dirname,
+      encoding: "utf8",
+    })
+  );
+
+  if (expected === out) {
+    console.log("OK");
+  } else if (process.env.OVERWRITE) {
+    fs.writeFileSync(expectedPath, out);
+    console.log("UPDATED");
+  } else {
+    console.error("FAILED\n\n");
+    console.error(out);
+    process.exitCode = 1;
+  }
+  console.log("\n");
+}
+
+function normalize(output) {
+  const root = path.resolve(__dirname, "../..");
+  let next;
+  while ((next = output.replace(root, "<ROOT>")) !== output) {
+    output = next;
+  }
+  return output;
+}

test/runtime-integration/rollup/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@babel-internal/runtime-integration-rollup",
+  "private": true,
+  "devDependencies": {
+    "@babel/runtime": "workspace:*",
+    "@rollup/plugin-commonjs": "^17.1.0",
+    "@rollup/plugin-node-resolve": "^11.2.0",
+    "rollup": "^2.39.1"
+  }
+}