test/configCases/html/script-src-classic/index.js - main - githubmirror/webpack

test/configCases/html/script-src-classic/index.js
69 строк3 KB
Alexander Akait
feat: support inline `<script>` tags in HTML modules (#20967)
18 май 2026, 21:00
18 май 2026, 21:00526d638
const fs = require("fs");
const path = require("path");

const page = require("./page.html");

const readChunk = (name) => fs.readFileSync(path.resolve(__dirname, name), "utf-8");

// `String.prototype.matchAll` requires Node 12+; this test runs on Node
// 10 too, so collect all matches via a `regex.exec` loop instead.
const collectMatches = (str, regex) => {
	const out = [];
	let m;
	while ((m = regex.exec(str)) !== null) out.push(m);
	return out;
};

it("should rewrite script src attributes without changing the type attribute when output.module is off", () => {
	expect(typeof page).toBe("string");
	expect(page).toMatchSnapshot();
	// Original source paths were rewritten.
	expect(page).not.toContain('src="./entry.js"');
	expect(page).not.toContain('src="./other.js"');
	expect(page).not.toContain('src="./classic-typed.js"');
	expect(page).not.toContain('src="./module-entry.js"');
	// Classic <script src> (no type) stays without a type attribute — the
	// auto type=module upgrade only runs when output.module is enabled.
	expect(page).toMatch(/<script src="__html_[^"]+\.chunk\.js">/);
	// type="text/javascript" stays as-is too (classic-compatible).
	expect(page).toMatch(
		/<script type="text\/javascript" src="__html_[^"]+\.chunk\.js">/
	);
	// type="module" is REMOVED — the emitted chunk is a classic IIFE,
	// loading it under module semantics would be wrong.
	expect(page).not.toMatch(/<script[^>]*\btype="module"/);
	// Non-executable types still flow through HtmlSourceDependency.
	expect(page).toMatch(/<script type="application\/ld\+json" src="[^"]+\.jsonld">/);
});

it("should emit classic IIFE-wrapped chunks for <script src>", () => {
	// The first classic <script src> chunk lives at __html_*_0.chunk.js.
	const classicChunkName = page.match(
		/<script src="(__html_[^"]+\.chunk\.js)">/
	)[1];
	const classicChunk = readChunk(classicChunkName);
	expect(classicChunk).toMatchSnapshot();
	// Classic format: IIFE bootstrap wraps the runtime + entry module.
	expect(classicChunk).toMatch(/^\/\*+\/ \(\(\) => \{/);
	expect(classicChunk).toContain("// webpackBootstrap");
	// CommonJS source flows through.
	expect(classicChunk).toContain('module.exports = "first entry";');
});

it("should emit IIFE-wrapped chunks for <script type=module src> too (still valid as ES modules)", () => {
	// `type="module"` is dropped from the rewritten tag when
	// output.module is off, so we can't discriminate the module-origin
	// chunk by tag shape anymore — find it by content instead.
	const allChunkUrls = collectMatches(
		page,
		/<script[^>]*\bsrc="(__html_[^"]+\.chunk\.js)"/g
	).map((m) => m[1]);
	const moduleChunk = allChunkUrls
		.map(readChunk)
		.find((c) => c.includes('"module entry"'));
	expect(moduleChunk).toBeDefined();
	expect(moduleChunk).toMatchSnapshot();
	// Chunk format follows output.module (off here) → IIFE.
	expect(moduleChunk).toMatch(/^\/\*+\/ \(\(\) => \{/);
	expect(moduleChunk).toContain("// webpackBootstrap");
});