chore: remove hot document (#6271)

packages/rspack-test-tools/src/helper/legacy/FakeDocument.js

@@ -6,8 +6,8 @@ const getPropertyValue = function (property) {
 	return this[property];
 };
 
-module.exports = class FakeDocument {
-	constructor(basePath) {
+export default class FakeDocument {
+	constructor(basePath, options = {}) {
 		this.head = this.createElement("head");
 		this.body = this.createElement("body");
 		this.baseURI = "https://test.cases/path/index.html";
@@ -17,6 +17,7 @@ module.exports = class FakeDocument {
 		]);
 		this._basePath = basePath;
 		this.currentScript = undefined;
+		this._options = options || {};
 	}
 
 	createElement(type) {
@@ -56,20 +57,32 @@ module.exports = class FakeDocument {
 		}
 		return style;
 	}
-};
+}
 
-class FakeElement {
+export class FakeElement {
 	constructor(document, type, basePath) {
 		this._document = document;
 		this._type = type;
 		this._children = [];
 		this._attributes = Object.create(null);
 		this._src = undefined;
 		this._href = undefined;
+		this.rel = undefined;
 		this.parentNode = undefined;
 		this.sheet = type === "link" ? new FakeSheet(this, basePath) : undefined;
 	}
 
+	insertBefore(node, before) {
+		this._document._onElementAttached(node);
+		node.parentNode = this;
+		this._children.unshift(node);
+		Promise.resolve().then(() => {
+			if (node.onload) {
+				node.onload({ type: "load", target: node });
+			}
+		});
+	}
+
 	appendChild(node) {
 		this._document._onElementAttached(node);
 		this._children.push(node);
@@ -78,6 +91,22 @@ class FakeElement {
 			setTimeout(() => {
 				if (node.onload) node.onload({ type: "load", target: node });
 			}, 100);
+		} else if (node._type === "script") {
+			Promise.resolve().then(() => {
+				if (typeof this._document._options.onScript === "function") {
+					this._document._options.onScript(node);
+				}
+				if (node.onload) {
+					node.onload({
+						type: "load",
+						target: node
+					});
+				}
+			});
+		} else {
+			if (node.onload) {
+				node.onload({ type: "load", target: node });
+			}
 		}
 	}
 
@@ -132,6 +161,10 @@ class FakeElement {
 		}
 	}
 
+	get children() {
+		return this._children;
+	}
+
 	get src() {
 		return this._src;
 	}
@@ -147,7 +180,7 @@ class FakeElement {
 	}
 }
 
-class FakeSheet {
+export class FakeSheet {
 	constructor(element, basePath) {
 		this._element = element;
 		this._basePath = basePath;

packages/rspack-test-tools/src/runner/runner/basic.ts

@@ -85,11 +85,13 @@ export class BasicRunner<T extends ECompilerType = ECompilerType.Rspack>
 
 	protected createBaseModuleScope(): IBasicModuleScope {
 		const baseModuleScope: IBasicModuleScope = {
-			console: console,
+			console: this.globalContext!.console,
+			expect: this.globalContext!.expect,
+			setTimeout: this.globalContext!.setTimeout,
+			clearTimeout: this.globalContext!.clearTimeout,
 			it: this._options.env.it,
 			beforeEach: this._options.env.beforeEach,
 			afterEach: this._options.env.afterEach,
-			expect,
 			jest,
 			nsObj: (m: Object) => {
 				Object.defineProperty(m, Symbol.toStringTag, {

packages/rspack-test-tools/src/runner/runner/hot.ts

@@ -1,18 +1,12 @@
-import createHotDocument from "../../helper/legacy/createHotDocument";
-import urlToRelativePath from "../../helper/legacy/urlToRelativePath";
-import createFakeWorker from "../../helper/legacy/createFakeWorker";
-import EventSource from "../../helper/legacy/EventSourceForNode";
 import { ECompilerType } from "../../type";
-import { BasicRunner } from "./basic";
 import {
 	IBasicModuleScope,
 	IBasicRunnerOptions,
 	TBasicRunnerFile,
 	TRunnerRequirer
 } from "../type";
-import fs from "fs";
-import path from "path";
 import { StatsCompilation } from "@rspack/core";
+import { WebRunner } from "./web";
 
 interface IHotRunnerOptionsr<T extends ECompilerType = ECompilerType.Rspack>
 	extends IBasicRunnerOptions<T> {
@@ -23,73 +17,9 @@ interface IHotRunnerOptionsr<T extends ECompilerType = ECompilerType.Rspack>
 
 export class HotRunner<
 	T extends ECompilerType = ECompilerType.Rspack
-> extends BasicRunner<T> {
-	private document: any;
+> extends WebRunner<T> {
 	constructor(protected _options: IHotRunnerOptionsr<T>) {
 		super(_options);
-		this.document = createHotDocument(
-			_options.dist,
-			this.getRequire.bind(this)
-		);
-	}
-
-	run(file: string) {
-		if (!file.endsWith(".js")) {
-			const cssElement = this.document.createElement("link");
-			cssElement.href = file;
-			cssElement.rel = "stylesheet";
-			this.document.head.appendChild(cssElement);
-			return Promise.resolve();
-		}
-		return super.run(file);
-	}
-
-	protected createGlobalContext() {
-		const globalContext = super.createGlobalContext();
-		const urlToPath = (url: string) => {
-			if (url.startsWith("https://test.cases/path/")) url = url.slice(24);
-			return path.resolve(this._options.dist, `./${url}`);
-		};
-
-		globalContext["fetch"] = async (url: string) => {
-			try {
-				const buffer: Buffer = await new Promise((resolve, reject) =>
-					fs.readFile(urlToPath(url), (err, b) =>
-						err ? reject(err) : resolve(b)
-					)
-				);
-				return {
-					status: 200,
-					ok: true,
-					json: async () => JSON.parse(buffer.toString("utf-8"))
-				};
-			} catch (err) {
-				if ((err as { code: string }).code === "ENOENT") {
-					return {
-						status: 404,
-						ok: false
-					};
-				}
-				throw err;
-			}
-		};
-		globalContext["importScripts"] = (url: string) => {
-			expect(url).toMatch(/^https:\/\/test\.cases\/path\//);
-			this.requirers.get("entry")!(this._options.dist, urlToRelativePath(url));
-		};
-		globalContext["document"] = this.document;
-		globalContext["Worker"] = createFakeWorker({
-			outputDirectory: this._options.dist
-		});
-		globalContext["EventSource"] = EventSource;
-		globalContext["location"] = {
-			href: "https://test.cases/path/index.html",
-			origin: "https://test.cases",
-			toString() {
-				return "https://test.cases/path/index.html";
-			}
-		};
-		return globalContext;
 	}
 
 	protected createModuleScope(
@@ -98,53 +28,7 @@ export class HotRunner<
 		file: TBasicRunnerFile
 	): IBasicModuleScope {
 		const moduleScope = super.createModuleScope(requireFn, m, file);
-		moduleScope["__dirname"] = this._options.dist;
-		moduleScope["window"] = this.globalContext;
-		moduleScope["self"] = this.globalContext;
-		moduleScope["fetch"] = this.globalContext!["fetch"];
-		moduleScope["document"] = this.globalContext!["document"];
-		moduleScope["importScripts"] = this.globalContext!["importScripts"];
-		moduleScope["Worker"] = this.globalContext!["Worker"];
-		moduleScope["EventSource"] = this.globalContext!["EventSource"];
 		moduleScope["NEXT"] = this._options.next;
 		return moduleScope;
 	}
-
-	protected createJsonRequirer(): TRunnerRequirer {
-		return (_, modulePath, context = {}) => {
-			if (Array.isArray(modulePath)) {
-				throw new Error("Array module path is not supported in hot cases");
-			}
-			return JSON.parse(
-				fs.readFileSync(path.join(this._options.dist, modulePath), "utf-8")
-			);
-		};
-	}
-
-	protected createRunner() {
-		super.createRunner();
-		this.requirers.set("cjs", this.getRequire());
-		this.requirers.set("json", this.createJsonRequirer());
-		this.requirers.set("entry", (_, modulePath, context) => {
-			if (Array.isArray(modulePath)) {
-				throw new Error("Array module path is not supported in hot cases");
-			}
-			if (!modulePath.startsWith("./")) {
-				return require(modulePath);
-			}
-			if (modulePath.endsWith(".json")) {
-				return this.requirers.get("json")!(
-					this._options.dist,
-					modulePath,
-					context
-				);
-			} else {
-				return this.requirers.get("cjs")!(
-					this._options.dist,
-					modulePath,
-					context
-				);
-			}
-		});
-	}
 }

packages/rspack-test-tools/src/runner/runner/normal.ts

@@ -12,7 +12,6 @@ export class NormalRunner<
 			global,
 			URL,
 			Buffer,
-			setTimeout,
 			setImmediate
 		});
 		return baseModuleScope;