ci: node.js@24 and rewrite ts tests (#4456)

Author: alexander-akait

test/build/config-format/typescript-cjs-using-nodejs/tsconfig.json

@@ -1,6 +1,8 @@
 {
   "compilerOptions": {
-    "module": "esnext",
-    "allowSyntheticDefaultImports": true
+    "target": "esnext",
+    "allowImportingTsExtensions": true,
+    "rewriteRelativeImportExtensions": true,
+    "module": "esnext"
   }
 }

test/build/config-format/typescript-cjs-using-nodejs/typescript.test.js

@@ -0,0 +1,28 @@
+// eslint-disable-next-line n/no-unpublished-require
+const { run } = require("../../../utils/test-utils");
+const { existsSync } = require("fs");
+const { resolve } = require("path");
+
+describe("webpack cli", () => {
+  it("should support typescript esnext file", async () => {
+    const [major] = process.versions.node.split(".").map(Number);
+    const { exitCode, stderr, stdout } = await run(
+      __dirname,
+      ["-c", "./webpack.config.ts", "--disable-interpret"],
+      {
+        env: {
+          NODE_NO_WARNINGS: 1,
+          // Due nyc logic
+          WEBPACK_CLI_FORCE_LOAD_ESM_CONFIG: true,
+        },
+        // Fallback to `ts-node/esm` for old Node.js versions
+        nodeOptions: major >= 24 ? [] : ["--experimental-loader=ts-node/esm"],
+      },
+    );
+
+    expect(stderr).toBeFalsy(); // Deprecation warning logs on stderr
+    expect(stdout).toBeTruthy();
+    expect(exitCode).toBe(0);
+    expect(existsSync(resolve(__dirname, "dist/foo.bundle.js"))).toBeTruthy();
+  });
+});

test/build/config-format/typescript-mjs-using-nodejs/webpack.config.mts renamed to test/build/config-format/typescript-cjs-using-nodejs/webpack.config.ts

@@ -1,4 +1,3 @@
-/* eslint-disable node/no-unsupported-features/es-syntax */
 import * as path from "path";
 
 // cspell:ignore elopment

test/build/config-format/typescript-commonjs-using-nodejs/typescript.test.js

@@ -1,6 +1,8 @@
 {
   "compilerOptions": {
-    "module": "esnext",
-    "allowSyntheticDefaultImports": true
+    "target": "esnext",
+    "allowImportingTsExtensions": true,
+    "rewriteRelativeImportExtensions": true,
+    "module": "esnext"
   }
 }

test/build/config-format/typescript-mjs-using-nodejs/tsconfig.json

@@ -5,12 +5,20 @@ const { resolve } = require("path");
 
 describe("webpack cli", () => {
   it("should support typescript esnext file", async () => {
-    const [major, minor] = process.versions.node.split(".").map(Number);
-    const { exitCode, stderr, stdout } = await run(__dirname, ["-c", "./webpack.config.mts"], {
-      env: { NODE_NO_WARNINGS: 1 },
-      // Fallback to `ts-node/esm` for old Node.js versions
-      nodeOptions: major >= 22 && minor >= 6 ? [] : ["--experimental-loader=ts-node/esm"],
-    });
+    const [major] = process.versions.node.split(".").map(Number);
+    const { exitCode, stderr, stdout } = await run(
+      __dirname,
+      ["-c", "./webpack.config.ts", "--disable-interpret"],
+      {
+        env: {
+          NODE_NO_WARNINGS: 1,
+          // Due nyc logic
+          WEBPACK_CLI_FORCE_LOAD_ESM_CONFIG: true,
+        },
+        // Fallback to `ts-node/esm` for old Node.js versions
+        nodeOptions: major >= 24 ? [] : ["--experimental-loader=ts-node/esm"],
+      },
+    );
 
     expect(stderr).toBeFalsy(); // Deprecation warning logs on stderr
     expect(stdout).toBeTruthy();

test/build/config-format/typescript-mjs-using-nodejs/typescript.test.js

@@ -1,5 +1,4 @@
-/* eslint-disable node/no-unsupported-features/es-syntax */
-const path = require("path");
+import * as path from "path";
 
 // cspell:ignore elopment
 const mode: string = "dev" + "elopment";
@@ -12,4 +11,4 @@ const config = {
   },
 };
 
-module.exports = config;
+export default config;

test/build/config-format/typescript-cjs-using-nodejs/webpack.config.cts renamed to test/build/config-format/typescript-mjs-using-nodejs/webpack.config.ts

@@ -7,7 +7,11 @@ describe("webpack cli", () => {
   it("should support typescript esnext file", async () => {
     const [major, minor] = process.versions.node.split(".").map(Number);
     const { exitCode, stderr, stdout } = await run(__dirname, ["-c", "./webpack.config.ts"], {
-      env: { NODE_NO_WARNINGS: 1 },
+      env: {
+        NODE_NO_WARNINGS: 1,
+        // Due nyc logic
+        WEBPACK_CLI_FORCE_LOAD_ESM_CONFIG: true,
+      },
       nodeOptions:
         major >= 22 && minor >= 6
           ? ["--no-experimental-strip-types", "--experimental-loader=ts-node/esm"]

test/build/config-format/typescript-ts-node-loader/typescript.test.js

@@ -1,6 +1,8 @@
 {
   "compilerOptions": {
-    "module": "esnext",
-    "allowSyntheticDefaultImports": true
+    "target": "esnext",
+    "allowImportingTsExtensions": true,
+    "rewriteRelativeImportExtensions": true,
+    "module": "esnext"
   }
 }

test/build/config-format/typescript-using-interpret/main.ts

@@ -0,0 +1,28 @@
+// eslint-disable-next-line n/no-unpublished-require
+const { run } = require("../../../utils/test-utils");
+const { existsSync } = require("fs");
+const { resolve } = require("path");
+
+describe("webpack cli", () => {
+  it("should support typescript esnext file", async () => {
+    const [major] = process.versions.node.split(".").map(Number);
+    const { exitCode, stderr, stdout } = await run(
+      __dirname,
+      ["-c", "./webpack.config.ts", "--disable-interpret"],
+      {
+        env: {
+          NODE_NO_WARNINGS: 1,
+          // Due nyc logic
+          WEBPACK_CLI_FORCE_LOAD_ESM_CONFIG: true,
+        },
+        // Fallback to `ts-node/esm` for old Node.js versions
+        nodeOptions: major >= 24 ? [] : ["--experimental-loader=ts-node/esm"],
+      },
+    );
+
+    expect(stderr).toBeFalsy(); // Deprecation warning logs on stderr
+    expect(stdout).toBeTruthy();
+    expect(exitCode).toBe(0);
+    expect(existsSync(resolve(__dirname, "dist/foo.bundle.js"))).toBeTruthy();
+  });
+});