test: add configCase for ESM prefetch/preload under neutral target (#20524)

aryanraj45 · web-flow · commit 67c5aae55b1f · 2026-02-24T16:49:30.000+03:00
diff --git a/test/configCases/target/universal-prefetch-preload/chunk1-a.mjs b/test/configCases/target/universal-prefetch-preload/chunk1-a.mjs
diff --git a/test/configCases/target/universal-prefetch-preload/chunk1-b.mjs b/test/configCases/target/universal-prefetch-preload/chunk1-b.mjs
diff --git a/test/configCases/target/universal-prefetch-preload/chunk1.mjs b/test/configCases/target/universal-prefetch-preload/chunk1.mjs
@@ -0,0 +1,4 @@
+export default function() {
+	import(/* webpackPrefetch: true, webpackChunkName: "chunk1-a" */ "./chunk1-a.mjs");
+	import(/* webpackPreload: true, webpackChunkName: "chunk1-b" */ "./chunk1-b.mjs");
+}
diff --git a/test/configCases/target/universal-prefetch-preload/index.mjs b/test/configCases/target/universal-prefetch-preload/index.mjs
@@ -0,0 +1,50 @@
+__webpack_public_path__ = "https://example.com/public/path/";
+
+it("should prefetch and preload child chunks on chunk load", () => {
+	let link;
+	const hasBrowser = typeof document !== "undefined";
+
+	if (hasBrowser) {
+		expect(document.head._children).toHaveLength(1);
+
+		// Test prefetch from entry chunk
+		link = document.head._children[0];
+		expect(link._type).toBe("link");
+		expect(link.rel).toBe("prefetch");
+		expect(link.as).toBe("script");
+		expect(link.href).toBe("https://example.com/public/path/chunk1.mjs");
+		expect(link.charset).toBe("utf-8");
+		expect(link.crossOrigin).toBe("anonymous");
+	}
+
+	const promise = import(
+		/* webpackChunkName: "chunk1", webpackPrefetch: true */ "./chunk1.mjs"
+	);
+
+	if (hasBrowser) {
+		expect(document.head._children).toHaveLength(2);
+
+		// Test preload of chunk1-b
+		link = document.head._children[1];
+		expect(link._type).toBe("link");
+		expect(link.rel).toBe("modulepreload");
+		expect(link.href).toBe("https://example.com/public/path/chunk1-b.mjs");
+		expect(link.charset).toBe("utf-8");
+		expect(link.crossOrigin).toBe("anonymous");
+	}
+
+	return promise.then(() => {
+		if (hasBrowser) {
+			expect(document.head._children).toHaveLength(3);
+
+			// Test prefetch of chunk1-a
+			link = document.head._children[2];
+			expect(link._type).toBe("link");
+			expect(link.rel).toBe("prefetch");
+			expect(link.as).toBe("script");
+			expect(link.href).toBe("https://example.com/public/path/chunk1-a.mjs");
+			expect(link.crossOrigin).toBe("anonymous");
+		}
+	});
+});
+
diff --git a/test/configCases/target/universal-prefetch-preload/test.config.js b/test/configCases/target/universal-prefetch-preload/test.config.js
@@ -0,0 +1,14 @@
+"use strict";
+
+module.exports = {
+	moduleScope(scope, options) {
+		if (options.name.includes("node")) {
+			delete scope.window;
+			delete scope.document;
+			delete scope.self;
+		}
+	},
+	findBundle() {
+		return "./bundle0.mjs";
+	}
+};
diff --git a/test/configCases/target/universal-prefetch-preload/test.filter.js b/test/configCases/target/universal-prefetch-preload/test.filter.js
@@ -0,0 +1,5 @@
+"use strict";
+
+const supportsGlobalThis = require("../../../helpers/supportsGlobalThis");
+
+module.exports = () => supportsGlobalThis();
diff --git a/test/configCases/target/universal-prefetch-preload/webpack.config.js b/test/configCases/target/universal-prefetch-preload/webpack.config.js
@@ -0,0 +1,28 @@
+"use strict";
+
+const base = {
+	target: ["web", "node"],
+	entry: "./index.mjs",
+	experiments: {
+		outputModule: true
+	},
+	output: {
+		publicPath: "",
+		module: true,
+		filename: "bundle0.mjs",
+		chunkFilename: "[name].mjs",
+		crossOriginLoading: "anonymous"
+	},
+	performance: {
+		hints: false
+	},
+	optimization: {
+		minimize: false
+	}
+};
+
+/** @type {import("../../../../").Configuration[]} */
+module.exports = [
+	{ name: "web", ...base },
+	{ name: "node", ...base }
+];
