diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index ed91718..593120a 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,8 +1,8 @@
 {
-  "recommendations": [
-    "streetsidesoftware.code-spell-checker",
-    "tamasfe.even-better-toml",
-    "rust-lang.rust-analyzer",
-    "fabiospampinato.vscode-debug-launcher"
-  ]
+	"recommendations": [
+		"streetsidesoftware.code-spell-checker",
+		"tamasfe.even-better-toml",
+		"rust-lang.rust-analyzer",
+		"fabiospampinato.vscode-debug-launcher"
+	]
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 07e2d5c..4c3dfeb 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,18 +1,18 @@
 {
-  "search.useIgnoreFiles": true,
-  "[json]": {
-    "editor.defaultFormatter": "biomejs.biome"
-  },
-  "[typescript]": {
-    "editor.defaultFormatter": "biomejs.biome"
-  },
-  "[javascript]": {
-    "editor.defaultFormatter": "biomejs.biome"
-  },
-  "[javascriptreact]": {
-    "editor.defaultFormatter": "biomejs.biome"
-  },
-  "[css]": {
-    "editor.defaultFormatter": "biomejs.biome"
-  }
-}
\ No newline at end of file
+	"search.useIgnoreFiles": true,
+	"[json]": {
+		"editor.defaultFormatter": "biomejs.biome"
+	},
+	"[typescript]": {
+		"editor.defaultFormatter": "biomejs.biome"
+	},
+	"[javascript]": {
+		"editor.defaultFormatter": "biomejs.biome"
+	},
+	"[javascriptreact]": {
+		"editor.defaultFormatter": "biomejs.biome"
+	},
+	"[css]": {
+		"editor.defaultFormatter": "biomejs.biome"
+	}
+}
diff --git a/biome.jsonc b/biome.jsonc
index bf03ed3..f798737 100644
--- a/biome.jsonc
+++ b/biome.jsonc
@@ -1,8 +1,11 @@
 {
-  "$schema": "https://biomejs.dev/schemas/1.8.0/schema.json",
-  "linter": {
-    "ignore": [
-      "client-src/**/*.js"
-    ]
-  }
-}
\ No newline at end of file
+	"$schema": "https://biomejs.dev/schemas/1.8.0/schema.json",
+	"files": {
+		"ignore": [
+			"client-src/**/*",
+			"client/**/*.js",
+			"dist/**/*",
+			"tests/fixtures/**/*"
+		]
+	}
+}
diff --git a/client-src/index.js b/client-src/index.js
index c415d7b..567eace 100644
--- a/client-src/index.js
+++ b/client-src/index.js
@@ -1,5 +1,6 @@
 // @ts-nocheck
 
+import hotEmitter from "@rspack/core/hot/emitter.js";
 /* global __resourceQuery, __webpack_hash__ */
 /* Rspack dev server runtime client */
 /// <reference types="webpack/module" />
@@ -9,16 +10,13 @@ import {
 	formatProblem,
 } from "webpack-dev-server/client/overlay.js";
 import socket from "webpack-dev-server/client/socket.js";
-import createSocketURL from "webpack-dev-server/client/utils/createSocketURL.js";
 import {
-	log,
-	logEnabledFeatures,
-	setLogLevel,
-} from "webpack-dev-server/client/utils/log.js";
-import parseURL from "webpack-dev-server/client/utils/parseURL.js";
+	defineProgressElement,
+	isProgressSupported,
+} from "webpack-dev-server/client/progress.js";
+import socket from "webpack-dev-server/client/socket.js";
+import { log, setLogLevel } from "webpack-dev-server/client/utils/log.js";
 import sendMessage from "webpack-dev-server/client/utils/sendMessage.js";
-import stripAnsi from "webpack-dev-server/client/utils/stripAnsi.js";
-import reloadApp from "./utils/reloadApp.js";
 
 /**
  * @typedef {Object} OverlayOptions
@@ -57,18 +55,57 @@ const decodeOverlayOptions = (overlayOptions) => {
 				);
 
 				// eslint-disable-next-line no-new-func
-				const overlayFilterFunction = new Function(
+				overlayOptions[property] = new Function(
 					"message",
 					`var callback = ${overlayFilterFunctionString}
 				return callback(message)`,
 				);
-
-				overlayOptions[property] = overlayFilterFunction;
 			}
 		});
 	}
 };
 
+/**
+ * @param {string} resourceQuery
+ * @returns {{ [key: string]: string | boolean }}
+ */
+const parseURL = (resourceQuery) => {
+	/** @type {{ [key: string]: string }} */
+	let result = {};
+
+	if (typeof resourceQuery === "string" && resourceQuery !== "") {
+		const searchParams = resourceQuery.slice(1).split("&");
+
+		for (let i = 0; i < searchParams.length; i++) {
+			const pair = searchParams[i].split("=");
+
+			result[pair[0]] = decodeURIComponent(pair[1]);
+		}
+	} else {
+		// Else, get the url from the <script> this file was called with.
+		const scriptSource = getCurrentScriptSource();
+
+		let scriptSourceURL;
+
+		try {
+			// The placeholder `baseURL` with `window.location.href`,
+			// is to allow parsing of path-relative or protocol-relative URLs,
+			// and will have no effect if `scriptSource` is a fully valid URL.
+			scriptSourceURL = new URL(scriptSource, self.location.href);
+		} catch (error) {
+			// URL parsing failed, do nothing.
+			// We will still proceed to see if we can recover using `resourceQuery`
+		}
+
+		if (scriptSourceURL) {
+			result = scriptSourceURL;
+			result.fromCurrentScript = true;
+		}
+	}
+
+	return result;
+};
+
 /**
  * @type {Status}
  */
@@ -78,13 +115,34 @@ const status = {
 	currentHash: __webpack_hash__,
 };
 
-/** @type {Options} */
-const options = {
-	hot: false,
-	liveReload: false,
-	progress: false,
-	overlay: false,
+/**
+ * @returns {string}
+ */
+const getCurrentScriptSource = () => {
+	// `document.currentScript` is the most accurate way to find the current script,
+	// but is not supported in all browsers.
+	if (document.currentScript) {
+		return document.currentScript.getAttribute("src");
+	}
+
+	// Fallback to getting all scripts running in the document.
+	const scriptElements = document.scripts || [];
+	const scriptElementsWithSrc = Array.prototype.filter.call(
+		scriptElements,
+		(element) => element.getAttribute("src"),
+	);
+
+	if (scriptElementsWithSrc.length > 0) {
+		const currentScript =
+			scriptElementsWithSrc[scriptElementsWithSrc.length - 1];
+
+		return currentScript.getAttribute("src");
+	}
+
+	// Fail as there was no script to use.
+	throw new Error("[webpack-dev-server] Failed to get current script source.");
 };
+
 const parsedResourceQuery = parseURL(__resourceQuery);
 
 const enabledFeatures = {
@@ -94,6 +152,14 @@ const enabledFeatures = {
 	Overlay: false,
 };
 
+/** @type {Options} */
+const options = {
+	hot: false,
+	liveReload: false,
+	progress: false,
+	overlay: false,
+};
+
 if (parsedResourceQuery.hot === "true") {
 	options.hot = true;
 	enabledFeatures["Hot Module Replacement"] = true;
@@ -141,18 +207,37 @@ if (typeof parsedResourceQuery.reconnect !== "undefined") {
 /**
  * @param {string} level
  */
-function setAllLogLevel(level) {
+const setAllLogLevel = (level) => {
 	// This is needed because the HMR logger operate separately from dev server logger
 	webpackHotLog.setLogLevel(
 		level === "verbose" || level === "log" ? "info" : level,
 	);
 	setLogLevel(level);
-}
+};
 
 if (options.logging) {
 	setAllLogLevel(options.logging);
 }
 
+const logEnabledFeatures = (features) => {
+	const listEnabledFeatures = Object.keys(features);
+	if (!features || listEnabledFeatures.length === 0) {
+		return;
+	}
+
+	let logString = "Server started:";
+
+	// Server started: Hot Module Replacement enabled, Live Reloading enabled, Overlay disabled.
+	for (let i = 0; i < listEnabledFeatures.length; i++) {
+		const key = listEnabledFeatures[i];
+		logString += ` ${key} ${features[key] ? "enabled" : "disabled"},`;
+	}
+	// replace last comma with a period
+	logString = logString.slice(0, -1).concat(".");
+
+	log.info(logString);
+};
+
 logEnabledFeatures(enabledFeatures);
 
 self.addEventListener("beforeunload", () => {
@@ -174,6 +259,96 @@ const overlay =
 			)
 		: { send: () => {} };
 
+/**
+ * @param {Options} options
+ * @param {Status} currentStatus
+ */
+const reloadApp = ({ hot, liveReload }, currentStatus) => {
+	if (currentStatus.isUnloading) {
+		return;
+	}
+
+	const { currentHash, previousHash } = currentStatus;
+	const isInitial =
+		currentHash.indexOf(/** @type {string} */ (previousHash)) >= 0;
+
+	if (isInitial) {
+		return;
+	}
+
+	/**
+	 * @param {Window} rootWindow
+	 * @param {number} intervalId
+	 */
+	function applyReload(rootWindow, intervalId) {
+		clearInterval(intervalId);
+
+		log.info("App updated. Reloading...");
+
+		rootWindow.location.reload();
+	}
+
+	const search = self.location.search.toLowerCase();
+	const allowToHot = search.indexOf("webpack-dev-server-hot=false") === -1;
+	const allowToLiveReload =
+		search.indexOf("webpack-dev-server-live-reload=false") === -1;
+
+	if (hot && allowToHot) {
+		log.info("App hot update...");
+
+		hotEmitter.emit("webpackHotUpdate", currentStatus.currentHash);
+
+		if (typeof self !== "undefined" && self.window) {
+			// broadcast update to window
+			self.postMessage(`webpackHotUpdate${currentStatus.currentHash}`, "*");
+		}
+	}
+	// allow refreshing the page only if liveReload isn't disabled
+	else if (liveReload && allowToLiveReload) {
+		let rootWindow = self;
+
+		// use parent window for reload (in case we're in an iframe with no valid src)
+		const intervalId = self.setInterval(() => {
+			if (rootWindow.location.protocol !== "about:") {
+				// reload immediately if protocol is valid
+				applyReload(rootWindow, intervalId);
+			} else {
+				rootWindow = rootWindow.parent;
+
+				if (rootWindow.parent === rootWindow) {
+					// if parent equals current window we've reached the root which would continue forever, so trigger a reload anyways
+					applyReload(rootWindow, intervalId);
+				}
+			}
+		});
+	}
+};
+
+const ansiRegex = new RegExp(
+	[
+		"[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)",
+		"(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~]))",
+	].join("|"),
+	"g",
+);
+
+/**
+ *
+ * Strip [ANSI escape codes](https://en.wikipedia.org/wiki/ANSI_escape_code) from a string.
+ * Adapted from code originally released by Sindre Sorhus
+ * Licensed the MIT License
+ *
+ * @param {string} string
+ * @return {string}
+ */
+const stripAnsi = (string) => {
+	if (typeof string !== "string") {
+		throw new TypeError(`Expected a \`string\`, got \`${typeof string}\``);
+	}
+
+	return string.replace(ansiRegex, "");
+};
+
 const onSocketMessage = {
 	hot() {
 		if (parsedResourceQuery.hot === "false") {
@@ -249,6 +424,19 @@ const onSocketMessage = {
 			);
 		}
 
+		if (isProgressSupported()) {
+			if (typeof options.progress === "string") {
+				let progress = document.querySelector("wds-progress");
+				if (!progress) {
+					defineProgressElement();
+					progress = document.createElement("wds-progress");
+					document.body.appendChild(progress);
+				}
+				progress.setAttribute("progress", data.percent);
+				progress.setAttribute("type", options.progress);
+			}
+		}
+
 		sendMessage("Progress", data);
 	},
 	"still-ok": function stillOk() {
@@ -381,6 +569,170 @@ const onSocketMessage = {
 	},
 };
 
+/**
+ * @param {{ protocol?: string, auth?: string, hostname?: string, port?: string, pathname?: string, search?: string, hash?: string, slashes?: boolean }} objURL
+ * @returns {string}
+ */
+const formatURL = (objURL) => {
+	let protocol = objURL.protocol || "";
+
+	if (protocol && protocol.substr(-1) !== ":") {
+		protocol += ":";
+	}
+
+	let auth = objURL.auth || "";
+
+	if (auth) {
+		auth = encodeURIComponent(auth);
+		auth = auth.replace(/%3A/i, ":");
+		auth += "@";
+	}
+
+	let host = "";
+
+	if (objURL.hostname) {
+		host =
+			auth +
+			(objURL.hostname.indexOf(":") === -1
+				? objURL.hostname
+				: `[${objURL.hostname}]`);
+
+		if (objURL.port) {
+			host += `:${objURL.port}`;
+		}
+	}
+
+	let pathname = objURL.pathname || "";
+
+	if (objURL.slashes) {
+		host = `//${host || ""}`;
+
+		if (pathname && pathname.charAt(0) !== "/") {
+			pathname = `/${pathname}`;
+		}
+	} else if (!host) {
+		host = "";
+	}
+
+	let search = objURL.search || "";
+
+	if (search && search.charAt(0) !== "?") {
+		search = `?${search}`;
+	}
+
+	let hash = objURL.hash || "";
+
+	if (hash && hash.charAt(0) !== "#") {
+		hash = `#${hash}`;
+	}
+
+	pathname = pathname.replace(
+		/[?#]/g,
+		/**
+		 * @param {string} match
+		 * @returns {string}
+		 */
+		(match) => encodeURIComponent(match),
+	);
+	search = search.replace("#", "%23");
+
+	return `${protocol}${host}${pathname}${search}${hash}`;
+};
+
+/**
+ * @param {URL & { fromCurrentScript?: boolean }} parsedURL
+ * @returns {string}
+ */
+const createSocketURL = (parsedURL) => {
+	let { hostname } = parsedURL;
+
+	// Node.js module parses it as `::`
+	// `new URL(urlString, [baseURLString])` parses it as '[::]'
+	const isInAddrAny =
+		hostname === "0.0.0.0" || hostname === "::" || hostname === "[::]";
+
+	// why do we need this check?
+	// hostname n/a for file protocol (example, when using electron, ionic)
+	// see: https://github.com/webpack/webpack-dev-server/pull/384
+	if (
+		isInAddrAny &&
+		self.location.hostname &&
+		self.location.protocol.indexOf("http") === 0
+	) {
+		hostname = self.location.hostname;
+	}
+
+	let socketURLProtocol = parsedURL.protocol || self.location.protocol;
+
+	// When https is used in the app, secure web sockets are always necessary because the browser doesn't accept non-secure web sockets.
+	if (
+		socketURLProtocol === "auto:" ||
+		(hostname && isInAddrAny && self.location.protocol === "https:")
+	) {
+		socketURLProtocol = self.location.protocol;
+	}
+
+	socketURLProtocol = socketURLProtocol.replace(
+		/^(?:http|.+-extension|file)/i,
+		"ws",
+	);
+
+	let socketURLAuth = "";
+
+	// `new URL(urlString, [baseURLstring])` doesn't have `auth` property
+	// Parse authentication credentials in case we need them
+	if (parsedURL.username) {
+		socketURLAuth = parsedURL.username;
+
+		// Since HTTP basic authentication does not allow empty username,
+		// we only include password if the username is not empty.
+		if (parsedURL.password) {
+			// Result: <username>:<password>
+			socketURLAuth = socketURLAuth.concat(":", parsedURL.password);
+		}
+	}
+
+	// In case the host is a raw IPv6 address, it can be enclosed in
+	// the brackets as the brackets are needed in the final URL string.
+	// Need to remove those as url.format blindly adds its own set of brackets
+	// if the host string contains colons. That would lead to non-working
+	// double brackets (e.g. [[::]]) host
+	//
+	// All of these web socket url params are optionally passed in through resourceQuery,
+	// so we need to fall back to the default if they are not provided
+	const socketURLHostname = (
+		hostname ||
+		self.location.hostname ||
+		"localhost"
+	).replace(/^\[(.*)\]$/, "$1");
+
+	let socketURLPort = parsedURL.port;
+
+	if (!socketURLPort || socketURLPort === "0") {
+		socketURLPort = self.location.port;
+	}
+
+	// If path is provided it'll be passed in via the resourceQuery as a
+	// query param so it has to be parsed out of the querystring in order for the
+	// client to open the socket to the correct location.
+	let socketURLPathname = "/ws";
+
+	if (parsedURL.pathname && !parsedURL.fromCurrentScript) {
+		socketURLPathname = parsedURL.pathname;
+	}
+
+	return formatURL({
+		protocol: socketURLProtocol,
+		auth: socketURLAuth,
+		hostname: socketURLHostname,
+		port: socketURLPort,
+		pathname: socketURLPathname,
+		slashes: true,
+	});
+};
+
 const socketURL = createSocketURL(parsedResourceQuery);
 
 socket(socketURL, onSocketMessage, options.reconnect);
+
+export { getCurrentScriptSource, parseURL, createSocketURL };
diff --git a/client-src/utils/ansiHTML.ts b/client-src/utils/ansiHTML.ts
index 52094c0..0da9ff2 100644
--- a/client-src/utils/ansiHTML.ts
+++ b/client-src/utils/ansiHTML.ts
@@ -34,7 +34,7 @@ const _defColors: Record<string, string | Array<string>> = {
 	magenta: "ff00ff",
 	cyan: "00ffee",
 	lightgrey: "f0f0f0",
-	darkgrey: "888"
+	darkgrey: "888",
 };
 const _styles: Record<string, string> = {
 	30: "black",
@@ -44,11 +44,11 @@ const _styles: Record<string, string> = {
 	34: "blue",
 	35: "magenta",
 	36: "cyan",
-	37: "lightgrey"
+	37: "lightgrey",
 };
 
 const _colorMode: Record<string, string> = {
-	2: "rgb"
+	2: "rgb",
 };
 
 const _openTags: Record<string, string | ((m: Match) => Option<string>)> = {
@@ -79,20 +79,20 @@ const _openTags: Record<string, string | ((m: Match) => Option<string>)> = {
 			match.advance(4);
 			return `background-color: rgb(${r},${g},${b})`;
 		}
-	}
+	},
 };
 
 const _openTagToCloseTag: Record<string, string> = {
 	3: "23",
 	4: "24",
-	9: "29"
+	9: "29",
 };
 
 const _closeTags: Record<
 	string,
 	string | ((ansiCodes: Option<Array<string>>) => string)
 > = {
-	0: ansiCodes => {
+	0: (ansiCodes) => {
 		if (!ansiCodes) return "</span>";
 		if (!ansiCodes.length) return "";
 		let code: Option<string>;
@@ -109,7 +109,7 @@ const _closeTags: Record<
 	},
 	23: "</i>", // reset italic
 	24: "</u>", // reset underscore
-	29: "</del>" // reset delete
+	29: "</del>", // reset delete
 };
 
 for (const n of [21, 22, 27, 28, 39, 49]) {
@@ -140,56 +140,60 @@ export default function ansiHTML(text: string) {
 	const ansiCodes: string[] = [];
 	// Replace with markup.
 	//@ts-ignore TS1487 error
-	let ret = text.replace(/\033\[(?:[0-9]{1,3})?(?:(?:;[0-9]{0,3})*)?m/g, m => {
-		const match = m.match(/(;?\d+)/g)?.map(normalizeSeq) as unknown as Match;
-		Object.defineProperty(match, "advance", {
-			value: function (count: number) {
-				this.splice(0, count);
+	let ret = text.replace(
+		/\033\[(?:[0-9]{1,3})?(?:(?:;[0-9]{0,3})*)?m/g,
+		(m) => {
+			const match = m.match(/(;?\d+)/g)?.map(normalizeSeq) as unknown as Match;
+			Object.defineProperty(match, "advance", {
+				value: function (count: number) {
+					this.splice(0, count);
+				},
+			});
+			let rep = "";
+			let seq: string;
+			while ((seq = match[0])) {
+				match.advance(1);
+				rep += applySeq(seq);
 			}
-		});
-		let rep = "";
-		let seq: string;
-		while ((seq = match[0])) {
-			match.advance(1);
-			rep += applySeq(seq);
-		}
-		return rep;
+			return rep;
 
-		function applySeq(seq: string) {
-			let other = _openTags[seq];
-			if (
-				other &&
-				(other = typeof other === "function" ? (other(match) as string) : other)
-			) {
-				// If reset signal is encountered, we have to reset everything.
-				let ret = "";
-				if (seq === "0") {
-					ret += (
-						_closeTags[seq] as (ansiCodes: Option<Array<string>>) => string
-					)(ansiCodes);
+			function applySeq(seq: string) {
+				let other = _openTags[seq];
+				if (
+					other &&
+					(other =
+						typeof other === "function" ? (other(match) as string) : other)
+				) {
+					// If reset signal is encountered, we have to reset everything.
+					let ret = "";
+					if (seq === "0") {
+						ret += (
+							_closeTags[seq] as (ansiCodes: Option<Array<string>>) => string
+						)(ansiCodes);
+					}
+					// If current sequence has been opened, close it.
+					if (ansiCodes.indexOf(seq) !== -1) {
+						ansiCodes.pop();
+						return "</span>";
+					}
+					// Open tag.
+					ansiCodes.push(seq);
+					return ret + (other[0] === "<" ? other : `<span style="${other};">`);
+				}
+
+				const ct = _closeTags[seq];
+				if (typeof ct === "function") {
+					return ct(ansiCodes);
 				}
-				// If current sequence has been opened, close it.
-				if (ansiCodes.indexOf(seq) !== -1) {
+				if (ct) {
+					// Pop sequence
 					ansiCodes.pop();
-					return "</span>";
+					return ct;
 				}
-				// Open tag.
-				ansiCodes.push(seq);
-				return ret + (other[0] === "<" ? other : `<span style="${other};">`);
-			}
-
-			const ct = _closeTags[seq];
-			if (typeof ct === "function") {
-				return ct(ansiCodes);
+				return "";
 			}
-			if (ct) {
-				// Pop sequence
-				ansiCodes.pop();
-				return ct;
-			}
-			return "";
-		}
-	});
+		},
+	);
 
 	// Make sure tags are closed.
 	const l = ansiCodes.length;
@@ -221,10 +225,10 @@ ansiHTML.setColors = (colors: typeof _defColors) => {
 			if (
 				!Array.isArray(hex) ||
 				hex.length === 0 ||
-				hex.some(h => typeof h !== "string")
+				hex.some((h) => typeof h !== "string")
 			) {
 				throw new Error(
-					`The value of \`${key}\` property must be an Array and each item could only be a hex string, e.g.: FF0000`
+					`The value of \`${key}\` property must be an Array and each item could only be a hex string, e.g.: FF0000`,
 				);
 			}
 			const defHexColor = _defColors[key];
@@ -239,7 +243,7 @@ ansiHTML.setColors = (colors: typeof _defColors) => {
 			hex = hex.slice(0, 2);
 		} else if (typeof hex !== "string") {
 			throw new Error(
-				`The value of \`${key}\` property must be a hex string, e.g.: FF0000`
+				`The value of \`${key}\` property must be a hex string, e.g.: FF0000`,
 			);
 		}
 		_finalColors[key] = hex;
@@ -262,10 +266,10 @@ ansiHTML.tags = {} as AnsiHtmlTags;
 
 if (Object.defineProperty) {
 	Object.defineProperty(ansiHTML.tags, "open", {
-		get: () => _openTags
+		get: () => _openTags,
 	});
 	Object.defineProperty(ansiHTML.tags, "close", {
-		get: () => _closeTags
+		get: () => _closeTags,
 	});
 } else {
 	ansiHTML.tags.open = _openTags;
diff --git a/client-src/utils/reloadApp.js b/client-src/utils/reloadApp.js
deleted file mode 100644
index 204c834..0000000
--- a/client-src/utils/reloadApp.js
+++ /dev/null
@@ -1,74 +0,0 @@
-// @ts-nocheck
-
-import hotEmitter from "@rspack/core/hot/emitter.js";
-import { log } from "webpack-dev-server/client/utils/log.js";
-
-/** @typedef {import("../index").Options} Options
-/** @typedef {import("../index").Status} Status
-
-/**
- * @param {Options} options
- * @param {Status} status
- */
-function reloadApp({ hot, liveReload }, status) {
-	if (status.isUnloading) {
-		return;
-	}
-
-	const { currentHash, previousHash } = status;
-	const isInitial =
-		currentHash.indexOf(/** @type {string} */ (previousHash)) >= 0;
-
-	if (isInitial) {
-		return;
-	}
-
-	/**
-	 * @param {Window} rootWindow
-	 * @param {number} intervalId
-	 */
-	function applyReload(rootWindow, intervalId) {
-		clearInterval(intervalId);
-
-		log.info("App updated. Reloading...");
-
-		rootWindow.location.reload();
-	}
-
-	const search = self.location.search.toLowerCase();
-	const allowToHot = search.indexOf("webpack-dev-server-hot=false") === -1;
-	const allowToLiveReload =
-		search.indexOf("webpack-dev-server-live-reload=false") === -1;
-
-	if (hot && allowToHot) {
-		log.info("App hot update...");
-
-		hotEmitter.emit("webpackHotUpdate", status.currentHash);
-
-		if (typeof self !== "undefined" && self.window) {
-			// broadcast update to window
-			self.postMessage(`webpackHotUpdate${status.currentHash}`, "*");
-		}
-	}
-	// allow refreshing the page only if liveReload isn't disabled
-	else if (liveReload && allowToLiveReload) {
-		let rootWindow = self;
-
-		// use parent window for reload (in case we're in an iframe with no valid src)
-		const intervalId = self.setInterval(() => {
-			if (rootWindow.location.protocol !== "about:") {
-				// reload immediately if protocol is valid
-				applyReload(rootWindow, intervalId);
-			} else {
-				rootWindow = rootWindow.parent;
-
-				if (rootWindow.parent === rootWindow) {
-					// if parent equals current window we've reached the root which would continue forever, so trigger a reload anyways
-					applyReload(rootWindow, intervalId);
-				}
-			}
-		});
-	}
-}
-
-export default reloadApp;
diff --git a/jest.config.js b/jest.config.js
index 79ed440..6b396b8 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -4,7 +4,7 @@ const isWin = os.platform() === "win32";
 const config = {
 	preset: "ts-jest",
 	testEnvironmentOptions: {
-		url: "http://localhost/"
+		url: "http://localhost/",
 	},
 	testMatch: [
 		"<rootDir>/tests/*.test.ts",
@@ -19,7 +19,7 @@ const config = {
 		// TODO: check why this test throw error when run with other tests
 		"<rootDir>/tests/e2e/watch-files.test.js",
 		// TODO: check why this test timeout
-		"<rootDir>/tests/e2e/web-socket-server-url.test.js"
+		"<rootDir>/tests/e2e/web-socket-server-url.test.js",
 	],
 	cache: false,
 	testTimeout: process.env.CI ? 120000 : 30000,
@@ -27,9 +27,9 @@ const config = {
 		"(.*)\\.{js,ts}": [
 			"ts-jest",
 			{
-				tsconfig: "<rootDir>/tests/tsconfig.json"
-			}
-		]
+				tsconfig: "<rootDir>/tests/tsconfig.json",
+			},
+		],
 	},
 	// Add this to find out which test timeouts
 	// testSequencer: "<rootDir>/tests/helpers/sequencer.js",
@@ -37,8 +37,8 @@ const config = {
 	setupFilesAfterEnv: ["<rootDir>/tests/helpers/setup-test.js"],
 	globalSetup: "<rootDir>/tests/helpers/global-setup-test.js",
 	moduleNameMapper: {
-		"^uuid$": require.resolve("uuid")
-	}
+		"^uuid$": require.resolve("uuid"),
+	},
 };
 
 module.exports = config;
diff --git a/package.json b/package.json
index bbc3da8..81de582 100644
--- a/package.json
+++ b/package.json
@@ -1,104 +1,104 @@
 {
-  "name": "@rspack/dev-server",
-  "version": "1.0.10",
-  "license": "MIT",
-  "description": "Development server for rspack",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/",
-    "provenance": true
-  },
-  "exports": {
-    ".": {
-      "default": "./dist/index.js"
-    },
-    "./client/*": "./client/*.js",
-    "./client/*.js": "./client/*.js",
-    "./package.json": "./package.json"
-  },
-  "scripts": {
-    "build": "pnpm run build:server && pnpm run build:client",
-    "build:server": "tsc -b ./tsconfig.build.json",
-    "build:client": "tsc -b ./tsconfig.client.json",
-    "dev": "tsc -b -w",
-    "lint": "biome check .",
-    "lint:write": "biome check . --write",
-    "format": "node ./node_modules/prettier/bin/prettier.cjs \"packages/**/src/**/*.{ts,tsx,js}\" \"crates/rspack_plugin_runtime/**/*.{ts,js}\" \"x.mjs\" --check",
-    "test:install": "cross-env ./node_modules/.bin/puppeteer browsers install chrome",
-    "test": "pnpm run test:install && pnpm run build && cross-env NO_COLOR=1 node --expose-gc --max-old-space-size=8192 --experimental-vm-modules ./node_modules/jest-cli/bin/jest --colors",
-    "release": "node ./scripts/release.mjs"
-  },
-  "simple-git-hooks": {
-    "pre-commit": "npx nano-staged"
-  },
-  "nano-staged": {
-    "*.{js,jsx,ts,tsx,mjs,cjs}": [
-      "biome check --write --no-errors-on-unmatched"
-    ]
-  },
-  "files": [
-    "dist",
-    "client"
-  ],
-  "engines": {
-    "node": ">= 18.12.0"
-  },
-  "packageManager": "pnpm@9.6.0",
-  "homepage": "https://rspack.dev",
-  "bugs": "https://github.com/web-infra-dev/rspack-dev-server/issues",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/web-infra-dev/rspack-dev-server"
-  },
-  "devDependencies": {
-    "@biomejs/biome": "^1.8.3",
-    "@jest/reporters": "29.7.0",
-    "@jest/test-sequencer": "^29.7.0",
-    "@rspack/core": "1.0.11",
-    "@rspack/plugin-react-refresh": "1.0.0",
-    "@types/express": "4.17.21",
-    "@types/jest": "29.5.12",
-    "@types/mime-types": "2.1.4",
-    "@types/ws": "8.5.10",
-    "cross-env": "^7.0.3",
-    "css-loader": "^6.11.0",
-    "execa": "9.3.0",
-    "fs-extra": "11.2.0",
-    "graceful-fs": "4.2.10",
-    "http-proxy": "^1.18.1",
-    "jest": "29.7.0",
-    "jest-cli": "29.7.0",
-    "jest-environment-node": "29.7.0",
-    "jest-serializer-path": "^0.1.15",
-    "nano-staged": "^0.8.0",
-    "prettier": "3.2.5",
-    "puppeteer": "^23.2.2",
-    "react-refresh": "0.14.0",
-    "require-from-string": "^2.0.2",
-    "semver": "7.6.3",
-    "simple-git-hooks": "^2.11.1",
-    "sockjs-client": "^1.6.1",
-    "style-loader": "^3.3.3",
-    "supertest": "^6.1.3",
-    "tcp-port-used": "^1.0.2",
-    "ts-jest": "29.1.2",
-    "typescript": "5.0.2",
-    "wait-for-expect": "^3.0.2",
-    "webpack": "^5.94.0"
-  },
-  "dependencies": {
-    "chokidar": "^3.6.0",
-    "express": "^4.19.2",
-    "http-proxy-middleware": "^2.0.6",
-    "mime-types": "^2.1.35",
-    "p-retry": "^6.2.0",
-    "webpack-dev-middleware": "^7.4.2",
-    "webpack-dev-server": "5.0.4",
-    "ws": "^8.16.0"
-  },
-  "peerDependencies": {
-    "@rspack/core": "*"
-  }
+	"name": "@rspack/dev-server",
+	"version": "1.0.10",
+	"license": "MIT",
+	"description": "Development server for rspack",
+	"main": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"publishConfig": {
+		"access": "public",
+		"registry": "https://registry.npmjs.org/",
+		"provenance": true
+	},
+	"exports": {
+		".": {
+			"default": "./dist/index.js"
+		},
+		"./client/*": "./client/*.js",
+		"./client/*.js": "./client/*.js",
+		"./package.json": "./package.json"
+	},
+	"scripts": {
+		"build": "pnpm run build:server && pnpm run build:client",
+		"build:server": "tsc -b ./tsconfig.build.json",
+		"build:client": "tsc -b ./tsconfig.client.json",
+		"dev": "tsc -b -w",
+		"lint": "biome check .",
+		"lint:write": "biome check . --write",
+		"format": "node ./node_modules/prettier/bin/prettier.cjs \"packages/**/src/**/*.{ts,tsx,js}\" \"crates/rspack_plugin_runtime/**/*.{ts,js}\" \"x.mjs\" --check",
+		"test:install": "cross-env ./node_modules/.bin/puppeteer browsers install chrome",
+		"test": "pnpm run test:install && pnpm run build && cross-env NO_COLOR=1 node --expose-gc --max-old-space-size=8192 --experimental-vm-modules ./node_modules/jest-cli/bin/jest --colors",
+		"release": "node ./scripts/release.mjs"
+	},
+	"simple-git-hooks": {
+		"pre-commit": "npx nano-staged"
+	},
+	"nano-staged": {
+		"*.{js,jsx,ts,tsx,mjs,cjs}": [
+			"biome check --write --no-errors-on-unmatched"
+		]
+	},
+	"files": ["dist", "client"],
+	"engines": {
+		"node": ">= 18.12.0"
+	},
+	"packageManager": "pnpm@9.6.0",
+	"homepage": "https://rspack.dev",
+	"bugs": "https://github.com/web-infra-dev/rspack-dev-server/issues",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/web-infra-dev/rspack-dev-server"
+	},
+	"devDependencies": {
+		"@biomejs/biome": "^1.8.3",
+		"@jest/reporters": "29.7.0",
+		"@jest/test-sequencer": "^29.7.0",
+		"@rspack/core": "1.0.11",
+		"@rspack/plugin-react-refresh": "1.0.0",
+		"@types/express": "4.17.21",
+		"@types/jest": "29.5.12",
+		"@types/mime-types": "2.1.4",
+		"@types/ws": "8.5.10",
+		"@hono/node-server": "^1.13.3",
+		"cross-env": "^7.0.3",
+		"css-loader": "^6.11.0",
+		"connect": "^3.7.0",
+		"execa": "9.3.0",
+		"fs-extra": "11.2.0",
+		"graceful-fs": "4.2.10",
+		"http-proxy": "^1.18.1",
+		"hono": "^4.6.8",
+		"jest": "29.7.0",
+		"jest-cli": "29.7.0",
+		"jest-environment-node": "29.7.0",
+		"jest-serializer-path": "^0.1.15",
+		"nano-staged": "^0.8.0",
+		"prettier": "3.2.5",
+		"puppeteer": "^23.2.2",
+		"react-refresh": "0.14.0",
+		"require-from-string": "^2.0.2",
+		"semver": "7.6.3",
+		"simple-git-hooks": "^2.11.1",
+		"sockjs-client": "^1.6.1",
+		"style-loader": "^3.3.3",
+		"supertest": "^6.1.3",
+		"tcp-port-used": "^1.0.2",
+		"ts-jest": "29.1.2",
+		"typescript": "5.0.2",
+		"wait-for-expect": "^3.0.2",
+		"webpack": "^5.94.0"
+	},
+	"dependencies": {
+		"chokidar": "^3.6.0",
+		"express": "^4.19.2",
+		"http-proxy-middleware": "^2.0.6",
+		"mime-types": "^2.1.35",
+		"p-retry": "^6.2.0",
+		"webpack-dev-middleware": "^7.4.2",
+		"webpack-dev-server": "5.2.0",
+		"ws": "^8.16.0"
+	},
+	"peerDependencies": {
+		"@rspack/core": "*"
+	}
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5614404..63cd5e0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -27,8 +27,8 @@ importers:
         specifier: ^7.4.2
         version: 7.4.2(webpack@5.94.0)
       webpack-dev-server:
-        specifier: 5.0.4
-        version: 5.0.4(webpack@5.94.0)
+        specifier: 5.2.0
+        version: 5.2.0(webpack@5.94.0)
       ws:
         specifier: ^8.16.0
         version: 8.18.0
@@ -36,6 +36,9 @@ importers:
       '@biomejs/biome':
         specifier: ^1.8.3
         version: 1.9.2
+      '@hono/node-server':
+        specifier: ^1.13.3
+        version: 1.13.8(hono@4.7.4)
       '@jest/reporters':
         specifier: 29.7.0
         version: 29.7.0
@@ -60,6 +63,9 @@ importers:
       '@types/ws':
         specifier: 8.5.10
         version: 8.5.10
+      connect:
+        specifier: ^3.7.0
+        version: 3.7.0
       cross-env:
         specifier: ^7.0.3
         version: 7.0.3
@@ -75,6 +81,9 @@ importers:
       graceful-fs:
         specifier: 4.2.10
         version: 4.2.10
+      hono:
+        specifier: ^4.6.8
+        version: 4.7.4
       http-proxy:
         specifier: ^1.18.1
         version: 1.18.1
@@ -364,9 +373,11 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@isaacs/cliui@8.0.2':
-    resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
-    engines: {node: '>=12'}
+  '@hono/node-server@1.13.8':
+    resolution: {integrity: sha512-fsn8ucecsAXUoVxrUil0m13kOEq4mkX4/4QozCqmY+HpGfKl74OYSn8JcMA8GnG0ClfdRI4/ZSeG7zhFaVg+wg==}
+    engines: {node: '>=18.14.1'}
+    peerDependencies:
+      hono: ^4
 
   '@istanbuljs/load-nyc-config@1.1.0':
     resolution: {integrity: sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==}
@@ -496,10 +507,6 @@ packages:
   '@module-federation/webpack-bundler-runtime@0.5.1':
     resolution: {integrity: sha512-mMhRFH0k2VjwHt3Jol9JkUsmI/4XlrAoBG3E0o7HoyoPYv1UFOWyqAflfANcUPgbYpvqmyLzDcO+3IT36LXnrA==}
 
-  '@pkgjs/parseargs@0.11.0':
-    resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
-    engines: {node: '>=14'}
-
   '@puppeteer/browsers@2.4.0':
     resolution: {integrity: sha512-x8J1csfIygOwf6D6qUAZ0ASk3z63zPb7wkNeHRerCMh82qWKUrOgkuP005AJC8lDL6/evtXETGEJVcwykKT4/g==}
     engines: {node: '>=18'}
@@ -807,10 +814,6 @@ packages:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
     engines: {node: '>=8'}
 
-  ansi-regex@6.1.0:
-    resolution: {integrity: sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==}
-    engines: {node: '>=12'}
-
   ansi-styles@3.2.1:
     resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
     engines: {node: '>=4'}
@@ -823,10 +826,6 @@ packages:
     resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
     engines: {node: '>=10'}
 
-  ansi-styles@6.2.1:
-    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
-    engines: {node: '>=12'}
-
   anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
     engines: {node: '>= 8'}
@@ -920,9 +919,6 @@ packages:
   brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
 
-  brace-expansion@2.0.1:
-    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
-
   braces@3.0.3:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
@@ -1063,6 +1059,10 @@ packages:
     resolution: {integrity: sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==}
     engines: {node: '>=0.8'}
 
+  connect@3.7.0:
+    resolution: {integrity: sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==}
+    engines: {node: '>= 0.10.0'}
+
   content-disposition@0.5.4:
     resolution: {integrity: sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==}
     engines: {node: '>= 0.6'}
@@ -1081,6 +1081,10 @@ packages:
     resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
     engines: {node: '>= 0.6'}
 
+  cookie@0.7.1:
+    resolution: {integrity: sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==}
+    engines: {node: '>= 0.6'}
+
   cookiejar@2.1.4:
     resolution: {integrity: sha512-LDx6oHrK+PhzLKJU9j5S7/Y3jM/mUHvD/DeI1WQmJn652iPC5Y4TBzC9l+5OMOXlyTTA+SmVUPm0HQUwpD5Jqw==}
 
@@ -1188,10 +1192,6 @@ packages:
     resolution: {integrity: sha512-WY/3TUME0x3KPYdRRxEJJvXRHV4PyPoUsxtZa78lwItwRQRHhd2U9xOscaT/YTf8uCXIAjeJOFBVEh/7FtD8Xg==}
     engines: {node: '>=18'}
 
-  default-gateway@6.0.3:
-    resolution: {integrity: sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==}
-    engines: {node: '>= 10'}
-
   define-data-property@1.1.4:
     resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
     engines: {node: '>= 0.4'}
@@ -1241,9 +1241,6 @@ packages:
     resolution: {integrity: sha512-l4gcSouhcgIKRvyy99RNVOgxXiicE+2jZoNmaNmZ6JXiGajBOJAesk1OBlJuM5k2c+eudGdLxDqXuPCKIj6kpw==}
     engines: {node: '>=6'}
 
-  eastasianwidth@0.2.0:
-    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
-
   ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
@@ -1257,9 +1254,6 @@ packages:
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
 
-  emoji-regex@9.2.2:
-    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
-
   encodeurl@1.0.2:
     resolution: {integrity: sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==}
     engines: {node: '>= 0.8'}
@@ -1376,6 +1370,10 @@ packages:
     resolution: {integrity: sha512-VqcNGcj/Id5ZT1LZ/cfihi3ttTn+NJmkli2eZADigjq29qTlWi/hAQ43t/VLPq8+UX06FCEx3ByOYet6ZFblng==}
     engines: {node: '>= 0.10.0'}
 
+  express@4.21.2:
+    resolution: {integrity: sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==}
+    engines: {node: '>= 0.10.0'}
+
   extract-zip@2.0.1:
     resolution: {integrity: sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==}
     engines: {node: '>= 10.17.0'}
@@ -1414,6 +1412,10 @@ packages:
     resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
     engines: {node: '>=8'}
 
+  finalhandler@1.1.2:
+    resolution: {integrity: sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==}
+    engines: {node: '>= 0.8'}
+
   finalhandler@1.3.1:
     resolution: {integrity: sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==}
     engines: {node: '>= 0.8'}
@@ -1431,10 +1433,6 @@ packages:
       debug:
         optional: true
 
-  foreground-child@3.3.0:
-    resolution: {integrity: sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
-    engines: {node: '>=14'}
-
   form-data@4.0.0:
     resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
     engines: {node: '>= 6'}
@@ -1504,10 +1502,6 @@ packages:
   glob-to-regexp@0.4.1:
     resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==}
 
-  glob@10.4.5:
-    resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
-    hasBin: true
-
   glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
     deprecated: Glob versions prior to v9 are no longer supported
@@ -1555,6 +1549,10 @@ packages:
     resolution: {integrity: sha512-QFLV0taWQOZtvIRIAdBChesmogZrtuXvVWsFHZTk2SU+anspqZ2vMnoLg7IE1+Uk16N19APic1BuF8bC8c2m5g==}
     engines: {node: '>=8'}
 
+  hono@4.7.4:
+    resolution: {integrity: sha512-Pst8FuGqz3L7tFF+u9Pu70eI0xa5S3LPUmrNd5Jm8nTHze9FxLTK9Kaj5g/k4UcwuJSXTP65SyHOPLrffpcAJg==}
+    engines: {node: '>=16.9.0'}
+
   hpack.js@2.1.6:
     resolution: {integrity: sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==}
 
@@ -1769,9 +1767,6 @@ packages:
     resolution: {integrity: sha512-BewmUXImeuRk2YY0PVbxgKAysvhRPUQE0h5QRM++nVWyubKGV0l8qQ5op8+B2DOmwSe63Jivj0BjkPQVf8fP5g==}
     engines: {node: '>=8'}
 
-  jackspeak@3.4.3:
-    resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
-
   jest-changed-files@29.7.0:
     resolution: {integrity: sha512-fEArFiwf1BpQ+4bXSprcDc3/x4HSzL4al2tozwVpDFpsxALjLYdyiIK4e5Vz66GQJIbXJ82+35PtysofptNX2w==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -1976,9 +1971,6 @@ packages:
   lodash.memoize@4.1.2:
     resolution: {integrity: sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==}
 
-  lru-cache@10.4.3:
-    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
-
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
@@ -2050,14 +2042,6 @@ packages:
   minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
 
-  minimatch@9.0.5:
-    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
-    engines: {node: '>=16 || 14 >=14.17'}
-
-  minipass@7.1.2:
-    resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
-    engines: {node: '>=16 || 14 >=14.17'}
-
   mitt@3.0.1:
     resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
 
@@ -2127,6 +2111,10 @@ packages:
   obuf@1.1.2:
     resolution: {integrity: sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==}
 
+  on-finished@2.3.0:
+    resolution: {integrity: sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==}
+    engines: {node: '>= 0.8'}
+
   on-finished@2.4.1:
     resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==}
     engines: {node: '>= 0.8'}
@@ -2174,9 +2162,6 @@ packages:
     resolution: {integrity: sha512-5NPgf87AT2STgwa2ntRMr45jTKrYBGkVU36yT0ig/n/GMAa3oPqhZfIQ2kMEimReg0+t9kZViDVZ83qfVUlckg==}
     engines: {node: '>= 14'}
 
-  package-json-from-dist@1.0.0:
-    resolution: {integrity: sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw==}
-
   parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
@@ -2212,13 +2197,12 @@ packages:
   path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
 
-  path-scurry@1.11.1:
-    resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
-    engines: {node: '>=16 || 14 >=14.18'}
-
   path-to-regexp@0.1.10:
     resolution: {integrity: sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w==}
 
+  path-to-regexp@0.1.12:
+    resolution: {integrity: sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==}
+
   pend@1.2.0:
     resolution: {integrity: sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==}
 
@@ -2400,10 +2384,6 @@ packages:
     resolution: {integrity: sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==}
     engines: {node: '>= 4'}
 
-  rimraf@5.0.10:
-    resolution: {integrity: sha512-l0OE8wL34P4nJH/H2ffoaniAokM2qSmrtXHmlpvYr5AVVX8msAyW0l8NVJFDxlSK4u3Uh/f41cQheDVdnYijwQ==}
-    hasBin: true
-
   run-applescript@7.0.0:
     resolution: {integrity: sha512-9by4Ij99JUr/MCFBUkDKLWK3G9HVXmabKz9U5MlIAIuvuzkiOicRYs8XJLxX+xahD+mLiiCYDqF9dKAgtzKP1A==}
     engines: {node: '>=18'}
@@ -2575,10 +2555,6 @@ packages:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
     engines: {node: '>=8'}
 
-  string-width@5.1.2:
-    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
-    engines: {node: '>=12'}
-
   string_decoder@1.1.1:
     resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
 
@@ -2589,10 +2565,6 @@ packages:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
 
-  strip-ansi@7.1.0:
-    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
-    engines: {node: '>=12'}
-
   strip-bom@4.0.0:
     resolution: {integrity: sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==}
     engines: {node: '>=8'}
@@ -2831,8 +2803,8 @@ packages:
       webpack:
         optional: true
 
-  webpack-dev-server@5.0.4:
-    resolution: {integrity: sha512-dljXhUgx3HqKP2d8J/fUMvhxGhzjeNVarDLcbO/EWMSgRizDkxHQDZQaLFL5VJY9tRBj2Gz+rvCEYYvhbqPHNA==}
+  webpack-dev-server@5.2.0:
+    resolution: {integrity: sha512-90SqqYXA2SK36KcT6o1bvwvZfJFcmoamqeJY7+boioffX9g9C0wjjJRGUrQIuh43pb0ttX7+ssavmj/WN2RHtA==}
     engines: {node: '>= 18.12.0'}
     hasBin: true
     peerDependencies:
@@ -2875,10 +2847,6 @@ packages:
     resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
     engines: {node: '>=10'}
 
-  wrap-ansi@8.1.0:
-    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
-    engines: {node: '>=12'}
-
   wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
@@ -3170,14 +3138,9 @@ snapshots:
   '@biomejs/cli-win32-x64@1.9.2':
     optional: true
 
-  '@isaacs/cliui@8.0.2':
+  '@hono/node-server@1.13.8(hono@4.7.4)':
     dependencies:
-      string-width: 5.1.2
-      string-width-cjs: string-width@4.2.3
-      strip-ansi: 7.1.0
-      strip-ansi-cjs: strip-ansi@6.0.1
-      wrap-ansi: 8.1.0
-      wrap-ansi-cjs: wrap-ansi@7.0.0
+      hono: 4.7.4
 
   '@istanbuljs/load-nyc-config@1.1.0':
     dependencies:
@@ -3407,9 +3370,6 @@ snapshots:
       '@module-federation/runtime': 0.5.1
       '@module-federation/sdk': 0.5.1
 
-  '@pkgjs/parseargs@0.11.0':
-    optional: true
-
   '@puppeteer/browsers@2.4.0':
     dependencies:
       debug: 4.3.7
@@ -3766,8 +3726,6 @@ snapshots:
 
   ansi-regex@5.0.1: {}
 
-  ansi-regex@6.1.0: {}
-
   ansi-styles@3.2.1:
     dependencies:
       color-convert: 1.9.3
@@ -3778,8 +3736,6 @@ snapshots:
 
   ansi-styles@5.2.0: {}
 
-  ansi-styles@6.2.1: {}
-
   anymatch@3.1.3:
     dependencies:
       normalize-path: 3.0.0
@@ -3919,10 +3875,6 @@ snapshots:
       balanced-match: 1.0.2
       concat-map: 0.0.1
 
-  brace-expansion@2.0.1:
-    dependencies:
-      balanced-match: 1.0.2
-
   braces@3.0.3:
     dependencies:
       fill-range: 7.1.1
@@ -4065,6 +4017,15 @@ snapshots:
 
   connect-history-api-fallback@2.0.0: {}
 
+  connect@3.7.0:
+    dependencies:
+      debug: 2.6.9
+      finalhandler: 1.1.2
+      parseurl: 1.3.3
+      utils-merge: 1.0.1
+    transitivePeerDependencies:
+      - supports-color
+
   content-disposition@0.5.4:
     dependencies:
       safe-buffer: 5.2.1
@@ -4077,6 +4038,8 @@ snapshots:
 
   cookie@0.6.0: {}
 
+  cookie@0.7.1: {}
+
   cookiejar@2.1.4: {}
 
   core-util-is@1.0.3: {}
@@ -4162,10 +4125,6 @@ snapshots:
       bundle-name: 4.1.0
       default-browser-id: 5.0.0
 
-  default-gateway@6.0.3:
-    dependencies:
-      execa: 5.1.1
-
   define-data-property@1.1.4:
     dependencies:
       es-define-property: 1.0.0
@@ -4205,8 +4164,6 @@ snapshots:
     dependencies:
       '@leichtgewicht/ip-codec': 2.0.5
 
-  eastasianwidth@0.2.0: {}
-
   ee-first@1.1.1: {}
 
   electron-to-chromium@1.5.27: {}
@@ -4215,8 +4172,6 @@ snapshots:
 
   emoji-regex@8.0.0: {}
 
-  emoji-regex@9.2.2: {}
-
   encodeurl@1.0.2: {}
 
   encodeurl@2.0.0: {}
@@ -4362,6 +4317,42 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  express@4.21.2:
+    dependencies:
+      accepts: 1.3.8
+      array-flatten: 1.1.1
+      body-parser: 1.20.3
+      content-disposition: 0.5.4
+      content-type: 1.0.5
+      cookie: 0.7.1
+      cookie-signature: 1.0.6
+      debug: 2.6.9
+      depd: 2.0.0
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      etag: 1.8.1
+      finalhandler: 1.3.1
+      fresh: 0.5.2
+      http-errors: 2.0.0
+      merge-descriptors: 1.0.3
+      methods: 1.1.2
+      on-finished: 2.4.1
+      parseurl: 1.3.3
+      path-to-regexp: 0.1.12
+      proxy-addr: 2.0.7
+      qs: 6.13.0
+      range-parser: 1.2.1
+      safe-buffer: 5.2.1
+      send: 0.19.0
+      serve-static: 1.16.2
+      setprototypeof: 1.2.0
+      statuses: 2.0.1
+      type-is: 1.6.18
+      utils-merge: 1.0.1
+      vary: 1.1.2
+    transitivePeerDependencies:
+      - supports-color
+
   extract-zip@2.0.1:
     dependencies:
       debug: 4.3.7
@@ -4402,6 +4393,18 @@ snapshots:
     dependencies:
       to-regex-range: 5.0.1
 
+  finalhandler@1.1.2:
+    dependencies:
+      debug: 2.6.9
+      encodeurl: 1.0.2
+      escape-html: 1.0.3
+      on-finished: 2.3.0
+      parseurl: 1.3.3
+      statuses: 1.5.0
+      unpipe: 1.0.0
+    transitivePeerDependencies:
+      - supports-color
+
   finalhandler@1.3.1:
     dependencies:
       debug: 2.6.9
@@ -4421,11 +4424,6 @@ snapshots:
 
   follow-redirects@1.15.9: {}
 
-  foreground-child@3.3.0:
-    dependencies:
-      cross-spawn: 7.0.3
-      signal-exit: 4.1.0
-
   form-data@4.0.0:
     dependencies:
       asynckit: 0.4.0
@@ -4496,15 +4494,6 @@ snapshots:
 
   glob-to-regexp@0.4.1: {}
 
-  glob@10.4.5:
-    dependencies:
-      foreground-child: 3.3.0
-      jackspeak: 3.4.3
-      minimatch: 9.0.5
-      minipass: 7.1.2
-      package-json-from-dist: 1.0.0
-      path-scurry: 1.11.1
-
   glob@7.2.3:
     dependencies:
       fs.realpath: 1.0.0
@@ -4544,6 +4533,8 @@ snapshots:
 
   hexoid@1.0.0: {}
 
+  hono@4.7.4: {}
+
   hpack.js@2.1.6:
     dependencies:
       inherits: 2.0.4
@@ -4753,12 +4744,6 @@ snapshots:
       html-escaper: 2.0.2
       istanbul-lib-report: 3.0.1
 
-  jackspeak@3.4.3:
-    dependencies:
-      '@isaacs/cliui': 8.0.2
-    optionalDependencies:
-      '@pkgjs/parseargs': 0.11.0
-
   jest-changed-files@29.7.0:
     dependencies:
       execa: 5.1.1
@@ -5131,8 +5116,6 @@ snapshots:
 
   lodash.memoize@4.1.2: {}
 
-  lru-cache@10.4.3: {}
-
   lru-cache@5.1.1:
     dependencies:
       yallist: 3.1.1
@@ -5189,12 +5172,6 @@ snapshots:
     dependencies:
       brace-expansion: 1.1.11
 
-  minimatch@9.0.5:
-    dependencies:
-      brace-expansion: 2.0.1
-
-  minipass@7.1.2: {}
-
   mitt@3.0.1: {}
 
   ms@2.0.0: {}
@@ -5242,6 +5219,10 @@ snapshots:
 
   obuf@1.1.2: {}
 
+  on-finished@2.3.0:
+    dependencies:
+      ee-first: 1.1.1
+
   on-finished@2.4.1:
     dependencies:
       ee-first: 1.1.1
@@ -5301,8 +5282,6 @@ snapshots:
       degenerator: 5.0.1
       netmask: 2.0.2
 
-  package-json-from-dist@1.0.0: {}
-
   parent-module@1.0.1:
     dependencies:
       callsites: 3.1.0
@@ -5328,13 +5307,10 @@ snapshots:
 
   path-parse@1.0.7: {}
 
-  path-scurry@1.11.1:
-    dependencies:
-      lru-cache: 10.4.3
-      minipass: 7.1.2
-
   path-to-regexp@0.1.10: {}
 
+  path-to-regexp@0.1.12: {}
+
   pend@1.2.0: {}
 
   picocolors@1.1.0: {}
@@ -5527,10 +5503,6 @@ snapshots:
 
   retry@0.13.1: {}
 
-  rimraf@5.0.10:
-    dependencies:
-      glob: 10.4.5
-
   run-applescript@7.0.0: {}
 
   safe-buffer@5.1.2: {}
@@ -5745,12 +5717,6 @@ snapshots:
       is-fullwidth-code-point: 3.0.0
       strip-ansi: 6.0.1
 
-  string-width@5.1.2:
-    dependencies:
-      eastasianwidth: 0.2.0
-      emoji-regex: 9.2.2
-      strip-ansi: 7.1.0
-
   string_decoder@1.1.1:
     dependencies:
       safe-buffer: 5.1.2
@@ -5763,10 +5729,6 @@ snapshots:
     dependencies:
       ansi-regex: 5.0.1
 
-  strip-ansi@7.1.0:
-    dependencies:
-      ansi-regex: 6.1.0
-
   strip-bom@4.0.0: {}
 
   strip-final-newline@2.0.0: {}
@@ -5988,7 +5950,7 @@ snapshots:
     optionalDependencies:
       webpack: 5.94.0
 
-  webpack-dev-server@5.0.4(webpack@5.94.0):
+  webpack-dev-server@5.2.0(webpack@5.94.0):
     dependencies:
       '@types/bonjour': 3.5.13
       '@types/connect-history-api-fallback': 1.5.4
@@ -6003,16 +5965,13 @@ snapshots:
       colorette: 2.0.20
       compression: 1.7.4
       connect-history-api-fallback: 2.0.0
-      default-gateway: 6.0.3
-      express: 4.21.0
+      express: 4.21.2
       graceful-fs: 4.2.10
-      html-entities: 2.5.2
       http-proxy-middleware: 2.0.7(@types/express@4.17.21)
       ipaddr.js: 2.2.0
       launch-editor: 2.9.1
       open: 10.1.0
       p-retry: 6.2.0
-      rimraf: 5.0.10
       schema-utils: 4.2.0
       selfsigned: 2.4.1
       serve-index: 1.9.1
@@ -6078,12 +6037,6 @@ snapshots:
       string-width: 4.2.3
       strip-ansi: 6.0.1
 
-  wrap-ansi@8.1.0:
-    dependencies:
-      ansi-styles: 6.2.1
-      string-width: 5.1.2
-      strip-ansi: 7.1.0
-
   wrappy@1.0.2: {}
 
   write-file-atomic@4.0.2:
diff --git a/scripts/patch-node-env.cjs b/scripts/patch-node-env.cjs
index d32fcf7..1589478 100644
--- a/scripts/patch-node-env.cjs
+++ b/scripts/patch-node-env.cjs
@@ -1,18 +1,18 @@
 // Copied from <https://github.com/webpack/webpack/blob/main/test/patch-node-env.js>
 //
 const NodeEnvironment =
-  // For jest@29
-  require('jest-environment-node').TestEnvironment ||
-  // For jest@27
-  require('jest-environment-node');
+	// For jest@29
+	require("jest-environment-node").TestEnvironment ||
+	// For jest@27
+	require("jest-environment-node");
 
 class CustomEnvironment extends NodeEnvironment {
-  // Workaround for `Symbol('JEST_STATE_SYMBOL')`
-  async handleTestEvent(event, state) {
-    if (!this.global.JEST_STATE_SYMBOL) {
-      this.global.JEST_STATE_SYMBOL = state;
-    }
-  }
+	// Workaround for `Symbol('JEST_STATE_SYMBOL')`
+	async handleTestEvent(event, state) {
+		if (!this.global.JEST_STATE_SYMBOL) {
+			this.global.JEST_STATE_SYMBOL = state;
+		}
+	}
 }
 
 module.exports = CustomEnvironment;
diff --git a/scripts/release.mjs b/scripts/release.mjs
index 7382d31..b041d72 100644
--- a/scripts/release.mjs
+++ b/scripts/release.mjs
@@ -1,23 +1,23 @@
-import path from 'path';
-import * as url from 'url';
-import { $ } from 'execa';
-import fs from 'fs-extra';
-import { inc } from 'semver';
+import path from "node:path";
+import * as url from "node:url";
+import { $ } from "execa";
+import fs from "fs-extra";
+import { inc } from "semver";
 
-const RELEASE_TAG = process.env.TAG || 'beta';
-const RELEASE_DRY_RUN = process.env.DRY_RUN || 'true';
-const RELEASE_VERSION_TYPE = process.env.VERSION || 'prerelease';
-const RELEASE_NPM_TOKEN = process.env.NPM_TOKEN || '';
+const RELEASE_TAG = process.env.TAG || "beta";
+const RELEASE_DRY_RUN = process.env.DRY_RUN || "true";
+const RELEASE_VERSION_TYPE = process.env.VERSION || "prerelease";
+const RELEASE_NPM_TOKEN = process.env.NPM_TOKEN || "";
 
-const __dirname = url.fileURLToPath(new URL('.', import.meta.url));
-const PKG_PATH = path.resolve(__dirname, '../package.json');
+const __dirname = url.fileURLToPath(new URL(".", import.meta.url));
+const PKG_PATH = path.resolve(__dirname, "../package.json");
 const pkg = fs.readJsonSync(PKG_PATH);
 const currentVersion = pkg.version;
 const nextVersion = inc(currentVersion, RELEASE_VERSION_TYPE);
 if (!nextVersion) {
-  throw new Error(
-    `Failed to generate next version from "${currentVersion}" with type "${RELEASE_VERSION_TYPE}"`,
-  );
+	throw new Error(
+		`Failed to generate next version from "${currentVersion}" with type "${RELEASE_VERSION_TYPE}"`,
+	);
 }
 
 console.info(`Release ${RELEASE_TAG} version ${nextVersion}`);
@@ -31,50 +31,50 @@ fs.writeJsonSync(PKG_PATH, pkg, { spaces: 2 });
 const npmrcPath = `${process.env.HOME}/.npmrc`;
 console.info(`Writing npmrc to ${npmrcPath}`);
 fs.writeFileSync(
-  npmrcPath,
-  `//registry.npmjs.org/:_authToken=${RELEASE_NPM_TOKEN}`,
+	npmrcPath,
+	`//registry.npmjs.org/:_authToken=${RELEASE_NPM_TOKEN}`,
 );
 
 // Publish to npm
 console.info(`Publishing to npm with tag ${RELEASE_TAG}`);
-const dryRun = RELEASE_DRY_RUN === 'true' ? ['--dry-run'] : [];
+const dryRun = RELEASE_DRY_RUN === "true" ? ["--dry-run"] : [];
 try {
-  await $`pnpm publish ${dryRun} --tag ${RELEASE_TAG} --no-git-checks --provenance`;
-  console.info(`Published successfully`);
+	await $`pnpm publish ${dryRun} --tag ${RELEASE_TAG} --no-git-checks --provenance`;
+	console.info("Published successfully");
 } catch (e) {
-  console.error(`Publish failed: ${e.message}`);
-  process.exit(1);
+	console.error(`Publish failed: ${e.message}`);
+	process.exit(1);
 } finally {
-  fs.removeSync(npmrcPath);
+	fs.removeSync(npmrcPath);
 }
 
 // Push tag to github
-if (RELEASE_DRY_RUN !== 'true') {
-  console.info(`Pushing tag to github`);
-  const tagName = `v${nextVersion}`;
-  try {
-    await $`git config --global --add safe.directory /github/workspace`;
-    await $`git config --global user.name "github-actions[bot]"`;
-    await $`git config --global user.email "github-actions[bot]@users.noreply.github.com"`;
-    await $`git status`;
-    await $`git tag ${tagName}`;
-    await $`git push origin ${tagName}`;
-    console.info(`Pushed tag successfully`);
-  } catch (e) {
-    console.error(`Push tag failed: ${e.message}`);
-    process.exit(1);
-  }
+if (RELEASE_DRY_RUN !== "true") {
+	console.info("Pushing tag to github");
+	const tagName = `v${nextVersion}`;
+	try {
+		await $`git config --global --add safe.directory /github/workspace`;
+		await $`git config --global user.name "github-actions[bot]"`;
+		await $`git config --global user.email "github-actions[bot]@users.noreply.github.com"`;
+		await $`git status`;
+		await $`git tag ${tagName}`;
+		await $`git push origin ${tagName}`;
+		console.info("Pushed tag successfully");
+	} catch (e) {
+		console.error(`Push tag failed: ${e.message}`);
+		process.exit(1);
+	}
 
-  try {
-    await $`git add --all`;
-    const commitMsg = `release ${tagName}`;
-    await $`git commit -m ${commitMsg}`;
-    await $`git push`;
-    console.info(`Pushed branch successfully`);
-  } catch (e) {
-    console.error(`Update branch failed: ${e.message}`);
-    process.exit(1);
-  }
+	try {
+		await $`git add --all`;
+		const commitMsg = `release ${tagName}`;
+		await $`git commit -m ${commitMsg}`;
+		await $`git push`;
+		console.info("Pushed branch successfully");
+	} catch (e) {
+		console.error(`Update branch failed: ${e.message}`);
+		process.exit(1);
+	}
 }
 
-console.info(`Release completed`);
+console.info("Release completed");
diff --git a/src/middleware.ts b/src/middleware.ts
index 8d30686..d920f09 100644
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -7,6 +7,7 @@ import type { RequestHandler, Response } from "express";
 import mime from "mime-types";
 import type wdm from "webpack-dev-middleware";
 
+// biome-ignore lint/suspicious/noExplicitAny: _
 function etag(buf: any) {
 	const hash = crypto.createHash("sha256").update(buf).digest("hex");
 	const etag = hash;
@@ -29,7 +30,7 @@ function createPublicPathGetter(compiler: Compiler) {
 
 export function getRspackMemoryAssets(
 	compiler: Compiler,
-	rdm: ReturnType<typeof wdm>
+	rdm: ReturnType<typeof wdm>,
 ): RequestHandler {
 	const getPublicPath = createPublicPathGetter(compiler);
 
diff --git a/src/server.ts b/src/server.ts
index 207f5d2..9c64f33 100644
--- a/src/server.ts
+++ b/src/server.ts
@@ -41,7 +41,7 @@ const getFreePort = async function getFreePort(port: string, host: string) {
 			: 3;
 
 	return pRetry(() => getPort(basePort, host), {
-		retries: defaultPortRetry
+		retries: defaultPortRetry,
 	});
 };
 
@@ -68,6 +68,7 @@ export class RspackDevServer extends WebpackDevServer {
 	static version: string = version;
 
 	constructor(options: DevServer, compiler: Compiler | MultiCompiler) {
+		// biome-ignore lint/suspicious/noExplicitAny: _
 		super(options, compiler as any);
 		// override
 	}
@@ -84,13 +85,15 @@ export class RspackDevServer extends WebpackDevServer {
 				if (mode === "production") {
 					this.logger.warn(
 						"Hot Module Replacement (HMR) is enabled for the production build. \n" +
-							"Make sure to disable HMR for production by setting `devServer.hot` to `false` in the configuration."
+							"Make sure to disable HMR for production by setting `devServer.hot` to `false` in the configuration.",
 					);
 				}
 
 				compiler.options.resolve.alias = {
-					"ansi-html-community": require.resolve("@rspack/dev-server/client/utils/ansiHTML"),
-					...compiler.options.resolve.alias
+					"ansi-html-community": require.resolve(
+						"@rspack/dev-server/client/utils/ansiHTML",
+					),
+					...compiler.options.resolve.alias,
 				};
 			}
 		}
@@ -104,9 +107,9 @@ export class RspackDevServer extends WebpackDevServer {
 		addResolveAlias("webpack-dev-server", {
 			"../client/index.js": require.resolve("@rspack/dev-server/client/index"),
 			"webpack/hot/only-dev-server": require.resolve(
-				"@rspack/core/hot/only-dev-server"
+				"@rspack/core/hot/only-dev-server",
 			),
-			"webpack/hot/dev-server": require.resolve("@rspack/core/hot/dev-server")
+			"webpack/hot/dev-server": require.resolve("@rspack/core/hot/dev-server"),
 		});
 		try {
 			// @ts-expect-error
diff --git a/tests/ansiHTML.test.ts b/tests/ansiHTML.test.ts
index 9a7a15c..16cdf10 100644
--- a/tests/ansiHTML.test.ts
+++ b/tests/ansiHTML.test.ts
@@ -3,28 +3,28 @@ import ansiHTML from "../client-src/utils/ansiHTML";
 describe("ansi-html", () => {
 	it("should transform 24-bit rgb ansi colors", () => {
 		expect(ansiHTML("\u001b[38;2;255;30;30m×\u001b[0m")).toMatchInlineSnapshot(
-			`"<span style="color: rgb(255,30,30);">×</span><span style="font-weight:normal;opacity:1;color:#fff;background:#000;"></span>"`
+			`"<span style="color: rgb(255,30,30);">×</span><span style="font-weight:normal;opacity:1;color:#fff;background:#000;"></span>"`,
 		);
 	});
 
 	it("should transform 24-bit rgb ansi colors with additional properties", () => {
 		expect(
-			ansiHTML("[\u001b[38;2;92;157;255;1;4m/root/index.js\u001b[0m:1:1]")
+			ansiHTML("[\u001b[38;2;92;157;255;1;4m/root/index.js\u001b[0m:1:1]"),
 		).toMatchInlineSnapshot(
-			`"[<span style="color: rgb(92,157,255);"><span style="font-weight:bold;"><u>/root/index.js</u></span></span><span style="font-weight:normal;opacity:1;color:#fff;background:#000;">:1:1]</span>"`
+			`"[<span style="color: rgb(92,157,255);"><span style="font-weight:bold;"><u>/root/index.js</u></span></span><span style="font-weight:normal;opacity:1;color:#fff;background:#000;">:1:1]</span>"`,
 		);
 	});
 
 	it("should transform basic ansi colors", () => {
 		expect(ansiHTML("\u001b[0mcontent")).toMatchInlineSnapshot(
-			`"<span style="font-weight:normal;opacity:1;color:#fff;background:#000;">content</span>"`
+			`"<span style="font-weight:normal;opacity:1;color:#fff;background:#000;">content</span>"`,
 		);
 		expect(
 			ansiHTML(
-				`\u001b[33m<\u001b[39m\u001b[33mheader\u001b[39m\u001b[33m>\u001b[39m`
-			)
+				"\u001b[33m<\u001b[39m\u001b[33mheader\u001b[39m\u001b[33m>\u001b[39m",
+			),
 		).toMatchInlineSnapshot(
-			`"<span style="color:#e8bf03;"><</span><span style="color:#e8bf03;">header</span><span style="color:#e8bf03;">></span>"`
+			`"<span style="color:#e8bf03;"><</span><span style="color:#e8bf03;">header</span><span style="color:#e8bf03;">></span>"`,
 		);
 	});
 });
diff --git a/tests/e2e/__snapshots__/app.test.js.snap.webpack5 b/tests/e2e/__snapshots__/app.test.js.snap.webpack5
new file mode 100644
index 0000000..182d9ce
--- /dev/null
+++ b/tests/e2e/__snapshots__/app.test.js.snap.webpack5
@@ -0,0 +1,309 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`app option should work using "connect (async)" application and "http" server should handle GET request to index route (/): console messages 1`] = `
+[
+  "[webpack-dev-server] Server started: Hot Module Replacement enabled, Live Reloading enabled, Progress disabled, Overlay enabled.",
+  "[HMR] Waiting for update signal from WDS...",
+  "Hey.",
+]
+`;
+
+exports[`app option should work using "connect (async)" application and "http" server should handle GET request to index route (/): page errors 1`] = `[]`;
+
+exports[`app option should work using "connect (async)" application and "http" server should handle GET request to index route (/): response status 1`] = `200`;
+
+exports[`app option should work using "connect (async)" application and "http" server should handle GET request to index route (/): response text 1`] = `
+"
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset='UTF-8'>
+    <title>webpack-dev-server</title>
+  </head>
+  <body>
+    <h1>webpack-dev-server is running...</h1>
+    <script type="text/javascript" charset="utf-8" src="/main.js"></script>
+  </body>
+</html>
+"
+`;
+
+exports[`app option should work using "connect" application and "http" server should handle GET request to index route (/): console messages 1`] = `
+[
+  "[webpack-dev-server] Server started: Hot Module Replacement enabled, Live Reloading enabled, Progress disabled, Overlay enabled.",
+  "[HMR] Waiting for update signal from WDS...",
+  "Hey.",
+]
+`;
+
+exports[`app option should work using "connect" application and "http" server should handle GET request to index route (/): page errors 1`] = `[]`;
+
+exports[`app option should work using "connect" application and "http" server should handle GET request to index route (/): response status 1`] = `200`;
+
+exports[`app option should work using "connect" application and "http" server should handle GET request to index route (/): response text 1`] = `
+"
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset='UTF-8'>
+    <title>webpack-dev-server</title>
+  </head>
+  <body>
+    <h1>webpack-dev-server is running...</h1>
+    <script type="text/javascript" charset="utf-8" src="/main.js"></script>
+  </body>
+</html>
+"
+`;
+
+exports[`app option should work using "connect" application and "http2" server should handle GET request to index route (/): console messages 1`] = `
+[
+  "[webpack-dev-server] Server started: Hot Module Replacement enabled, Live Reloading enabled, Progress disabled, Overlay enabled.",
+  "[HMR] Waiting for update signal from WDS...",
+  "Hey.",
+]
+`;
+
+exports[`app option should work using "connect" application and "http2" server should handle GET request to index route (/): page errors 1`] = `[]`;
+
+exports[`app option should work using "connect" application and "http2" server should handle GET request to index route (/): response status 1`] = `200`;
+
+exports[`app option should work using "connect" application and "http2" server should handle GET request to index route (/): response text 1`] = `
+"
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset='UTF-8'>
+    <title>webpack-dev-server</title>
+  </head>
+  <body>
+    <h1>webpack-dev-server is running...</h1>
+    <script type="text/javascript" charset="utf-8" src="/main.js"></script>
+  </body>
+</html>
+"
+`;
+
+exports[`app option should work using "connect" application and "https" server should handle GET request to index route (/): console messages 1`] = `
+[
+  "[webpack-dev-server] Server started: Hot Module Replacement enabled, Live Reloading enabled, Progress disabled, Overlay enabled.",
+  "[HMR] Waiting for update signal from WDS...",
+  "Hey.",
+]
+`;
+
+exports[`app option should work using "connect" application and "https" server should handle GET request to index route (/): page errors 1`] = `[]`;
+
+exports[`app option should work using "connect" application and "https" server should handle GET request to index route (/): response status 1`] = `200`;
+
+exports[`app option should work using "connect" application and "https" server should handle GET request to index route (/): response text 1`] = `
+"
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset='UTF-8'>
+    <title>webpack-dev-server</title>
+  </head>
+  <body>
+    <h1>webpack-dev-server is running...</h1>
+    <script type="text/javascript" charset="utf-8" src="/main.js"></script>
+  </body>
+</html>
+"
+`;
+
+exports[`app option should work using "connect" application and "spdy" server should handle GET request to index route (/): console messages 1`] = `
+[
+  "[webpack-dev-server] Server started: Hot Module Replacement enabled, Live Reloading enabled, Progress disabled, Overlay enabled.",
+  "[HMR] Waiting for update signal from WDS...",
+  "Hey.",
+]
+`;
+
+exports[`app option should work using "connect" application and "spdy" server should handle GET request to index route (/): page errors 1`] = `[]`;
+
+exports[`app option should work using "connect" application and "spdy" server should handle GET request to index route (/): response status 1`] = `200`;
+
+exports[`app option should work using "connect" application and "spdy" server should handle GET request to index route (/): response text 1`] = `
+"
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset='UTF-8'>
+    <title>webpack-dev-server</title>
+  </head>
+  <body>
+    <h1>webpack-dev-server is running...</h1>
+    <script type="text/javascript" charset="utf-8" src="/main.js"></script>
+  </body>
+</html>
+"
+`;
+
+exports[`app option should work using "express" application and "http" server should handle GET request to index route (/): console messages 1`] = `
+[
+  "[webpack-dev-server] Server started: Hot Module Replacement enabled, Live Reloading enabled, Progress disabled, Overlay enabled.",
+  "[HMR] Waiting for update signal from WDS...",
+  "Hey.",
+]
+`;
+
+exports[`app option should work using "express" application and "http" server should handle GET request to index route (/): page errors 1`] = `[]`;
+
+exports[`app option should work using "express" application and "http" server should handle GET request to index route (/): response status 1`] = `200`;
+
+exports[`app option should work using "express" application and "http" server should handle GET request to index route (/): response text 1`] = `
+"
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset='UTF-8'>
+    <title>webpack-dev-server</title>
+  </head>
+  <body>
+    <h1>webpack-dev-server is running...</h1>
+    <script type="text/javascript" charset="utf-8" src="/main.js"></script>
+  </body>
+</html>
+"
+`;
+
+exports[`app option should work using "express" application and "https" server should handle GET request to index route (/): console messages 1`] = `
+[
+  "[webpack-dev-server] Server started: Hot Module Replacement enabled, Live Reloading enabled, Progress disabled, Overlay enabled.",
+  "[HMR] Waiting for update signal from WDS...",
+  "Hey.",
+]
+`;
+
+exports[`app option should work using "express" application and "https" server should handle GET request to index route (/): page errors 1`] = `[]`;
+
+exports[`app option should work using "express" application and "https" server should handle GET request to index route (/): response status 1`] = `200`;
+
+exports[`app option should work using "express" application and "https" server should handle GET request to index route (/): response text 1`] = `
+"
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset='UTF-8'>
+    <title>webpack-dev-server</title>
+  </head>
+  <body>
+    <h1>webpack-dev-server is running...</h1>
+    <script type="text/javascript" charset="utf-8" src="/main.js"></script>
+  </body>
+</html>
+"
+`;
+
+exports[`app option should work using "express" application and "spdy" server should handle GET request to index route (/): console messages 1`] = `
+[
+  "[webpack-dev-server] Server started: Hot Module Replacement enabled, Live Reloading enabled, Progress disabled, Overlay enabled.",
+  "[HMR] Waiting for update signal from WDS...",
+  "Hey.",
+]
+`;
+
+exports[`app option should work using "express" application and "spdy" server should handle GET request to index route (/): page errors 1`] = `[]`;
+
+exports[`app option should work using "express" application and "spdy" server should handle GET request to index route (/): response status 1`] = `200`;
+
+exports[`app option should work using "express" application and "spdy" server should handle GET request to index route (/): response text 1`] = `
+"
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset='UTF-8'>
+    <title>webpack-dev-server</title>
+  </head>
+  <body>
+    <h1>webpack-dev-server is running...</h1>
+    <script type="text/javascript" charset="utf-8" src="/main.js"></script>
+  </body>
+</html>
+"
+`;
+
+exports[`app option should work using "hono" application and "[object Object]" server should handle GET request to index route (/): console messages 1`] = `
+[
+  "[webpack-dev-server] Server started: Hot Module Replacement enabled, Live Reloading enabled, Progress disabled, Overlay enabled.",
+  "[HMR] Waiting for update signal from WDS...",
+  "Hey.",
+]
+`;
+
+exports[`app option should work using "hono" application and "[object Object]" server should handle GET request to index route (/): page errors 1`] = `[]`;
+
+exports[`app option should work using "hono" application and "[object Object]" server should handle GET request to index route (/): response status 1`] = `200`;
+
+exports[`app option should work using "hono" application and "[object Object]" server should handle GET request to index route (/): response text 1`] = `
+"
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset='UTF-8'>
+    <title>webpack-dev-server</title>
+  </head>
+  <body>
+    <h1>webpack-dev-server is running...</h1>
+    <script type="text/javascript" charset="utf-8" src="/main.js"></script>
+  </body>
+</html>
+"
+`;
+
+exports[`app option should work using "hono" application and "custom server" server should handle GET request to index route (/): console messages 1`] = `
+[
+  "[webpack-dev-server] Server started: Hot Module Replacement enabled, Live Reloading enabled, Progress disabled, Overlay enabled.",
+  "[HMR] Waiting for update signal from WDS...",
+  "Hey.",
+]
+`;
+
+exports[`app option should work using "hono" application and "custom server" server should handle GET request to index route (/): console messages 2`] = `
+[
+  "[webpack-dev-server] Server started: Hot Module Replacement enabled, Live Reloading enabled, Progress disabled, Overlay enabled.",
+  "[HMR] Waiting for update signal from WDS...",
+  "Hey.",
+]
+`;
+
+exports[`app option should work using "hono" application and "custom server" server should handle GET request to index route (/): page errors 1`] = `[]`;
+
+exports[`app option should work using "hono" application and "custom server" server should handle GET request to index route (/): page errors 2`] = `[]`;
+
+exports[`app option should work using "hono" application and "custom server" server should handle GET request to index route (/): response status 1`] = `200`;
+
+exports[`app option should work using "hono" application and "custom server" server should handle GET request to index route (/): response status 2`] = `200`;
+
+exports[`app option should work using "hono" application and "custom server" server should handle GET request to index route (/): response text 1`] = `
+"
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset='UTF-8'>
+    <title>webpack-dev-server</title>
+  </head>
+  <body>
+    <h1>webpack-dev-server is running...</h1>
+    <script type="text/javascript" charset="utf-8" src="/main.js"></script>
+  </body>
+</html>
+"
+`;
+
+exports[`app option should work using "hono" application and "custom server" server should handle GET request to index route (/): response text 2`] = `
+"
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset='UTF-8'>
+    <title>webpack-dev-server</title>
+  </head>
+  <body>
+    <h1>webpack-dev-server is running...</h1>
+    <script type="text/javascript" charset="utf-8" src="/main.js"></script>
+  </body>
+</html>
+"
+`;
diff --git a/tests/e2e/__snapshots__/built-in-routes.test.js.snap.webpack5 b/tests/e2e/__snapshots__/built-in-routes.test.js.snap.webpack5
index 769c716..9fa4d94 100644
--- a/tests/e2e/__snapshots__/built-in-routes.test.js.snap.webpack5
+++ b/tests/e2e/__snapshots__/built-in-routes.test.js.snap.webpack5
@@ -16,7 +16,7 @@ exports[`Built in routes with multi config should handle GET request to director
 
 exports[`Built in routes with multi config should handle GET request to directory index and list all middleware directories: page errors 1`] = `[]`;
 
-exports[`Built in routes with multi config should handle GET request to directory index and list all middleware directories: response headers content-type 1`] = `"text/html"`;
+exports[`Built in routes with multi config should handle GET request to directory index and list all middleware directories: response headers content-type 1`] = `"text/html; charset=utf-8"`;
 
 exports[`Built in routes with multi config should handle GET request to directory index and list all middleware directories: response status 1`] = `200`;
 
@@ -34,7 +34,7 @@ exports[`Built in routes with simple config should handle GET request to directo
 
 exports[`Built in routes with simple config should handle GET request to directory index and list all middleware directories: page errors 1`] = `[]`;
 
-exports[`Built in routes with simple config should handle GET request to directory index and list all middleware directories: response headers content-type 1`] = `"text/html"`;
+exports[`Built in routes with simple config should handle GET request to directory index and list all middleware directories: response headers content-type 1`] = `"text/html; charset=utf-8"`;
 
 exports[`Built in routes with simple config should handle GET request to directory index and list all middleware directories: response status 1`] = `200`;
 
@@ -56,7 +56,7 @@ exports[`Built in routes with simple config should handle HEAD request to direct
 
 exports[`Built in routes with simple config should handle HEAD request to directory index: page errors 1`] = `[]`;
 
-exports[`Built in routes with simple config should handle HEAD request to directory index: response headers content-type 1`] = `"text/html"`;
+exports[`Built in routes with simple config should handle HEAD request to directory index: response headers content-type 1`] = `"text/html; charset=utf-8"`;
 
 exports[`Built in routes with simple config should handle HEAD request to directory index: response status 1`] = `200`;
 
@@ -70,7 +70,7 @@ exports[`Built in routes with simple config should handles GET request to sockjs
 
 exports[`Built in routes with simple config should handles GET request to sockjs bundle: page errors 1`] = `[]`;
 
-exports[`Built in routes with simple config should handles GET request to sockjs bundle: response headers content-type 1`] = `"application/javascript"`;
+exports[`Built in routes with simple config should handles GET request to sockjs bundle: response headers content-type 1`] = `"application/javascript; charset=UTF-8"`;
 
 exports[`Built in routes with simple config should handles GET request to sockjs bundle: response status 1`] = `200`;
 
@@ -78,6 +78,6 @@ exports[`Built in routes with simple config should handles HEAD request to sockj
 
 exports[`Built in routes with simple config should handles HEAD request to sockjs bundle: page errors 1`] = `[]`;
 
-exports[`Built in routes with simple config should handles HEAD request to sockjs bundle: response headers content-type 1`] = `"application/javascript"`;
+exports[`Built in routes with simple config should handles HEAD request to sockjs bundle: response headers content-type 1`] = `"application/javascript; charset=UTF-8"`;
 
 exports[`Built in routes with simple config should handles HEAD request to sockjs bundle: response status 1`] = `200`;
diff --git a/tests/e2e/__snapshots__/client.test.js.snap.webpack5 b/tests/e2e/__snapshots__/client.test.js.snap.webpack5
index b74d2a0..819b0ec 100644
--- a/tests/e2e/__snapshots__/client.test.js.snap.webpack5
+++ b/tests/e2e/__snapshots__/client.test.js.snap.webpack5
@@ -18,6 +18,8 @@ exports[`client option default behaviour responds with a 200 status code for /ws
 
 exports[`client option default behaviour responds with a 200 status code for /ws path: response status 1`] = `200`;
 
+exports[`client option override client entry should disable client entry: response status 1`] = `200`;
+
 exports[`client option should respect path option responds with a 200 status code for /foo/test/bar path: console messages 1`] = `[]`;
 
 exports[`client option should respect path option responds with a 200 status code for /foo/test/bar path: page errors 1`] = `[]`;
diff --git a/tests/e2e/__snapshots__/target.test.js.snap.webpack5 b/tests/e2e/__snapshots__/target.test.js.snap.webpack5
index 877b6a1..a5d2240 100644
--- a/tests/e2e/__snapshots__/target.test.js.snap.webpack5
+++ b/tests/e2e/__snapshots__/target.test.js.snap.webpack5
@@ -92,3 +92,27 @@ exports[`target should work using "webworker" target: console messages 1`] = `
   "Hey.",
 ]
 `;
+
+exports[`target should work using multi compiler mode with \`web\` and \`webworker\` targets with \`devServer: false\`: console messages 1`] = `
+[
+  "[webpack-dev-server] Server started: Hot Module Replacement enabled, Live Reloading enabled, Progress disabled, Overlay enabled.",
+  "[HMR] Waiting for update signal from WDS...",
+  "Worker said: I'm working before postMessage",
+  "Worker said: Message sent: message",
+]
+`;
+
+exports[`target should work using multi compiler mode with \`web\` and \`webworker\` targets with \`devServer: false\`: page errors 1`] = `[]`;
+
+exports[`target should work using multi compiler mode with \`web\` and \`webworker\` targets: console messages 1`] = `
+[
+  "[webpack-dev-server] Server started: Hot Module Replacement enabled, Live Reloading enabled, Progress disabled, Overlay enabled.",
+  "[HMR] Waiting for update signal from WDS...",
+  "[webpack-dev-server] Server started: Hot Module Replacement enabled, Live Reloading enabled, Progress disabled, Overlay enabled.",
+  "[HMR] Waiting for update signal from WDS...",
+  "Worker said: I'm working before postMessage",
+  "Worker said: Message sent: message",
+]
+`;
+
+exports[`target should work using multi compiler mode with \`web\` and \`webworker\` targets: page errors 1`] = `[]`;
diff --git a/tests/e2e/allowed-hosts.test.js b/tests/e2e/allowed-hosts.test.js
index e31c2b5..47a3bc2 100644
--- a/tests/e2e/allowed-hosts.test.js
+++ b/tests/e2e/allowed-hosts.test.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const express = require("express");
 const webpack = require("@rspack/core");
 const { createProxyMiddleware } = require("http-proxy-middleware");
@@ -11,1521 +9,1491 @@ const [port1, port2] = require("../helpers/ports-map")["allowed-hosts"];
 const webSocketServers = ["ws", "sockjs"];
 
 describe("allowed hosts", () => {
-  for (const webSocketServer of webSocketServers) {
-    it(`should disconnect web socket client using custom hostname from web socket server with the "auto" value based on the "host" header ("${webSocketServer}")`, async () => {
-      const devServerHost = "127.0.0.1";
-      const devServerPort = port1;
-      const proxyHost = devServerHost;
-      const proxyPort = port2;
-
-      const compiler = webpack(config);
-      const devServerOptions = {
-        client: {
-          webSocketURL: {
-            port: port2
-          }
-        },
-        webSocketServer,
-        port: devServerPort,
-        host: devServerHost,
-        allowedHosts: "auto"
-      };
-      const server = new Server(devServerOptions, compiler);
-
-      await server.start();
-
-      function startProxy(callback) {
-        const app = express();
-
-        app.use(
-          "/",
-          createProxyMiddleware({
-            // Emulation
-            onProxyReqWs: proxyReq => {
-              proxyReq.setHeader("host", "my-test-host");
-            },
-            target: `http://${devServerHost}:${devServerPort}`,
-            ws: true,
-            changeOrigin: true,
-            logLevel: "warn"
-          })
-        );
-
-        return app.listen(proxyPort, proxyHost, callback);
-      }
-
-      const proxy = await new Promise(resolve => {
-        const proxyCreated = startProxy(() => {
-          resolve(proxyCreated);
-        });
-      });
-
-      const { page, browser } = await runBrowser();
-
-      try {
-        const pageErrors = [];
-        const consoleMessages = [];
-
-        page
-          .on("console", message => {
-            consoleMessages.push(message);
-          })
-          .on("pageerror", error => {
-            pageErrors.push(error);
-          });
-
-        await page.goto(`http://${proxyHost}:${proxyPort}/`, {
-          waitUntil: "networkidle0"
-        });
-
-        expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-          "console messages"
-        );
-        expect(pageErrors).toMatchSnapshot("page errors");
-      } catch (error) {
-        throw error;
-      } finally {
-        proxy.close();
-
-        await browser.close();
-        await server.stop();
-      }
-    });
-
-    it(`should disconnect web socket client using custom hostname from web socket server with the "auto" value based on the "host" header when "server: 'https'" is enabled ("${webSocketServer}")`, async () => {
-      const devServerHost = "127.0.0.1";
-      const devServerPort = port1;
-      const proxyHost = devServerHost;
-      const proxyPort = port2;
-
-      const compiler = webpack(config);
-      const devServerOptions = {
-        client: {
-          webSocketURL: {
-            port: port2,
-            protocol: "ws"
-          }
-        },
-        webSocketServer,
-        port: devServerPort,
-        host: devServerHost,
-        allowedHosts: "auto",
-        server: "https"
-      };
-      const server = new Server(devServerOptions, compiler);
-
-      await server.start();
-
-      function startProxy(callback) {
-        const app = express();
-
-        app.use(
-          "/",
-          createProxyMiddleware({
-            // Emulation
-            onProxyReqWs: proxyReq => {
-              proxyReq.setHeader("host", "my-test-host");
-            },
-            target: `https://${devServerHost}:${devServerPort}`,
-            secure: false,
-            ws: true,
-            changeOrigin: true,
-            logLevel: "warn"
-          })
-        );
-
-        return app.listen(proxyPort, proxyHost, callback);
-      }
-
-      const proxy = await new Promise(resolve => {
-        const proxyCreated = startProxy(() => {
-          resolve(proxyCreated);
-        });
-      });
-
-      const { page, browser } = await runBrowser();
-
-      try {
-        const pageErrors = [];
-        const consoleMessages = [];
-
-        page
-          .on("console", message => {
-            consoleMessages.push(message);
-          })
-          .on("pageerror", error => {
-            pageErrors.push(error);
-          });
-
-        await page.goto(`http://${proxyHost}:${proxyPort}/`, {
-          waitUntil: "networkidle0"
-        });
-
-        expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-          "console messages"
-        );
-        expect(pageErrors).toMatchSnapshot("page errors");
-      } catch (error) {
-        throw error;
-      } finally {
-        proxy.close();
-
-        await browser.close();
-        await server.stop();
-      }
-    });
-
-    it(`should disconnect web socket client using custom hostname from web socket server with the "auto" value based on the "origin" header ("${webSocketServer}")`, async () => {
-      const devServerHost = "127.0.0.1";
-      const devServerPort = port1;
-      const proxyHost = devServerHost;
-      const proxyPort = port2;
-
-      const compiler = webpack(config);
-      const devServerOptions = {
-        client: {
-          webSocketURL: {
-            port: port2
-          }
-        },
-        webSocketServer,
-        port: devServerPort,
-        host: devServerHost,
-        allowedHosts: "auto"
-      };
-      const server = new Server(devServerOptions, compiler);
-
-      await server.start();
-
-      function startProxy(callback) {
-        const app = express();
-
-        app.use(
-          "/",
-          createProxyMiddleware({
-            // Emulation
-            onProxyReqWs: proxyReq => {
-              proxyReq.setHeader("origin", "http://my-test-origin.com/");
-            },
-            target: `http://${devServerHost}:${devServerPort}`,
-            ws: true,
-            changeOrigin: true,
-            logLevel: "warn"
-          })
-        );
-
-        return app.listen(proxyPort, proxyHost, callback);
-      }
-
-      const proxy = await new Promise(resolve => {
-        const proxyCreated = startProxy(() => {
-          resolve(proxyCreated);
-        });
-      });
-
-      const { page, browser } = await runBrowser();
-
-      try {
-        const pageErrors = [];
-        const consoleMessages = [];
-
-        page
-          .on("console", message => {
-            consoleMessages.push(message);
-          })
-          .on("pageerror", error => {
-            pageErrors.push(error);
-          });
-
-        await page.goto(`http://${proxyHost}:${proxyPort}/`, {
-          waitUntil: "networkidle0"
-        });
-
-        expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-          "console messages"
-        );
-        expect(pageErrors).toMatchSnapshot("page errors");
-      } catch (error) {
-        throw error;
-      } finally {
-        proxy.close();
-
-        await browser.close();
-        await server.stop();
-      }
-    });
-
-    it(`should connect web socket client using localhost to web socket server with the "auto" value ("${webSocketServer}")`, async () => {
-      const devServerHost = "localhost";
-      const devServerPort = port1;
-      const proxyHost = devServerHost;
-      const proxyPort = port2;
-
-      const compiler = webpack(config);
-      const devServerOptions = {
-        client: {
-          webSocketURL: {
-            port: port2
-          }
-        },
-        webSocketServer,
-        port: devServerPort,
-        host: devServerHost,
-        allowedHosts: "auto"
-      };
-      const server = new Server(devServerOptions, compiler);
-
-      await server.start();
-
-      function startProxy(callback) {
-        const app = express();
-
-        app.use(
-          "/",
-          createProxyMiddleware({
-            target: `http://${devServerHost}:${devServerPort}`,
-            ws: true,
-            changeOrigin: true,
-            logLevel: "warn"
-          })
-        );
-
-        return app.listen(proxyPort, proxyHost, callback);
-      }
-
-      const proxy = await new Promise(resolve => {
-        const proxyCreated = startProxy(() => {
-          resolve(proxyCreated);
-        });
-      });
-
-      const { page, browser } = await runBrowser();
-      try {
-        const pageErrors = [];
-        const consoleMessages = [];
-
-        page
-          .on("console", message => {
-            consoleMessages.push(message);
-          })
-          .on("pageerror", error => {
-            pageErrors.push(error);
-          });
-
-        await page.goto(`http://${proxyHost}:${proxyPort}/`, {
-          waitUntil: "networkidle0"
-        });
-
-        expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-          "console messages"
-        );
-        expect(pageErrors).toMatchSnapshot("page errors");
-      } catch (error) {
-        throw error;
-      } finally {
-        proxy.close();
-
-        await browser.close();
-        await server.stop();
-      }
-    });
-
-    it(`should connect web socket client using "127.0.0.1" host to web socket server with the "auto" value ("${webSocketServer}")`, async () => {
-      const devServerHost = "127.0.0.1";
-      const devServerPort = port1;
-      const proxyHost = devServerHost;
-      const proxyPort = port2;
-
-      const compiler = webpack(config);
-      const devServerOptions = {
-        client: {
-          webSocketURL: {
-            port: port2
-          }
-        },
-        webSocketServer,
-        port: devServerPort,
-        host: devServerHost,
-        allowedHosts: "auto"
-      };
-      const server = new Server(devServerOptions, compiler);
-
-      await server.start();
-
-      function startProxy(callback) {
-        const app = express();
-
-        app.use(
-          "/",
-          createProxyMiddleware({
-            target: `http://${devServerHost}:${devServerPort}`,
-            ws: true,
-            changeOrigin: true,
-            logLevel: "warn"
-          })
-        );
-
-        return app.listen(proxyPort, proxyHost, callback);
-      }
-
-      const proxy = await new Promise(resolve => {
-        const proxyCreated = startProxy(() => {
-          resolve(proxyCreated);
-        });
-      });
-
-      const { page, browser } = await runBrowser();
-
-      try {
-        const pageErrors = [];
-        const consoleMessages = [];
-
-        page
-          .on("console", message => {
-            consoleMessages.push(message);
-          })
-          .on("pageerror", error => {
-            pageErrors.push(error);
-          });
-
-        await page.goto(`http://${proxyHost}:${proxyPort}/`, {
-          waitUntil: "networkidle0"
-        });
-
-        expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-          "console messages"
-        );
-        expect(pageErrors).toMatchSnapshot("page errors");
-      } catch (error) {
-        throw error;
-      } finally {
-        proxy.close();
-
-        await browser.close();
-        await server.stop();
-      }
-    });
-
-    it(`should connect web socket client using "[::1] host to web socket server with the "auto" value ("${webSocketServer}")`, async () => {
-      const devServerHost = "::1";
-      const devServerPort = port1;
-      const proxyHost = devServerHost;
-      const proxyPort = port2;
-
-      const compiler = webpack(config);
-      const devServerOptions = {
-        client: {
-          webSocketURL: {
-            port: port2
-          }
-        },
-        webSocketServer,
-        port: devServerPort,
-        host: devServerHost,
-        allowedHosts: "auto"
-      };
-      const server = new Server(devServerOptions, compiler);
-
-      await server.start();
-
-      function startProxy(callback) {
-        const app = express();
-
-        app.use(
-          "/",
-          createProxyMiddleware({
-            target: `http://[${devServerHost}]:${devServerPort}`,
-            ws: true,
-            changeOrigin: true,
-            logLevel: "warn"
-          })
-        );
-
-        return app.listen(proxyPort, proxyHost, callback);
-      }
-
-      const proxy = await new Promise(resolve => {
-        const proxyCreated = startProxy(() => {
-          resolve(proxyCreated);
-        });
-      });
-
-      const { page, browser } = await runBrowser();
-
-      try {
-        const pageErrors = [];
-        const consoleMessages = [];
-
-        page
-          .on("console", message => {
-            consoleMessages.push(message);
-          })
-          .on("pageerror", error => {
-            pageErrors.push(error);
-          });
-
-        await page.goto(`http://[${proxyHost}]:${proxyPort}/`, {
-          waitUntil: "networkidle0"
-        });
-
-        expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-          "console messages"
-        );
-        expect(pageErrors).toMatchSnapshot("page errors");
-      } catch (error) {
-        throw error;
-      } finally {
-        proxy.close();
-
-        await browser.close();
-        await server.stop();
-      }
-    });
-
-    it(`should connect web socket client using "file:" protocol to web socket server with the "auto" value ("${webSocketServer}")`, async () => {
-      const devServerHost = "127.0.0.1";
-      const devServerPort = port1;
-      const proxyHost = devServerHost;
-      const proxyPort = port2;
-
-      const compiler = webpack(config);
-      const devServerOptions = {
-        client: {
-          webSocketURL: {
-            port: port2
-          }
-        },
-        webSocketServer,
-        port: devServerPort,
-        host: devServerHost,
-        allowedHosts: "auto"
-      };
-      const server = new Server(devServerOptions, compiler);
-
-      await server.start();
-
-      function startProxy(callback) {
-        const app = express();
-
-        app.use(
-          "/",
-          createProxyMiddleware({
-            target: `http://${devServerHost}:${devServerPort}`,
-            onProxyReqWs: proxyReq => {
-              proxyReq.setHeader("origin", "file:///path/to/local/file.js");
-            },
-            ws: true,
-            changeOrigin: true,
-            logLevel: "warn"
-          })
-        );
-
-        return app.listen(proxyPort, proxyHost, callback);
-      }
-
-      const proxy = await new Promise(resolve => {
-        const proxyCreated = startProxy(() => {
-          resolve(proxyCreated);
-        });
-      });
-
-      const { page, browser } = await runBrowser();
-
-      try {
-        const pageErrors = [];
-        const consoleMessages = [];
-
-        page
-          .on("console", message => {
-            consoleMessages.push(message);
-          })
-          .on("pageerror", error => {
-            pageErrors.push(error);
-          });
-
-        await page.goto(`http://${proxyHost}:${proxyPort}/`, {
-          waitUntil: "networkidle0"
-        });
-
-        expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-          "console messages"
-        );
-        expect(pageErrors).toMatchSnapshot("page errors");
-      } catch (error) {
-        throw error;
-      } finally {
-        proxy.close();
-
-        await browser.close();
-        await server.stop();
-      }
-    });
-
-    it(`should connect web socket client using "chrome-extension:" protocol to web socket server with the "auto" value ("${webSocketServer}")`, async () => {
-      const devServerHost = "127.0.0.1";
-      const devServerPort = port1;
-      const proxyHost = devServerHost;
-      const proxyPort = port2;
-
-      const compiler = webpack(config);
-      const devServerOptions = {
-        client: {
-          webSocketURL: {
-            port: port2
-          }
-        },
-        webSocketServer,
-        port: devServerPort,
-        host: devServerHost,
-        allowedHosts: "auto"
-      };
-      const server = new Server(devServerOptions, compiler);
-
-      await server.start();
-
-      function startProxy(callback) {
-        const app = express();
-
-        app.use(
-          "/",
-          createProxyMiddleware({
-            target: `http://${devServerHost}:${devServerPort}`,
-            onProxyReqWs: proxyReq => {
-              proxyReq.setHeader("origin", "chrome-extension:///abcdef");
-            },
-            ws: true,
-            changeOrigin: true,
-            logLevel: "warn"
-          })
-        );
-
-        return app.listen(proxyPort, proxyHost, callback);
-      }
-
-      const proxy = await new Promise(resolve => {
-        const proxyCreated = startProxy(() => {
-          resolve(proxyCreated);
-        });
-      });
-
-      const { page, browser } = await runBrowser();
-
-      try {
-        const pageErrors = [];
-        const consoleMessages = [];
-
-        page
-          .on("console", message => {
-            consoleMessages.push(message);
-          })
-          .on("pageerror", error => {
-            pageErrors.push(error);
-          });
-
-        await page.goto(`http://${proxyHost}:${proxyPort}/`, {
-          waitUntil: "networkidle0"
-        });
-
-        expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-          "console messages"
-        );
-        expect(pageErrors).toMatchSnapshot("page errors");
-      } catch (error) {
-        throw error;
-      } finally {
-        proxy.close();
-
-        await browser.close();
-        await server.stop();
-      }
-    });
-
-    it(`should connect web socket client using custom hostname to web socket server with the "all" value ("${webSocketServer}")`, async () => {
-      const devServerHost = "127.0.0.1";
-      const devServerPort = port1;
-      const proxyHost = devServerHost;
-      const proxyPort = port2;
-
-      const compiler = webpack(config);
-      const devServerOptions = {
-        client: {
-          webSocketURL: {
-            port: port2
-          }
-        },
-        webSocketServer,
-        port: devServerPort,
-        host: devServerHost,
-        allowedHosts: "all"
-      };
-      const server = new Server(devServerOptions, compiler);
-
-      await server.start();
-
-      function startProxy(callback) {
-        const app = express();
-
-        app.use(
-          "/",
-          createProxyMiddleware({
-            // Emulation
-            onProxyReqWs: proxyReq => {
-              proxyReq.setHeader("origin", "http://my-test-origin.com/");
-            },
-            target: `http://${devServerHost}:${devServerPort}`,
-            ws: true,
-            changeOrigin: true,
-            logLevel: "warn"
-          })
-        );
-
-        return app.listen(proxyPort, proxyHost, callback);
-      }
-
-      const proxy = await new Promise(resolve => {
-        const proxyCreated = startProxy(() => {
-          resolve(proxyCreated);
-        });
-      });
-
-      const { page, browser } = await runBrowser();
-
-      try {
-        const pageErrors = [];
-        const consoleMessages = [];
-
-        page
-          .on("console", message => {
-            consoleMessages.push(message);
-          })
-          .on("pageerror", error => {
-            pageErrors.push(error);
-          });
-
-        await page.goto(`http://${proxyHost}:${proxyPort}/`, {
-          waitUntil: "networkidle0"
-        });
-
-        expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-          "console messages"
-        );
-        expect(pageErrors).toMatchSnapshot("page errors");
-      } catch (error) {
-        throw error;
-      } finally {
-        proxy.close();
-
-        await browser.close();
-        await server.stop();
-      }
-    });
-
-    it(`should connect web socket client using custom hostname to web socket server with the "all" value in array ("${webSocketServer}")`, async () => {
-      const devServerHost = "127.0.0.1";
-      const devServerPort = port1;
-      const proxyHost = devServerHost;
-      const proxyPort = port2;
-
-      const compiler = webpack(config);
-      const devServerOptions = {
-        client: {
-          webSocketURL: {
-            port: port2
-          }
-        },
-        webSocketServer,
-        port: devServerPort,
-        host: devServerHost,
-        allowedHosts: ["all"]
-      };
-      const server = new Server(devServerOptions, compiler);
-
-      await server.start();
-
-      function startProxy(callback) {
-        const app = express();
-
-        app.use(
-          "/",
-          createProxyMiddleware({
-            // Emulation
-            onProxyReqWs: proxyReq => {
-              proxyReq.setHeader("origin", "http://my-test-origin.com/");
-            },
-            target: `http://${devServerHost}:${devServerPort}`,
-            ws: true,
-            changeOrigin: true,
-            logLevel: "warn"
-          })
-        );
-
-        return app.listen(proxyPort, proxyHost, callback);
-      }
-
-      const proxy = await new Promise(resolve => {
-        const proxyCreated = startProxy(() => {
-          resolve(proxyCreated);
-        });
-      });
-
-      const { page, browser } = await runBrowser();
-
-      try {
-        const pageErrors = [];
-        const consoleMessages = [];
-
-        page
-          .on("console", message => {
-            consoleMessages.push(message);
-          })
-          .on("pageerror", error => {
-            pageErrors.push(error);
-          });
-
-        await page.goto(`http://${proxyHost}:${proxyPort}/`, {
-          waitUntil: "networkidle0"
-        });
-
-        expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-          "console messages"
-        );
-        expect(pageErrors).toMatchSnapshot("page errors");
-      } catch (error) {
-        throw error;
-      } finally {
-        proxy.close();
-
-        await browser.close();
-        await server.stop();
-      }
-    });
-
-    it(`should connect web socket client using custom hostname to web socket server with the custom hostname value ("${webSocketServer}")`, async () => {
-      const devServerHost = "127.0.0.1";
-      const devServerPort = port1;
-      const proxyHost = devServerHost;
-      const proxyPort = port2;
-
-      const compiler = webpack(config);
-      const devServerOptions = {
-        client: {
-          webSocketURL: {
-            port: port2
-          }
-        },
-        webSocketServer,
-        port: devServerPort,
-        host: devServerHost,
-        allowedHosts: "my-test-origin.com"
-      };
-      const server = new Server(devServerOptions, compiler);
-
-      await server.start();
-
-      function startProxy(callback) {
-        const app = express();
-
-        app.use(
-          "/",
-          createProxyMiddleware({
-            // Emulation
-            onProxyReqWs: proxyReq => {
-              proxyReq.setHeader("origin", "http://my-test-origin.com/");
-            },
-            target: `http://${devServerHost}:${devServerPort}`,
-            ws: true,
-            changeOrigin: true,
-            logLevel: "warn"
-          })
-        );
-
-        return app.listen(proxyPort, proxyHost, callback);
-      }
-
-      const proxy = await new Promise(resolve => {
-        const proxyCreated = startProxy(() => {
-          resolve(proxyCreated);
-        });
-      });
-
-      const { page, browser } = await runBrowser();
-
-      try {
-        const pageErrors = [];
-        const consoleMessages = [];
-
-        page
-          .on("console", message => {
-            consoleMessages.push(message);
-          })
-          .on("pageerror", error => {
-            pageErrors.push(error);
-          });
-
-        await page.goto(`http://${proxyHost}:${proxyPort}/`, {
-          waitUntil: "networkidle0"
-        });
-
-        expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-          "console messages"
-        );
-        expect(pageErrors).toMatchSnapshot("page errors");
-      } catch (error) {
-        throw error;
-      } finally {
-        proxy.close();
-
-        await browser.close();
-        await server.stop();
-      }
-    });
-
-    it(`should connect web socket client using custom hostname to web socket server with the custom hostname value starting with dot ("${webSocketServer}")`, async () => {
-      const devServerHost = "127.0.0.1";
-      const devServerPort = port1;
-      const proxyHost = devServerHost;
-      const proxyPort = port2;
-
-      const compiler = webpack(config);
-      const devServerOptions = {
-        client: {
-          webSocketURL: {
-            port: port2
-          }
-        },
-        webSocketServer,
-        port: devServerPort,
-        host: devServerHost,
-        allowedHosts: ".my-test-origin.com"
-      };
-      const server = new Server(devServerOptions, compiler);
-
-      await server.start();
-
-      function startProxy(callback) {
-        const app = express();
-
-        app.use(
-          "/",
-          createProxyMiddleware({
-            // Emulation
-            onProxyReqWs: proxyReq => {
-              proxyReq.setHeader("origin", "http://my-test-origin.com/");
-            },
-            target: `http://${devServerHost}:${devServerPort}`,
-            ws: true,
-            changeOrigin: true,
-            logLevel: "warn"
-          })
-        );
-
-        return app.listen(proxyPort, proxyHost, callback);
-      }
-
-      const proxy = await new Promise(resolve => {
-        const proxyCreated = startProxy(() => {
-          resolve(proxyCreated);
-        });
-      });
-
-      const { page, browser } = await runBrowser();
-
-      try {
-        const pageErrors = [];
-        const consoleMessages = [];
-
-        page
-          .on("console", message => {
-            consoleMessages.push(message);
-          })
-          .on("pageerror", error => {
-            pageErrors.push(error);
-          });
-
-        await page.goto(`http://${proxyHost}:${proxyPort}/`, {
-          waitUntil: "networkidle0"
-        });
-
-        expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-          "console messages"
-        );
-        expect(pageErrors).toMatchSnapshot("page errors");
-      } catch (error) {
-        throw error;
-      } finally {
-        proxy.close();
-
-        await browser.close();
-        await server.stop();
-      }
-    });
-
-    it(`should connect web socket client using custom sub hostname to web socket server with the custom hostname value ("${webSocketServer}")`, async () => {
-      const devServerHost = "127.0.0.1";
-      const devServerPort = port1;
-      const proxyHost = devServerHost;
-      const proxyPort = port2;
-
-      const compiler = webpack(config);
-      const devServerOptions = {
-        client: {
-          webSocketURL: {
-            port: port2
-          }
-        },
-        webSocketServer,
-        port: devServerPort,
-        host: devServerHost,
-        allowedHosts: ".my-test-origin.com"
-      };
-      const server = new Server(devServerOptions, compiler);
-
-      await server.start();
-
-      function startProxy(callback) {
-        const app = express();
-
-        app.use(
-          "/",
-          createProxyMiddleware({
-            // Emulation
-            onProxyReqWs: proxyReq => {
-              proxyReq.setHeader(
-                "origin",
-                "http://foo.bar.baz.my-test-origin.com/"
-              );
-            },
-            target: `http://${devServerHost}:${devServerPort}`,
-            ws: true,
-            changeOrigin: true,
-            logLevel: "warn"
-          })
-        );
-
-        return app.listen(proxyPort, proxyHost, callback);
-      }
-
-      const proxy = await new Promise(resolve => {
-        const proxyCreated = startProxy(() => {
-          resolve(proxyCreated);
-        });
-      });
-
-      const { page, browser } = await runBrowser();
-
-      try {
-        const pageErrors = [];
-        const consoleMessages = [];
-
-        page
-          .on("console", message => {
-            consoleMessages.push(message);
-          })
-          .on("pageerror", error => {
-            pageErrors.push(error);
-          });
-
-        await page.goto(`http://${proxyHost}:${proxyPort}/`, {
-          waitUntil: "networkidle0"
-        });
-
-        expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-          "console messages"
-        );
-        expect(pageErrors).toMatchSnapshot("page errors");
-      } catch (error) {
-        throw error;
-      } finally {
-        proxy.close();
-
-        await browser.close();
-        await server.stop();
-      }
-    });
-
-    it(`should connect web socket client using custom hostname to web socket server with the multiple custom hostname values ("${webSocketServer}")`, async () => {
-      const devServerHost = "127.0.0.1";
-      const devServerPort = port1;
-      const proxyHost = devServerHost;
-      const proxyPort = port2;
-
-      const compiler = webpack(config);
-      const devServerOptions = {
-        client: {
-          webSocketURL: {
-            port: port2
-          }
-        },
-        webSocketServer,
-        port: devServerPort,
-        host: devServerHost,
-        allowedHosts: ["my-test-origin.com"]
-      };
-      const server = new Server(devServerOptions, compiler);
-
-      await server.start();
-
-      function startProxy(callback) {
-        const app = express();
-
-        app.use(
-          "/",
-          createProxyMiddleware({
-            // Emulation
-            onProxyReqWs: proxyReq => {
-              proxyReq.setHeader("origin", "http://my-test-origin.com/");
-            },
-            target: `http://${devServerHost}:${devServerPort}`,
-            ws: true,
-            changeOrigin: true,
-            logLevel: "warn"
-          })
-        );
-
-        return app.listen(proxyPort, proxyHost, callback);
-      }
-
-      const proxy = await new Promise(resolve => {
-        const proxyCreated = startProxy(() => {
-          resolve(proxyCreated);
-        });
-      });
-
-      const { page, browser } = await runBrowser();
-
-      try {
-        const pageErrors = [];
-        const consoleMessages = [];
-
-        page
-          .on("console", message => {
-            consoleMessages.push(message);
-          })
-          .on("pageerror", error => {
-            pageErrors.push(error);
-          });
-
-        await page.goto(`http://${proxyHost}:${proxyPort}/`, {
-          waitUntil: "networkidle0"
-        });
-
-        expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-          "console messages"
-        );
-        expect(pageErrors).toMatchSnapshot("page errors");
-      } catch (error) {
-        throw error;
-      } finally {
-        proxy.close();
-
-        await browser.close();
-        await server.stop();
-      }
-    });
-
-    it(`should disconnect web client using localhost to web socket server with the "auto" value ("${webSocketServer}")`, async () => {
-      const devServerHost = "127.0.0.1";
-      const devServerPort = port1;
-      const proxyHost = devServerHost;
-      const proxyPort = port2;
-
-      const compiler = webpack(config);
-      const devServerOptions = {
-        client: {
-          webSocketURL: {
-            port: port2
-          }
-        },
-        webSocketServer,
-        port: devServerPort,
-        host: devServerHost,
-        allowedHosts: "auto"
-      };
-      const server = new Server(devServerOptions, compiler);
-
-      await server.start();
-
-      function startProxy(callback) {
-        const app = express();
-
-        app.use(
-          "/",
-          createProxyMiddleware({
-            // Emulation
-            onProxyReq: (proxyReq, req, res) => {
-              proxyReq.setHeader("host", "unknown");
-              res.setHeader("host", devServerHost);
-            },
-            target: `http://${devServerHost}:${devServerPort}`,
-            ws: true,
-            changeOrigin: true,
-            logLevel: "warn"
-          })
-        );
-
-        return app.listen(proxyPort, proxyHost, callback);
-      }
-
-      const proxy = await new Promise(resolve => {
-        const proxyCreated = startProxy(() => {
-          resolve(proxyCreated);
-        });
-      });
-
-      const { page, browser } = await runBrowser();
-
-      try {
-        const pageErrors = [];
-        const consoleMessages = [];
-
-        page
-          .on("console", message => {
-            consoleMessages.push(message);
-          })
-          .on("pageerror", error => {
-            pageErrors.push(error);
-          });
-
-        await page.goto(`http://${proxyHost}:${proxyPort}/`, {
-          waitUntil: "networkidle0"
-        });
-
-        const html = await page.content();
-
-        expect(html).toMatchSnapshot("html");
-        expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-          "console messages"
-        );
-        expect(pageErrors).toMatchSnapshot("page errors");
-      } catch (error) {
-        throw error;
-      } finally {
-        proxy.close();
-
-        await browser.close();
-        await server.stop();
-      }
-    });
-  }
-
-  describe("check host headers", () => {
-    let compiler;
-    let server;
-    let page;
-    let browser;
-    let pageErrors;
-    let consoleMessages;
-
-    beforeEach(() => {
-      compiler = webpack(config);
-      pageErrors = [];
-      consoleMessages = [];
-    });
-
-    afterEach(async () => {
-      await browser.close();
-      await server.stop();
-    });
-
-    it("should always allow `localhost` if options.allowedHosts is auto", async () => {
-      const options = {
-        allowedHosts: "auto",
-        port: port1
-      };
-
-      const headers = {
-        host: "localhost"
-      };
-
-      server = new Server(options, compiler);
-
-      await server.start();
-
-      ({ page, browser } = await runBrowser());
-
-      page
-        .on("console", message => {
-          consoleMessages.push(message);
-        })
-        .on("pageerror", error => {
-          pageErrors.push(error);
-        });
-
-      const response = await page.goto(`http://127.0.0.1:${port1}/main.js`, {
-        waitUntil: "networkidle0"
-      });
-
-      if (!server.checkHeader(headers, "host")) {
-        throw new Error("Validation didn't fail");
-      }
-
-      expect(response.status()).toMatchSnapshot("response status");
-
-      expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-        "console messages"
-      );
-
-      expect(pageErrors).toMatchSnapshot("page errors");
-    });
-
-    it("should always allow `localhost` subdomain if options.allowedHosts is auto", async () => {
-      const options = {
-        allowedHosts: "auto",
-        port: port1
-      };
-
-      const headers = {
-        host: "app.localhost"
-      };
-
-      server = new Server(options, compiler);
-
-      await server.start();
-
-      ({ page, browser } = await runBrowser());
-
-      page
-        .on("console", message => {
-          consoleMessages.push(message);
-        })
-        .on("pageerror", error => {
-          pageErrors.push(error);
-        });
-
-      const response = await page.goto(`http://127.0.0.1:${port1}/main.js`, {
-        waitUntil: "networkidle0"
-      });
-
-      if (!server.checkHeader(headers, "host")) {
-        throw new Error("Validation didn't fail");
-      }
-
-      expect(response.status()).toMatchSnapshot("response status");
-
-      expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-        "console messages"
-      );
-
-      expect(pageErrors).toMatchSnapshot("page errors");
-    });
+	for (const webSocketServer of webSocketServers) {
+		it(`should disconnect web socket client using custom hostname from web socket server with the "auto" value based on the "host" header ("${webSocketServer}")`, async () => {
+			const devServerHost = "127.0.0.1";
+			const devServerPort = port1;
+			const proxyHost = devServerHost;
+			const proxyPort = port2;
+
+			const compiler = webpack(config);
+			const devServerOptions = {
+				client: {
+					webSocketURL: {
+						port: port2,
+					},
+				},
+				webSocketServer,
+				port: devServerPort,
+				host: devServerHost,
+				allowedHosts: "auto",
+			};
+			const server = new Server(devServerOptions, compiler);
+
+			await server.start();
+
+			function startProxy(callback) {
+				const app = express();
+
+				app.use(
+					"/",
+					createProxyMiddleware({
+						// Emulation
+						onProxyReqWs: (proxyReq) => {
+							proxyReq.setHeader("host", "my-test-host");
+						},
+						target: `http://${devServerHost}:${devServerPort}`,
+						ws: true,
+						changeOrigin: true,
+						logLevel: "warn",
+					}),
+				);
+
+				return app.listen(proxyPort, proxyHost, callback);
+			}
+
+			const proxy = await new Promise((resolve) => {
+				const proxyCreated = startProxy(() => {
+					resolve(proxyCreated);
+				});
+			});
+
+			const { page, browser } = await runBrowser();
+
+			try {
+				const pageErrors = [];
+				const consoleMessages = [];
+
+				page
+					.on("console", (message) => {
+						consoleMessages.push(message);
+					})
+					.on("pageerror", (error) => {
+						pageErrors.push(error);
+					});
+
+				await page.goto(`http://${proxyHost}:${proxyPort}/`, {
+					waitUntil: "networkidle0",
+				});
+
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
+				expect(pageErrors).toMatchSnapshot("page errors");
+			} finally {
+				proxy.close();
+
+				await browser.close();
+				await server.stop();
+			}
+		});
+
+		it(`should disconnect web socket client using custom hostname from web socket server with the "auto" value based on the "host" header when "server: 'https'" is enabled ("${webSocketServer}")`, async () => {
+			const devServerHost = "127.0.0.1";
+			const devServerPort = port1;
+			const proxyHost = devServerHost;
+			const proxyPort = port2;
+
+			const compiler = webpack(config);
+			const devServerOptions = {
+				client: {
+					webSocketURL: {
+						port: port2,
+						protocol: "ws",
+					},
+				},
+				webSocketServer,
+				port: devServerPort,
+				host: devServerHost,
+				allowedHosts: "auto",
+				server: "https",
+			};
+			const server = new Server(devServerOptions, compiler);
+
+			await server.start();
+
+			function startProxy(callback) {
+				const app = express();
+
+				app.use(
+					"/",
+					createProxyMiddleware({
+						// Emulation
+						onProxyReqWs: (proxyReq) => {
+							proxyReq.setHeader("host", "my-test-host");
+						},
+						target: `https://${devServerHost}:${devServerPort}`,
+						secure: false,
+						ws: true,
+						changeOrigin: true,
+						logLevel: "warn",
+					}),
+				);
+
+				return app.listen(proxyPort, proxyHost, callback);
+			}
+
+			const proxy = await new Promise((resolve) => {
+				const proxyCreated = startProxy(() => {
+					resolve(proxyCreated);
+				});
+			});
+
+			const { page, browser } = await runBrowser();
+
+			try {
+				const pageErrors = [];
+				const consoleMessages = [];
+
+				page
+					.on("console", (message) => {
+						consoleMessages.push(message);
+					})
+					.on("pageerror", (error) => {
+						pageErrors.push(error);
+					});
+
+				await page.goto(`http://${proxyHost}:${proxyPort}/`, {
+					waitUntil: "networkidle0",
+				});
+
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
+				expect(pageErrors).toMatchSnapshot("page errors");
+			} finally {
+				proxy.close();
+
+				await browser.close();
+				await server.stop();
+			}
+		});
+
+		it(`should disconnect web socket client using custom hostname from web socket server with the "auto" value based on the "origin" header ("${webSocketServer}")`, async () => {
+			const devServerHost = "127.0.0.1";
+			const devServerPort = port1;
+			const proxyHost = devServerHost;
+			const proxyPort = port2;
+
+			const compiler = webpack(config);
+			const devServerOptions = {
+				client: {
+					webSocketURL: {
+						port: port2,
+					},
+				},
+				webSocketServer,
+				port: devServerPort,
+				host: devServerHost,
+				allowedHosts: "auto",
+			};
+			const server = new Server(devServerOptions, compiler);
+
+			await server.start();
+
+			function startProxy(callback) {
+				const app = express();
+
+				app.use(
+					"/",
+					createProxyMiddleware({
+						// Emulation
+						onProxyReqWs: (proxyReq) => {
+							proxyReq.setHeader("origin", "http://my-test-origin.com/");
+						},
+						target: `http://${devServerHost}:${devServerPort}`,
+						ws: true,
+						changeOrigin: true,
+						logLevel: "warn",
+					}),
+				);
+
+				return app.listen(proxyPort, proxyHost, callback);
+			}
+
+			const proxy = await new Promise((resolve) => {
+				const proxyCreated = startProxy(() => {
+					resolve(proxyCreated);
+				});
+			});
+
+			const { page, browser } = await runBrowser();
+
+			try {
+				const pageErrors = [];
+				const consoleMessages = [];
+
+				page
+					.on("console", (message) => {
+						consoleMessages.push(message);
+					})
+					.on("pageerror", (error) => {
+						pageErrors.push(error);
+					});
+
+				await page.goto(`http://${proxyHost}:${proxyPort}/`, {
+					waitUntil: "networkidle0",
+				});
+
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
+				expect(pageErrors).toMatchSnapshot("page errors");
+			} finally {
+				proxy.close();
+
+				await browser.close();
+				await server.stop();
+			}
+		});
+
+		it(`should connect web socket client using localhost to web socket server with the "auto" value ("${webSocketServer}")`, async () => {
+			const devServerHost = "localhost";
+			const devServerPort = port1;
+			const proxyHost = devServerHost;
+			const proxyPort = port2;
+
+			const compiler = webpack(config);
+			const devServerOptions = {
+				client: {
+					webSocketURL: {
+						port: port2,
+					},
+				},
+				webSocketServer,
+				port: devServerPort,
+				host: devServerHost,
+				allowedHosts: "auto",
+			};
+			const server = new Server(devServerOptions, compiler);
+
+			await server.start();
+
+			function startProxy(callback) {
+				const app = express();
+
+				app.use(
+					"/",
+					createProxyMiddleware({
+						target: `http://${devServerHost}:${devServerPort}`,
+						ws: true,
+						changeOrigin: true,
+						logLevel: "warn",
+					}),
+				);
+
+				return app.listen(proxyPort, proxyHost, callback);
+			}
+
+			const proxy = await new Promise((resolve) => {
+				const proxyCreated = startProxy(() => {
+					resolve(proxyCreated);
+				});
+			});
+
+			const { page, browser } = await runBrowser();
+			try {
+				const pageErrors = [];
+				const consoleMessages = [];
+
+				page
+					.on("console", (message) => {
+						consoleMessages.push(message);
+					})
+					.on("pageerror", (error) => {
+						pageErrors.push(error);
+					});
+
+				await page.goto(`http://${proxyHost}:${proxyPort}/`, {
+					waitUntil: "networkidle0",
+				});
+
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
+				expect(pageErrors).toMatchSnapshot("page errors");
+			} finally {
+				proxy.close();
+
+				await browser.close();
+				await server.stop();
+			}
+		});
+
+		it(`should connect web socket client using "127.0.0.1" host to web socket server with the "auto" value ("${webSocketServer}")`, async () => {
+			const devServerHost = "127.0.0.1";
+			const devServerPort = port1;
+			const proxyHost = devServerHost;
+			const proxyPort = port2;
+
+			const compiler = webpack(config);
+			const devServerOptions = {
+				client: {
+					webSocketURL: {
+						port: port2,
+					},
+				},
+				webSocketServer,
+				port: devServerPort,
+				host: devServerHost,
+				allowedHosts: "auto",
+			};
+			const server = new Server(devServerOptions, compiler);
+
+			await server.start();
+
+			function startProxy(callback) {
+				const app = express();
+
+				app.use(
+					"/",
+					createProxyMiddleware({
+						target: `http://${devServerHost}:${devServerPort}`,
+						ws: true,
+						changeOrigin: true,
+						logLevel: "warn",
+					}),
+				);
+
+				return app.listen(proxyPort, proxyHost, callback);
+			}
+
+			const proxy = await new Promise((resolve) => {
+				const proxyCreated = startProxy(() => {
+					resolve(proxyCreated);
+				});
+			});
+
+			const { page, browser } = await runBrowser();
+
+			try {
+				const pageErrors = [];
+				const consoleMessages = [];
+
+				page
+					.on("console", (message) => {
+						consoleMessages.push(message);
+					})
+					.on("pageerror", (error) => {
+						pageErrors.push(error);
+					});
+
+				await page.goto(`http://${proxyHost}:${proxyPort}/`, {
+					waitUntil: "networkidle0",
+				});
+
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
+				expect(pageErrors).toMatchSnapshot("page errors");
+			} finally {
+				proxy.close();
+
+				await browser.close();
+				await server.stop();
+			}
+		});
+
+		it(`should connect web socket client using "[::1] host to web socket server with the "auto" value ("${webSocketServer}")`, async () => {
+			const devServerHost = "::1";
+			const devServerPort = port1;
+			const proxyHost = devServerHost;
+			const proxyPort = port2;
+
+			const compiler = webpack(config);
+			const devServerOptions = {
+				client: {
+					webSocketURL: {
+						port: port2,
+					},
+				},
+				webSocketServer,
+				port: devServerPort,
+				host: devServerHost,
+				allowedHosts: "auto",
+			};
+			const server = new Server(devServerOptions, compiler);
+
+			await server.start();
+
+			function startProxy(callback) {
+				const app = express();
+
+				app.use(
+					"/",
+					createProxyMiddleware({
+						target: `http://[${devServerHost}]:${devServerPort}`,
+						ws: true,
+						changeOrigin: true,
+						logLevel: "warn",
+					}),
+				);
+
+				return app.listen(proxyPort, proxyHost, callback);
+			}
+
+			const proxy = await new Promise((resolve) => {
+				const proxyCreated = startProxy(() => {
+					resolve(proxyCreated);
+				});
+			});
+
+			const { page, browser } = await runBrowser();
+
+			try {
+				const pageErrors = [];
+				const consoleMessages = [];
+
+				page
+					.on("console", (message) => {
+						consoleMessages.push(message);
+					})
+					.on("pageerror", (error) => {
+						pageErrors.push(error);
+					});
+
+				await page.goto(`http://[${proxyHost}]:${proxyPort}/`, {
+					waitUntil: "networkidle0",
+				});
+
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
+				expect(pageErrors).toMatchSnapshot("page errors");
+			} finally {
+				proxy.close();
+
+				await browser.close();
+				await server.stop();
+			}
+		});
+
+		it(`should connect web socket client using "file:" protocol to web socket server with the "auto" value ("${webSocketServer}")`, async () => {
+			const devServerHost = "127.0.0.1";
+			const devServerPort = port1;
+			const proxyHost = devServerHost;
+			const proxyPort = port2;
+
+			const compiler = webpack(config);
+			const devServerOptions = {
+				client: {
+					webSocketURL: {
+						port: port2,
+					},
+				},
+				webSocketServer,
+				port: devServerPort,
+				host: devServerHost,
+				allowedHosts: "auto",
+			};
+			const server = new Server(devServerOptions, compiler);
+
+			await server.start();
+
+			function startProxy(callback) {
+				const app = express();
+
+				app.use(
+					"/",
+					createProxyMiddleware({
+						target: `http://${devServerHost}:${devServerPort}`,
+						onProxyReqWs: (proxyReq) => {
+							proxyReq.setHeader("origin", "file:///path/to/local/file.js");
+						},
+						ws: true,
+						changeOrigin: true,
+						logLevel: "warn",
+					}),
+				);
+
+				return app.listen(proxyPort, proxyHost, callback);
+			}
+
+			const proxy = await new Promise((resolve) => {
+				const proxyCreated = startProxy(() => {
+					resolve(proxyCreated);
+				});
+			});
+
+			const { page, browser } = await runBrowser();
+
+			try {
+				const pageErrors = [];
+				const consoleMessages = [];
+
+				page
+					.on("console", (message) => {
+						consoleMessages.push(message);
+					})
+					.on("pageerror", (error) => {
+						pageErrors.push(error);
+					});
+
+				await page.goto(`http://${proxyHost}:${proxyPort}/`, {
+					waitUntil: "networkidle0",
+				});
+
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
+				expect(pageErrors).toMatchSnapshot("page errors");
+			} finally {
+				proxy.close();
+
+				await browser.close();
+				await server.stop();
+			}
+		});
+
+		it(`should connect web socket client using "chrome-extension:" protocol to web socket server with the "auto" value ("${webSocketServer}")`, async () => {
+			const devServerHost = "127.0.0.1";
+			const devServerPort = port1;
+			const proxyHost = devServerHost;
+			const proxyPort = port2;
+
+			const compiler = webpack(config);
+			const devServerOptions = {
+				client: {
+					webSocketURL: {
+						port: port2,
+					},
+				},
+				webSocketServer,
+				port: devServerPort,
+				host: devServerHost,
+				allowedHosts: "auto",
+			};
+			const server = new Server(devServerOptions, compiler);
+
+			await server.start();
+
+			function startProxy(callback) {
+				const app = express();
+
+				app.use(
+					"/",
+					createProxyMiddleware({
+						target: `http://${devServerHost}:${devServerPort}`,
+						onProxyReqWs: (proxyReq) => {
+							proxyReq.setHeader("origin", "chrome-extension:///abcdef");
+						},
+						ws: true,
+						changeOrigin: true,
+						logLevel: "warn",
+					}),
+				);
+
+				return app.listen(proxyPort, proxyHost, callback);
+			}
+
+			const proxy = await new Promise((resolve) => {
+				const proxyCreated = startProxy(() => {
+					resolve(proxyCreated);
+				});
+			});
+
+			const { page, browser } = await runBrowser();
+
+			try {
+				const pageErrors = [];
+				const consoleMessages = [];
+
+				page
+					.on("console", (message) => {
+						consoleMessages.push(message);
+					})
+					.on("pageerror", (error) => {
+						pageErrors.push(error);
+					});
+
+				await page.goto(`http://${proxyHost}:${proxyPort}/`, {
+					waitUntil: "networkidle0",
+				});
+
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
+				expect(pageErrors).toMatchSnapshot("page errors");
+			} finally {
+				proxy.close();
+
+				await browser.close();
+				await server.stop();
+			}
+		});
+
+		it(`should connect web socket client using custom hostname to web socket server with the "all" value ("${webSocketServer}")`, async () => {
+			const devServerHost = "127.0.0.1";
+			const devServerPort = port1;
+			const proxyHost = devServerHost;
+			const proxyPort = port2;
+
+			const compiler = webpack(config);
+			const devServerOptions = {
+				client: {
+					webSocketURL: {
+						port: port2,
+					},
+				},
+				webSocketServer,
+				port: devServerPort,
+				host: devServerHost,
+				allowedHosts: "all",
+			};
+			const server = new Server(devServerOptions, compiler);
+
+			await server.start();
+
+			function startProxy(callback) {
+				const app = express();
+
+				app.use(
+					"/",
+					createProxyMiddleware({
+						// Emulation
+						onProxyReqWs: (proxyReq) => {
+							proxyReq.setHeader("origin", "http://my-test-origin.com/");
+						},
+						target: `http://${devServerHost}:${devServerPort}`,
+						ws: true,
+						changeOrigin: true,
+						logLevel: "warn",
+					}),
+				);
+
+				return app.listen(proxyPort, proxyHost, callback);
+			}
+
+			const proxy = await new Promise((resolve) => {
+				const proxyCreated = startProxy(() => {
+					resolve(proxyCreated);
+				});
+			});
+
+			const { page, browser } = await runBrowser();
+
+			try {
+				const pageErrors = [];
+				const consoleMessages = [];
+
+				page
+					.on("console", (message) => {
+						consoleMessages.push(message);
+					})
+					.on("pageerror", (error) => {
+						pageErrors.push(error);
+					});
+
+				await page.goto(`http://${proxyHost}:${proxyPort}/`, {
+					waitUntil: "networkidle0",
+				});
+
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
+				expect(pageErrors).toMatchSnapshot("page errors");
+			} finally {
+				proxy.close();
+
+				await browser.close();
+				await server.stop();
+			}
+		});
+
+		it(`should connect web socket client using custom hostname to web socket server with the "all" value in array ("${webSocketServer}")`, async () => {
+			const devServerHost = "127.0.0.1";
+			const devServerPort = port1;
+			const proxyHost = devServerHost;
+			const proxyPort = port2;
+
+			const compiler = webpack(config);
+			const devServerOptions = {
+				client: {
+					webSocketURL: {
+						port: port2,
+					},
+				},
+				webSocketServer,
+				port: devServerPort,
+				host: devServerHost,
+				allowedHosts: ["all"],
+			};
+			const server = new Server(devServerOptions, compiler);
+
+			await server.start();
+
+			function startProxy(callback) {
+				const app = express();
+
+				app.use(
+					"/",
+					createProxyMiddleware({
+						// Emulation
+						onProxyReqWs: (proxyReq) => {
+							proxyReq.setHeader("origin", "http://my-test-origin.com/");
+						},
+						target: `http://${devServerHost}:${devServerPort}`,
+						ws: true,
+						changeOrigin: true,
+						logLevel: "warn",
+					}),
+				);
+
+				return app.listen(proxyPort, proxyHost, callback);
+			}
+
+			const proxy = await new Promise((resolve) => {
+				const proxyCreated = startProxy(() => {
+					resolve(proxyCreated);
+				});
+			});
+
+			const { page, browser } = await runBrowser();
+
+			try {
+				const pageErrors = [];
+				const consoleMessages = [];
+
+				page
+					.on("console", (message) => {
+						consoleMessages.push(message);
+					})
+					.on("pageerror", (error) => {
+						pageErrors.push(error);
+					});
+
+				await page.goto(`http://${proxyHost}:${proxyPort}/`, {
+					waitUntil: "networkidle0",
+				});
+
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
+				expect(pageErrors).toMatchSnapshot("page errors");
+			} finally {
+				proxy.close();
+
+				await browser.close();
+				await server.stop();
+			}
+		});
+
+		it(`should connect web socket client using custom hostname to web socket server with the custom hostname value ("${webSocketServer}")`, async () => {
+			const devServerHost = "127.0.0.1";
+			const devServerPort = port1;
+			const proxyHost = devServerHost;
+			const proxyPort = port2;
+
+			const compiler = webpack(config);
+			const devServerOptions = {
+				client: {
+					webSocketURL: {
+						port: port2,
+					},
+				},
+				webSocketServer,
+				port: devServerPort,
+				host: devServerHost,
+				allowedHosts: "my-test-origin.com",
+			};
+			const server = new Server(devServerOptions, compiler);
+
+			await server.start();
+
+			function startProxy(callback) {
+				const app = express();
+
+				app.use(
+					"/",
+					createProxyMiddleware({
+						// Emulation
+						onProxyReqWs: (proxyReq) => {
+							proxyReq.setHeader("origin", "http://my-test-origin.com/");
+						},
+						target: `http://${devServerHost}:${devServerPort}`,
+						ws: true,
+						changeOrigin: true,
+						logLevel: "warn",
+					}),
+				);
+
+				return app.listen(proxyPort, proxyHost, callback);
+			}
+
+			const proxy = await new Promise((resolve) => {
+				const proxyCreated = startProxy(() => {
+					resolve(proxyCreated);
+				});
+			});
+
+			const { page, browser } = await runBrowser();
+
+			try {
+				const pageErrors = [];
+				const consoleMessages = [];
+
+				page
+					.on("console", (message) => {
+						consoleMessages.push(message);
+					})
+					.on("pageerror", (error) => {
+						pageErrors.push(error);
+					});
+
+				await page.goto(`http://${proxyHost}:${proxyPort}/`, {
+					waitUntil: "networkidle0",
+				});
+
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
+				expect(pageErrors).toMatchSnapshot("page errors");
+			} finally {
+				proxy.close();
+
+				await browser.close();
+				await server.stop();
+			}
+		});
+
+		it(`should connect web socket client using custom hostname to web socket server with the custom hostname value starting with dot ("${webSocketServer}")`, async () => {
+			const devServerHost = "127.0.0.1";
+			const devServerPort = port1;
+			const proxyHost = devServerHost;
+			const proxyPort = port2;
+
+			const compiler = webpack(config);
+			const devServerOptions = {
+				client: {
+					webSocketURL: {
+						port: port2,
+					},
+				},
+				webSocketServer,
+				port: devServerPort,
+				host: devServerHost,
+				allowedHosts: ".my-test-origin.com",
+			};
+			const server = new Server(devServerOptions, compiler);
+
+			await server.start();
+
+			function startProxy(callback) {
+				const app = express();
+
+				app.use(
+					"/",
+					createProxyMiddleware({
+						// Emulation
+						onProxyReqWs: (proxyReq) => {
+							proxyReq.setHeader("origin", "http://my-test-origin.com/");
+						},
+						target: `http://${devServerHost}:${devServerPort}`,
+						ws: true,
+						changeOrigin: true,
+						logLevel: "warn",
+					}),
+				);
+
+				return app.listen(proxyPort, proxyHost, callback);
+			}
+
+			const proxy = await new Promise((resolve) => {
+				const proxyCreated = startProxy(() => {
+					resolve(proxyCreated);
+				});
+			});
+
+			const { page, browser } = await runBrowser();
+
+			try {
+				const pageErrors = [];
+				const consoleMessages = [];
+
+				page
+					.on("console", (message) => {
+						consoleMessages.push(message);
+					})
+					.on("pageerror", (error) => {
+						pageErrors.push(error);
+					});
+
+				await page.goto(`http://${proxyHost}:${proxyPort}/`, {
+					waitUntil: "networkidle0",
+				});
+
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
+				expect(pageErrors).toMatchSnapshot("page errors");
+			} finally {
+				proxy.close();
+
+				await browser.close();
+				await server.stop();
+			}
+		});
+
+		it(`should connect web socket client using custom sub hostname to web socket server with the custom hostname value ("${webSocketServer}")`, async () => {
+			const devServerHost = "127.0.0.1";
+			const devServerPort = port1;
+			const proxyHost = devServerHost;
+			const proxyPort = port2;
+
+			const compiler = webpack(config);
+			const devServerOptions = {
+				client: {
+					webSocketURL: {
+						port: port2,
+					},
+				},
+				webSocketServer,
+				port: devServerPort,
+				host: devServerHost,
+				allowedHosts: ".my-test-origin.com",
+			};
+			const server = new Server(devServerOptions, compiler);
+
+			await server.start();
+
+			function startProxy(callback) {
+				const app = express();
+
+				app.use(
+					"/",
+					createProxyMiddleware({
+						// Emulation
+						onProxyReqWs: (proxyReq) => {
+							proxyReq.setHeader(
+								"origin",
+								"http://foo.bar.baz.my-test-origin.com/",
+							);
+						},
+						target: `http://${devServerHost}:${devServerPort}`,
+						ws: true,
+						changeOrigin: true,
+						logLevel: "warn",
+					}),
+				);
+
+				return app.listen(proxyPort, proxyHost, callback);
+			}
+
+			const proxy = await new Promise((resolve) => {
+				const proxyCreated = startProxy(() => {
+					resolve(proxyCreated);
+				});
+			});
+
+			const { page, browser } = await runBrowser();
+
+			try {
+				const pageErrors = [];
+				const consoleMessages = [];
+
+				page
+					.on("console", (message) => {
+						consoleMessages.push(message);
+					})
+					.on("pageerror", (error) => {
+						pageErrors.push(error);
+					});
+
+				await page.goto(`http://${proxyHost}:${proxyPort}/`, {
+					waitUntil: "networkidle0",
+				});
+
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
+				expect(pageErrors).toMatchSnapshot("page errors");
+			} finally {
+				proxy.close();
+
+				await browser.close();
+				await server.stop();
+			}
+		});
+
+		it(`should connect web socket client using custom hostname to web socket server with the multiple custom hostname values ("${webSocketServer}")`, async () => {
+			const devServerHost = "127.0.0.1";
+			const devServerPort = port1;
+			const proxyHost = devServerHost;
+			const proxyPort = port2;
+
+			const compiler = webpack(config);
+			const devServerOptions = {
+				client: {
+					webSocketURL: {
+						port: port2,
+					},
+				},
+				webSocketServer,
+				port: devServerPort,
+				host: devServerHost,
+				allowedHosts: ["my-test-origin.com"],
+			};
+			const server = new Server(devServerOptions, compiler);
+
+			await server.start();
+
+			function startProxy(callback) {
+				const app = express();
+
+				app.use(
+					"/",
+					createProxyMiddleware({
+						// Emulation
+						onProxyReqWs: (proxyReq) => {
+							proxyReq.setHeader("origin", "http://my-test-origin.com/");
+						},
+						target: `http://${devServerHost}:${devServerPort}`,
+						ws: true,
+						changeOrigin: true,
+						logLevel: "warn",
+					}),
+				);
+
+				return app.listen(proxyPort, proxyHost, callback);
+			}
+
+			const proxy = await new Promise((resolve) => {
+				const proxyCreated = startProxy(() => {
+					resolve(proxyCreated);
+				});
+			});
+
+			const { page, browser } = await runBrowser();
+
+			try {
+				const pageErrors = [];
+				const consoleMessages = [];
+
+				page
+					.on("console", (message) => {
+						consoleMessages.push(message);
+					})
+					.on("pageerror", (error) => {
+						pageErrors.push(error);
+					});
+
+				await page.goto(`http://${proxyHost}:${proxyPort}/`, {
+					waitUntil: "networkidle0",
+				});
+
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
+				expect(pageErrors).toMatchSnapshot("page errors");
+			} finally {
+				proxy.close();
+
+				await browser.close();
+				await server.stop();
+			}
+		});
+
+		it(`should disconnect web client using localhost to web socket server with the "auto" value ("${webSocketServer}")`, async () => {
+			const devServerHost = "127.0.0.1";
+			const devServerPort = port1;
+			const proxyHost = devServerHost;
+			const proxyPort = port2;
+
+			const compiler = webpack(config);
+			const devServerOptions = {
+				client: {
+					webSocketURL: {
+						port: port2,
+					},
+				},
+				webSocketServer,
+				port: devServerPort,
+				host: devServerHost,
+				allowedHosts: "auto",
+			};
+			const server = new Server(devServerOptions, compiler);
+
+			await server.start();
+
+			function startProxy(callback) {
+				const app = express();
+
+				app.use(
+					"/",
+					createProxyMiddleware({
+						// Emulation
+						onProxyReq: (proxyReq, req, res) => {
+							proxyReq.setHeader("host", "unknown");
+							res.setHeader("host", devServerHost);
+						},
+						target: `http://${devServerHost}:${devServerPort}`,
+						ws: true,
+						changeOrigin: true,
+						logLevel: "warn",
+					}),
+				);
+
+				return app.listen(proxyPort, proxyHost, callback);
+			}
+
+			const proxy = await new Promise((resolve) => {
+				const proxyCreated = startProxy(() => {
+					resolve(proxyCreated);
+				});
+			});
+
+			const { page, browser } = await runBrowser();
+
+			try {
+				const pageErrors = [];
+				const consoleMessages = [];
+
+				page
+					.on("console", (message) => {
+						consoleMessages.push(message);
+					})
+					.on("pageerror", (error) => {
+						pageErrors.push(error);
+					});
+
+				await page.goto(`http://${proxyHost}:${proxyPort}/`, {
+					waitUntil: "networkidle0",
+				});
+
+				const html = await page.content();
+
+				expect(html).toMatchSnapshot("html");
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
+				expect(pageErrors).toMatchSnapshot("page errors");
+			} finally {
+				proxy.close();
+
+				await browser.close();
+				await server.stop();
+			}
+		});
+	}
+
+	describe("check host headers", () => {
+		let compiler;
+		let server;
+		let page;
+		let browser;
+		let pageErrors;
+		let consoleMessages;
+
+		beforeEach(() => {
+			compiler = webpack(config);
+			pageErrors = [];
+			consoleMessages = [];
+		});
+
+		afterEach(async () => {
+			await browser.close();
+			await server.stop();
+		});
+
+		it("should always allow `localhost` if options.allowedHosts is auto", async () => {
+			const options = {
+				allowedHosts: "auto",
+				port: port1,
+			};
+
+			const headers = {
+				host: "localhost",
+			};
+
+			server = new Server(options, compiler);
+
+			await server.start();
+
+			({ page, browser } = await runBrowser());
+
+			page
+				.on("console", (message) => {
+					consoleMessages.push(message);
+				})
+				.on("pageerror", (error) => {
+					pageErrors.push(error);
+				});
+
+			const response = await page.goto(`http://127.0.0.1:${port1}/main.js`, {
+				waitUntil: "networkidle0",
+			});
+
+			if (!server.checkHeader(headers, "host")) {
+				throw new Error("Validation didn't fail");
+			}
+
+			expect(response.status()).toMatchSnapshot("response status");
+
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
+			);
+
+			expect(pageErrors).toMatchSnapshot("page errors");
+		});
+
+		it("should always allow `localhost` subdomain if options.allowedHosts is auto", async () => {
+			const options = {
+				allowedHosts: "auto",
+				port: port1,
+			};
+
+			const headers = {
+				host: "app.localhost",
+			};
+
+			server = new Server(options, compiler);
+
+			await server.start();
+
+			({ page, browser } = await runBrowser());
+
+			page
+				.on("console", (message) => {
+					consoleMessages.push(message);
+				})
+				.on("pageerror", (error) => {
+					pageErrors.push(error);
+				});
+
+			const response = await page.goto(`http://127.0.0.1:${port1}/main.js`, {
+				waitUntil: "networkidle0",
+			});
+
+			if (!server.checkHeader(headers, "host")) {
+				throw new Error("Validation didn't fail");
+			}
+
+			expect(response.status()).toMatchSnapshot("response status");
+
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
+			);
+
+			expect(pageErrors).toMatchSnapshot("page errors");
+		});
 
-    it("should always allow value from the `host` options if options.allowedHosts is auto", async () => {
-      const networkIP = Server.internalIPSync("v4");
-      const options = {
-        host: networkIP,
-        allowedHosts: "auto",
-        port: port1
-      };
+		it("should always allow value from the `host` options if options.allowedHosts is auto", async () => {
+			const networkIP = Server.internalIPSync("v4");
+			const options = {
+				host: networkIP,
+				allowedHosts: "auto",
+				port: port1,
+			};
 
-      const headers = {
-        host: networkIP
-      };
+			const headers = {
+				host: networkIP,
+			};
 
-      server = new Server(options, compiler);
+			server = new Server(options, compiler);
 
-      await server.start();
+			await server.start();
 
-      ({ page, browser } = await runBrowser());
+			({ page, browser } = await runBrowser());
 
-      page
-        .on("console", message => {
-          consoleMessages.push(message);
-        })
-        .on("pageerror", error => {
-          pageErrors.push(error);
-        });
+			page
+				.on("console", (message) => {
+					consoleMessages.push(message);
+				})
+				.on("pageerror", (error) => {
+					pageErrors.push(error);
+				});
 
-      const response = await page.goto(`http://${networkIP}:${port1}/main.js`, {
-        waitUntil: "networkidle0"
-      });
+			const response = await page.goto(`http://${networkIP}:${port1}/main.js`, {
+				waitUntil: "networkidle0",
+			});
 
-      if (!server.checkHeader(headers, "host")) {
-        throw new Error("Validation didn't fail");
-      }
+			if (!server.checkHeader(headers, "host")) {
+				throw new Error("Validation didn't fail");
+			}
 
-      expect(response.status()).toMatchSnapshot("response status");
+			expect(response.status()).toMatchSnapshot("response status");
 
-      expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-        "console messages"
-      );
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
+			);
 
-      expect(pageErrors).toMatchSnapshot("page errors");
-    });
+			expect(pageErrors).toMatchSnapshot("page errors");
+		});
 
-    it("should always allow value of the `host` option from the `client.webSocketURL` option if options.allowedHosts is auto", async () => {
-      const options = {
-        allowedHosts: "auto",
-        port: port1,
-        client: {
-          webSocketURL: "ws://test.host:80"
-        }
-      };
+		it("should always allow value of the `host` option from the `client.webSocketURL` option if options.allowedHosts is auto", async () => {
+			const options = {
+				allowedHosts: "auto",
+				port: port1,
+				client: {
+					webSocketURL: "ws://test.host:80",
+				},
+			};
 
-      const headers = {
-        host: "test.host"
-      };
+			const headers = {
+				host: "test.host",
+			};
 
-      server = new Server(options, compiler);
+			server = new Server(options, compiler);
 
-      await server.start();
+			await server.start();
 
-      ({ page, browser } = await runBrowser());
+			({ page, browser } = await runBrowser());
 
-      page
-        .on("console", message => {
-          consoleMessages.push(message);
-        })
-        .on("pageerror", error => {
-          pageErrors.push(error);
-        });
+			page
+				.on("console", (message) => {
+					consoleMessages.push(message);
+				})
+				.on("pageerror", (error) => {
+					pageErrors.push(error);
+				});
 
-      const response = await page.goto(`http://127.0.0.1:${port1}/main.js`, {
-        waitUntil: "networkidle0"
-      });
+			const response = await page.goto(`http://127.0.0.1:${port1}/main.js`, {
+				waitUntil: "networkidle0",
+			});
 
-      if (!server.checkHeader(headers, "host")) {
-        throw new Error("Validation didn't fail");
-      }
+			if (!server.checkHeader(headers, "host")) {
+				throw new Error("Validation didn't fail");
+			}
 
-      expect(response.status()).toMatchSnapshot("response status");
+			expect(response.status()).toMatchSnapshot("response status");
 
-      expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-        "console messages"
-      );
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
+			);
 
-      expect(pageErrors).toMatchSnapshot("page errors");
-    });
+			expect(pageErrors).toMatchSnapshot("page errors");
+		});
 
-    it("should always allow any host if options.allowedHosts is all", async () => {
-      const options = {
-        allowedHosts: "all",
-        port: port1
-      };
-      const headers = {
-        host: "bad.host"
-      };
+		it("should always allow any host if options.allowedHosts is all", async () => {
+			const options = {
+				allowedHosts: "all",
+				port: port1,
+			};
+			const headers = {
+				host: "bad.host",
+			};
 
-      server = new Server(options, compiler);
+			server = new Server(options, compiler);
 
-      await server.start();
+			await server.start();
 
-      ({ page, browser } = await runBrowser());
+			({ page, browser } = await runBrowser());
 
-      page
-        .on("console", message => {
-          consoleMessages.push(message);
-        })
-        .on("pageerror", error => {
-          pageErrors.push(error);
-        });
+			page
+				.on("console", (message) => {
+					consoleMessages.push(message);
+				})
+				.on("pageerror", (error) => {
+					pageErrors.push(error);
+				});
 
-      const response = await page.goto(`http://127.0.0.1:${port1}/main.js`, {
-        waitUntil: "networkidle0"
-      });
+			const response = await page.goto(`http://127.0.0.1:${port1}/main.js`, {
+				waitUntil: "networkidle0",
+			});
 
-      if (!server.checkHeader(headers, "host")) {
-        throw new Error("Validation didn't fail");
-      }
+			if (!server.checkHeader(headers, "host")) {
+				throw new Error("Validation didn't fail");
+			}
 
-      expect(response.status()).toMatchSnapshot("response status");
-
-      expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-        "console messages"
-      );
+			expect(response.status()).toMatchSnapshot("response status");
+
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
+			);
 
-      expect(pageErrors).toMatchSnapshot("page errors");
-    });
+			expect(pageErrors).toMatchSnapshot("page errors");
+		});
 
-    it("should allow hosts in allowedHosts", async () => {
-      const tests = ["test.host", "test2.host", "test3.host"];
-      const options = {
-        allowedHosts: tests,
-        port: port1
-      };
+		it("should allow hosts in allowedHosts", async () => {
+			const tests = ["test.host", "test2.host", "test3.host"];
+			const options = {
+				allowedHosts: tests,
+				port: port1,
+			};
 
-      server = new Server(options, compiler);
+			server = new Server(options, compiler);
 
-      await server.start();
+			await server.start();
 
-      ({ page, browser } = await runBrowser());
+			({ page, browser } = await runBrowser());
 
-      page
-        .on("console", message => {
-          consoleMessages.push(message);
-        })
-        .on("pageerror", error => {
-          pageErrors.push(error);
-        });
+			page
+				.on("console", (message) => {
+					consoleMessages.push(message);
+				})
+				.on("pageerror", (error) => {
+					pageErrors.push(error);
+				});
 
-      const response = await page.goto(`http://127.0.0.1:${port1}/main.js`, {
-        waitUntil: "networkidle0"
-      });
+			const response = await page.goto(`http://127.0.0.1:${port1}/main.js`, {
+				waitUntil: "networkidle0",
+			});
 
-      tests.forEach(test => {
-        const headers = { host: test };
+			for (const test of tests) {
+				const headers = { host: test };
 
-        if (!server.checkHeader(headers, "host")) {
-          throw new Error("Validation didn't fail");
-        }
-      });
+				if (!server.checkHeader(headers, "host")) {
+					throw new Error("Validation didn't fail");
+				}
+			}
 
-      expect(response.status()).toMatchSnapshot("response status");
+			expect(response.status()).toMatchSnapshot("response status");
 
-      expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-        "console messages"
-      );
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
+			);
 
-      expect(pageErrors).toMatchSnapshot("page errors");
-    });
+			expect(pageErrors).toMatchSnapshot("page errors");
+		});
 
-    it("should allow hosts that pass a wildcard in allowedHosts", async () => {
-      const options = {
-        allowedHosts: [".example.com"],
-        port: port1
-      };
+		it("should allow hosts that pass a wildcard in allowedHosts", async () => {
+			const options = {
+				allowedHosts: [".example.com"],
+				port: port1,
+			};
 
-      server = new Server(options, compiler);
+			server = new Server(options, compiler);
 
-      await server.start();
+			await server.start();
 
-      ({ page, browser } = await runBrowser());
+			({ page, browser } = await runBrowser());
 
-      page
-        .on("console", message => {
-          consoleMessages.push(message);
-        })
-        .on("pageerror", error => {
-          pageErrors.push(error);
-        });
+			page
+				.on("console", (message) => {
+					consoleMessages.push(message);
+				})
+				.on("pageerror", (error) => {
+					pageErrors.push(error);
+				});
 
-      const response = await page.goto(`http://127.0.0.1:${port1}/main.js`, {
-        waitUntil: "networkidle0"
-      });
+			const response = await page.goto(`http://127.0.0.1:${port1}/main.js`, {
+				waitUntil: "networkidle0",
+			});
 
-      const tests = [
-        "www.example.com",
-        "subdomain.example.com",
-        "example.com",
-        "subsubcomain.subdomain.example.com",
-        "example.com:80",
-        "subdomain.example.com:80"
-      ];
+			const tests = [
+				"www.example.com",
+				"subdomain.example.com",
+				"example.com",
+				"subsubcomain.subdomain.example.com",
+				"example.com:80",
+				"subdomain.example.com:80",
+			];
 
-      tests.forEach(test => {
-        const headers = { host: test };
+			for (const test of tests) {
+				const headers = { host: test };
 
-        if (!server.checkHeader(headers, "host")) {
-          throw new Error("Validation didn't fail");
-        }
-      });
+				if (!server.checkHeader(headers, "host")) {
+					throw new Error("Validation didn't fail");
+				}
+			}
 
-      expect(response.status()).toMatchSnapshot("response status");
+			expect(response.status()).toMatchSnapshot("response status");
 
-      expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-        "console messages"
-      );
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
+			);
 
-      expect(pageErrors).toMatchSnapshot("page errors");
-    });
-  });
+			expect(pageErrors).toMatchSnapshot("page errors");
+		});
+	});
 });
diff --git a/tests/e2e/api.test.js b/tests/e2e/api.test.js
index 730224e..2a2c441 100644
--- a/tests/e2e/api.test.js
+++ b/tests/e2e/api.test.js
@@ -1,6 +1,4 @@
-"use strict";
-
-const path = require("path");
+const path = require("node:path");
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
 const config = require("../fixtures/client-config/webpack.config");
@@ -23,7 +21,7 @@ describe("API", () => {
 
 			process.env = { ...OLD_ENV };
 
-			delete process.env.WEBPACK_SERVE;
+			process.env.WEBPACK_SERVE = undefined;
 
 			({ page, browser } = await runBrowser());
 
@@ -41,15 +39,15 @@ describe("API", () => {
 			expect(process.env.WEBPACK_SERVE).toBeUndefined();
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const {
-				RspackDevServer: WebpackDevServer
+				RspackDevServer: WebpackDevServer,
 			} = require("@rspack/dev-server");
 
 			const compiler = webpack(config);
@@ -60,13 +58,13 @@ describe("API", () => {
 			expect(process.env.WEBPACK_SERVE).toBe("true");
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -74,7 +72,7 @@ describe("API", () => {
 	});
 
 	describe("latest async API", () => {
-		it(`should work with async API`, async () => {
+		it("should work with async API", async () => {
 			const compiler = webpack(config);
 			const server = new Server({ port }, compiler);
 
@@ -87,34 +85,32 @@ describe("API", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				await page.goto(`http://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
 			}
 		});
 
-		it(`should work with callback API`, async () => {
+		it("should work with callback API", async () => {
 			const compiler = webpack(config);
 			const server = new Server({ port }, compiler);
 
-			await new Promise(resolve => {
+			await new Promise((resolve) => {
 				server.startCallback(() => {
 					resolve();
 				});
@@ -127,26 +123,24 @@ describe("API", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				await page.goto(`http://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
-				await new Promise(resolve => {
+				await new Promise((resolve) => {
 					server.stopCallback(() => {
 						resolve();
 					});
@@ -154,38 +148,38 @@ describe("API", () => {
 			}
 		});
 
-		it(`should catch errors within startCallback`, async () => {
+		it("should catch errors within startCallback", async () => {
 			const compiler = webpack(config);
 			const server = new Server(
 				{ port, static: "https://absolute-url.com/somewhere" },
-				compiler
+				compiler,
 			);
 
-			await new Promise(resolve => {
-				server.startCallback(err => {
+			await new Promise((resolve) => {
+				server.startCallback((err) => {
 					expect(err.message).toEqual(
-						"Using a URL as static.directory is not supported"
+						"Using a URL as static.directory is not supported",
 					);
 					resolve();
 				});
 			});
 
-			await new Promise(resolve => {
+			await new Promise((resolve) => {
 				server.stopCallback(() => {
 					resolve();
 				});
 			});
 		});
 
-		it(`should work when using configured manually`, async () => {
+		it("should work when using configured manually", async () => {
 			const compiler = webpack({
 				...config,
 				entry: [
 					"@rspack/core/hot/dev-server.js",
 					`@rspack/dev-server/client/index.js?hot=true&live-reload=true"`,
-					path.resolve(__dirname, "../fixtures/client-config/foo.js")
+					path.resolve(__dirname, "../fixtures/client-config/foo.js"),
 				],
-				plugins: [...config.plugins, new webpack.HotModuleReplacementPlugin()]
+				plugins: [...config.plugins, new webpack.HotModuleReplacementPlugin()],
 			});
 			const server = new Server({ port, hot: false, client: false }, compiler);
 
@@ -197,30 +191,28 @@ describe("API", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				await page.goto(`http://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
 			}
 		});
 
-		it(`should work and allow to rerun dev server multiple times`, async () => {
+		it("should work and allow to rerun dev server multiple times", async () => {
 			const compiler = webpack(config);
 			const server = new Server({ port }, compiler);
 
@@ -233,23 +225,21 @@ describe("API", () => {
 				const firstConsoleMessages = [];
 
 				firstPage
-					.on("console", message => {
+					.on("console", (message) => {
 						firstConsoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						firstPageErrors.push(error);
 					});
 
 				await firstPage.goto(`http://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				expect(
-					firstConsoleMessages.map(message => message.text())
+					firstConsoleMessages.map((message) => message.text()),
 				).toMatchSnapshot("console messages");
 				expect(firstPageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await server.stop();
 			}
@@ -275,8 +265,6 @@ describe("API", () => {
 				//   secondConsoleMessages.map((message) => message.text()),
 				// ).toMatchSnapshot("console messages");
 				// expect(secondPageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -301,10 +289,10 @@ describe("API", () => {
 			consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
@@ -325,14 +313,14 @@ describe("API", () => {
 			server.middleware.context.callbacks[0] = callback;
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(callback).toHaveBeenCalledTimes(1);
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 			expect(pageErrors).toMatchSnapshot("page errors");
 		});
@@ -343,14 +331,14 @@ describe("API", () => {
 			server.invalidate(callback);
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(callback).toHaveBeenCalledTimes(1);
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -362,21 +350,21 @@ describe("API", () => {
 		let devServerPort;
 
 		afterEach(() => {
-			delete process.env.WEBPACK_DEV_SERVER_BASE_PORT;
-			delete process.env.WEBPACK_DEV_SERVER_PORT_RETRY;
+			process.env.WEBPACK_DEV_SERVER_BASE_PORT = undefined;
+			process.env.WEBPACK_DEV_SERVER_PORT_RETRY = undefined;
 
 			return dummyServers
 				.reduce(
 					(p, server) =>
 						p.then(
 							() =>
-								new Promise(resolve => {
+								new Promise((resolve) => {
 									server.stopCallback(() => {
 										resolve();
 									});
-								})
+								}),
 						),
-					Promise.resolve()
+					Promise.resolve(),
 				)
 				.then(() => {
 					dummyServers = [];
@@ -390,12 +378,12 @@ describe("API", () => {
 				(p, _, i) =>
 					p.then(
 						() =>
-							new Promise(resolve => {
+							new Promise((resolve) => {
 								devServerPort = 60000 + i;
 								const compiler = webpack(config);
 								const server = new Server(
 									{ port: devServerPort, host: "0.0.0.0" },
-									compiler
+									compiler,
 								);
 
 								dummyServers.push(server);
@@ -403,9 +391,9 @@ describe("API", () => {
 								server.startCallback(() => {
 									resolve();
 								});
-							})
+							}),
 					),
-				Promise.resolve()
+				Promise.resolve(),
 			);
 		}
 
@@ -436,21 +424,21 @@ describe("API", () => {
 			const consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${devServerPort}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -476,21 +464,21 @@ describe("API", () => {
 			const consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${devServerPort}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -515,21 +503,21 @@ describe("API", () => {
 			const consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${devServerPort}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -554,21 +542,21 @@ describe("API", () => {
 			const consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${devServerPort}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -594,26 +582,24 @@ describe("API", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				const response = await page.goto(`http://127.0.0.1:${devServerPort}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				expect(response.status()).toMatchSnapshot("response status");
 
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 			}
@@ -624,7 +610,7 @@ describe("API", () => {
 
 			jest.mock(
 				"webpack-dev-server/lib/getPort",
-				() => () => Promise.reject(new Error("busy"))
+				() => () => Promise.reject(new Error("busy")),
 			);
 
 			process.env.WEBPACK_DEV_SERVER_PORT_RETRY = 1;
@@ -647,19 +633,19 @@ describe("API", () => {
 				"[::1]",
 				"[::1]:8080",
 				"[ad42::1de2:54c2:c2fa:1234]",
-				"[ad42::1de2:54c2:c2fa:1234]:8080"
+				"[ad42::1de2:54c2:c2fa:1234]:8080",
 			];
 
 			const compiler = webpack(config);
 			const server = new Server(options, compiler);
 
-			tests.forEach(test => {
+			for (const test of tests) {
 				const headers = { host: test };
 
 				if (!server.checkHeader(headers, "host")) {
 					throw new Error("Validation didn't pass");
 				}
-			});
+			}
 		});
 
 		it('should allow URLs with scheme for checking origin when the "option.client.webSocketURL" is object', async () => {
@@ -668,13 +654,13 @@ describe("API", () => {
 				client: {
 					reconnect: false,
 					webSocketURL: {
-						hostname: "test.host"
-					}
+						hostname: "test.host",
+					},
 				},
-				webSocketServer: "ws"
+				webSocketServer: "ws",
 			};
 			const headers = {
-				origin: "https://test.host"
+				origin: "https://test.host",
 			};
 
 			const compiler = webpack(config);
@@ -689,40 +675,40 @@ describe("API", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				const webSocketRequests = [];
 				const session = await page.target().createCDPSession();
 
-				session.on("Network.webSocketCreated", test => {
+				session.on("Network.webSocketCreated", (test) => {
 					webSocketRequests.push(test);
 				});
 
 				await session.send("Target.setAutoAttach", {
 					autoAttach: true,
 					flatten: true,
-					waitForDebuggerOnStart: true
+					waitForDebuggerOnStart: true,
 				});
 
 				sessionSubscribe(session);
 
 				const response = await page.goto(`http://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				if (!server.checkHeader(headers, "origin")) {
 					throw new Error("Validation didn't fail");
 				}
 
-				await new Promise(resolve => {
+				await new Promise((resolve) => {
 					const interval = setInterval(() => {
-						const needFinish = consoleMessages.filter(message =>
-							/Trying to reconnect/.test(message.text())
+						const needFinish = consoleMessages.filter((message) =>
+							/Trying to reconnect/.test(message.text()),
 						);
 
 						if (needFinish.length > 0) {
@@ -743,8 +729,6 @@ describe("API", () => {
 				// ).toMatchSnapshot("console messages");
 
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
diff --git a/tests/e2e/app.test.js b/tests/e2e/app.test.js
new file mode 100644
index 0000000..ddeb7f4
--- /dev/null
+++ b/tests/e2e/app.test.js
@@ -0,0 +1,179 @@
+const fs = require("node:fs");
+const path = require("node:path");
+const webpack = require("@rspack/core");
+const wdm = require("webpack-dev-middleware");
+const { RspackDevServer: Server } = require("@rspack/dev-server");
+const config = require("../fixtures/client-config/webpack.config");
+const runBrowser = require("../helpers/run-browser");
+const port = require("../helpers/ports-map").app;
+
+const staticDirectory = path.resolve(
+	__dirname,
+	"../fixtures/static-config/public",
+);
+
+const apps = [
+	["express", () => require("express")(), "http"],
+	["express", () => require("express")(), "https"],
+	["express", () => require("express")(), "spdy"],
+	["connect", () => require("connect")(), "http"],
+	["connect", () => require("connect")(), "https"],
+	["connect", () => require("connect")(), "spdy"],
+	["connect", () => require("connect")(), "http2"],
+	["connect (async)", () => require("connect")(), "http"],
+	[
+		"hono",
+		() => new (require("hono").Hono)(),
+		(options, app) =>
+			require("@hono/node-server").createAdaptorServer({
+				fetch: app.fetch,
+			}),
+		(_, devServer) => [
+			{
+				name: "webpack-dev-middleware",
+				middleware: wdm.honoWrapper(devServer.compiler),
+			},
+		],
+	],
+	[
+		"hono",
+		() => new (require("hono").Hono)(),
+		(_, app) =>
+			require("@hono/node-server").createAdaptorServer({
+				fetch: app.fetch,
+				createServer: require("node:https").createServer,
+				serverOptions: {
+					key: fs.readFileSync(
+						path.resolve(__dirname, "../fixtures/ssl/localhost-privkey.pem"),
+					),
+					cert: fs.readFileSync(
+						path.resolve(__dirname, "../fixtures/ssl/localhost-cert.pem"),
+					),
+				},
+			}),
+		(_, devServer) => [
+			{
+				name: "webpack-dev-middleware",
+				middleware: wdm.honoWrapper(devServer.compiler),
+			},
+		],
+	],
+	[
+		"hono",
+		() => new (require("hono").Hono)(),
+		{
+			type: (options, app) =>
+				require("@hono/node-server").createAdaptorServer({
+					fetch: app.fetch,
+					createServer: require("node:http2").createSecureServer,
+					serverOptions: options,
+				}),
+			options: {
+				allowHTTP1: true,
+				key: fs.readFileSync(
+					path.resolve(__dirname, "../fixtures/ssl/localhost-privkey.pem"),
+				),
+				cert: fs.readFileSync(
+					path.resolve(__dirname, "../fixtures/ssl/localhost-cert.pem"),
+				),
+			},
+		},
+		(_, devServer) => [
+			{
+				name: "webpack-dev-middleware",
+				middleware: wdm.honoWrapper(devServer.compiler),
+			},
+		],
+	],
+];
+
+describe("app option", () => {
+	for (const [appName, app, server, setupMiddlewares] of apps) {
+		let compiler;
+		let devServer;
+		let page;
+		let browser;
+		let pageErrors;
+		let consoleMessages;
+
+		describe(`should work using "${appName}" application and "${typeof server === "function" ? "custom server" : server}" server`, () => {
+			beforeEach(async () => {
+				compiler = webpack(config);
+
+				devServer = new Server(
+					{
+						static: {
+							directory: staticDirectory,
+							watch: false,
+						},
+						app,
+						server,
+						port,
+						setupMiddlewares:
+							typeof setupMiddlewares !== "undefined"
+								? setupMiddlewares
+								: // eslint-disable-next-line no-undefined
+									undefined,
+					},
+					compiler,
+				);
+
+				await devServer.start();
+
+				({ page, browser } = await runBrowser());
+
+				pageErrors = [];
+				consoleMessages = [];
+			});
+
+			afterEach(async () => {
+				await browser.close();
+				await devServer.stop();
+				await new Promise((resolve) => {
+					compiler.close(() => {
+						resolve();
+					});
+				});
+			});
+
+			it("should handle GET request to index route (/)", async () => {
+				page
+					.on("console", (message) => {
+						consoleMessages.push(message);
+					})
+					.on("pageerror", (error) => {
+						pageErrors.push(error);
+					});
+
+				const pageUrl = devServer.isTlsServer
+					? `https://127.0.0.1:${port}/`
+					: `http://127.0.0.1:${port}/`;
+
+				const response = await page.goto(pageUrl, {
+					waitUntil: "networkidle0",
+				});
+
+				const HTTPVersion = await page.evaluate(
+					() => performance.getEntries()[0].nextHopProtocol,
+				);
+
+				if (
+					server === "spdy" ||
+					server === "http2" ||
+					server.options?.allowHTTP1
+				) {
+					expect(HTTPVersion).toEqual("h2");
+				} else {
+					expect(HTTPVersion).toEqual("http/1.1");
+				}
+
+				expect(response.status()).toMatchSnapshot("response status");
+				expect(await response.text()).toMatchSnapshot("response text");
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
+				expect(pageErrors).toMatchSnapshot("page errors");
+			});
+		});
+	}
+});
diff --git a/tests/e2e/bonjour.test.js b/tests/e2e/bonjour.test.js
index 7e4ea9b..61d84a8 100644
--- a/tests/e2e/bonjour.test.js
+++ b/tests/e2e/bonjour.test.js
@@ -1,6 +1,4 @@
-"use strict";
-
-const os = require("os");
+const os = require("node:os");
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
 const config = require("../fixtures/simple-config/webpack.config");
@@ -14,7 +12,7 @@ describe("bonjour option", () => {
 
 	beforeEach(() => {
 		mockPublish = jest.fn();
-		mockUnpublishAll = jest.fn(callback => {
+		mockUnpublishAll = jest.fn((callback) => {
 			callback();
 		});
 		mockDestroy = jest.fn();
@@ -35,9 +33,9 @@ describe("bonjour option", () => {
 						return {
 							publish: mockPublish,
 							unpublishAll: mockUnpublishAll,
-							destroy: mockDestroy
+							destroy: mockDestroy,
 						};
-					})
+					}),
 				};
 			});
 
@@ -64,15 +62,15 @@ describe("bonjour option", () => {
 
 		it("should call bonjour with correct params", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(mockPublish).toHaveBeenCalledTimes(1);
@@ -81,7 +79,7 @@ describe("bonjour option", () => {
 				name: `Webpack Dev Server ${os.hostname()}:${port}`,
 				port,
 				type: "http",
-				subtypes: ["webpack"]
+				subtypes: ["webpack"],
 			});
 
 			expect(mockUnpublishAll).toHaveBeenCalledTimes(0);
@@ -89,8 +87,8 @@ describe("bonjour option", () => {
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -112,9 +110,9 @@ describe("bonjour option", () => {
 						return {
 							publish: mockPublish,
 							unpublishAll: mockUnpublishAll,
-							destroy: mockDestroy
+							destroy: mockDestroy,
 						};
-					})
+					}),
 				};
 			});
 
@@ -137,15 +135,15 @@ describe("bonjour option", () => {
 
 		it("should call bonjour with 'https' type", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`https://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(mockPublish).toHaveBeenCalledTimes(1);
@@ -154,7 +152,7 @@ describe("bonjour option", () => {
 				name: `Webpack Dev Server ${os.hostname()}:${port}`,
 				port,
 				type: "https",
-				subtypes: ["webpack"]
+				subtypes: ["webpack"],
 			});
 
 			expect(mockUnpublishAll).toHaveBeenCalledTimes(0);
@@ -162,8 +160,8 @@ describe("bonjour option", () => {
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -185,9 +183,9 @@ describe("bonjour option", () => {
 						return {
 							publish: mockPublish,
 							unpublishAll: mockUnpublishAll,
-							destroy: mockDestroy
+							destroy: mockDestroy,
 						};
-					})
+					}),
 				};
 			});
 
@@ -198,10 +196,10 @@ describe("bonjour option", () => {
 					port,
 					bonjour: {
 						type: "https",
-						protocol: "udp"
-					}
+						protocol: "udp",
+					},
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -219,15 +217,15 @@ describe("bonjour option", () => {
 
 		it("should apply bonjour options", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(mockPublish).toHaveBeenCalledTimes(1);
@@ -237,7 +235,7 @@ describe("bonjour option", () => {
 				port,
 				type: "https",
 				protocol: "udp",
-				subtypes: ["webpack"]
+				subtypes: ["webpack"],
 			});
 
 			expect(mockUnpublishAll).toHaveBeenCalledTimes(0);
@@ -245,8 +243,8 @@ describe("bonjour option", () => {
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -268,9 +266,9 @@ describe("bonjour option", () => {
 						return {
 							publish: mockPublish,
 							unpublishAll: mockUnpublishAll,
-							destroy: mockDestroy
+							destroy: mockDestroy,
 						};
-					})
+					}),
 				};
 			});
 
@@ -281,13 +279,13 @@ describe("bonjour option", () => {
 					port,
 					bonjour: {
 						type: "http",
-						protocol: "udp"
+						protocol: "udp",
 					},
 					server: {
-						type: "https"
-					}
+						type: "https",
+					},
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -305,15 +303,15 @@ describe("bonjour option", () => {
 
 		it("should apply bonjour options", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`https://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(mockPublish).toHaveBeenCalledTimes(1);
@@ -323,7 +321,7 @@ describe("bonjour option", () => {
 				port,
 				type: "http",
 				protocol: "udp",
-				subtypes: ["webpack"]
+				subtypes: ["webpack"],
 			});
 
 			expect(mockUnpublishAll).toHaveBeenCalledTimes(0);
@@ -331,8 +329,8 @@ describe("bonjour option", () => {
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
diff --git a/tests/e2e/built-in-routes.test.js b/tests/e2e/built-in-routes.test.js
index fc17959..b37e111 100644
--- a/tests/e2e/built-in-routes.test.js
+++ b/tests/e2e/built-in-routes.test.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
 const config = require("../fixtures/client-config/webpack.config");
@@ -35,28 +33,28 @@ describe("Built in routes", () => {
 
 		it("should handles GET request to sockjs bundle", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}/__webpack_dev_server__/sockjs.bundle.js`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.headers()["content-type"]).toMatchSnapshot(
-				"response headers content-type"
+				"response headers content-type",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -64,13 +62,13 @@ describe("Built in routes", () => {
 
 		it("should handles HEAD request to sockjs bundle", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				})
-				.on("request", interceptedRequest => {
+				.on("request", (interceptedRequest) => {
 					if (interceptedRequest.isInterceptResolutionHandled()) return;
 
 					interceptedRequest.continue({ method: "HEAD" }, 10);
@@ -79,18 +77,18 @@ describe("Built in routes", () => {
 			const response = await page.goto(
 				`http://127.0.0.1:${port}/__webpack_dev_server__/sockjs.bundle.js`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.headers()["content-type"]).toMatchSnapshot(
-				"response headers content-type"
+				"response headers content-type",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -98,26 +96,26 @@ describe("Built in routes", () => {
 
 		it("should handle GET request to invalidate endpoint", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}/webpack-dev-server/invalidate`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.headers()["content-type"]).not.toEqual("text/html");
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -125,30 +123,30 @@ describe("Built in routes", () => {
 
 		it("should handle GET request to directory index and list all middleware directories", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}/webpack-dev-server/`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.headers()["content-type"]).toMatchSnapshot(
-				"response headers content-type"
+				"response headers content-type",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("directory list");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -156,13 +154,13 @@ describe("Built in routes", () => {
 
 		it("should handle HEAD request to directory index", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				})
-				.on("request", interceptedRequest => {
+				.on("request", (interceptedRequest) => {
 					if (interceptedRequest.isInterceptResolutionHandled()) return;
 
 					interceptedRequest.continue({ method: "HEAD" });
@@ -171,20 +169,20 @@ describe("Built in routes", () => {
 			const response = await page.goto(
 				`http://127.0.0.1:${port}/webpack-dev-server/`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.headers()["content-type"]).toMatchSnapshot(
-				"response headers content-type"
+				"response headers content-type",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("directory list");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -192,54 +190,54 @@ describe("Built in routes", () => {
 
 		it("should handle GET request to magic async chunk", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/main.js`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.headers()["content-type"]).toMatchSnapshot(
-				"response headers content-type"
+				"response headers content-type",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 		});
 
 		it("should handle HEAD request to magic async chunk", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				})
-				.on("request", interceptedRequest => {
+				.on("request", (interceptedRequest) => {
 					if (interceptedRequest.isInterceptResolutionHandled()) return;
 
 					interceptedRequest.continue({ method: "HEAD" });
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/main.js`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.headers()["content-type"]).toMatchSnapshot(
-				"response headers content-type"
+				"response headers content-type",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 		});
 	});
@@ -271,30 +269,30 @@ describe("Built in routes", () => {
 
 		it("should handle GET request to directory index and list all middleware directories", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}/webpack-dev-server/`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.headers()["content-type"]).toMatchSnapshot(
-				"response headers content-type"
+				"response headers content-type",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("directory list");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
diff --git a/tests/e2e/client-reconnect.test.js b/tests/e2e/client-reconnect.test.js
index 8e458fe..fa96a1c 100644
--- a/tests/e2e/client-reconnect.test.js
+++ b/tests/e2e/client-reconnect.test.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
 const config = require("../fixtures/simple-config/webpack.config");
@@ -34,31 +32,29 @@ describe("client.reconnect option", () => {
 
 		it("should try to reconnect unlimited times", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			try {
 				expect(response.status()).toMatchSnapshot("response status");
-			} catch (error) {
-				throw error;
 			} finally {
 				await server.stop();
 			}
 
 			let interval;
 
-			await new Promise(resolve => {
+			await new Promise((resolve) => {
 				interval = setInterval(() => {
-					const retryingMessages = consoleMessages.filter(message =>
-						message.text().includes("Trying to reconnect...")
+					const retryingMessages = consoleMessages.filter((message) =>
+						message.text().includes("Trying to reconnect..."),
 					);
 
 					if (retryingMessages.length >= 5) {
@@ -100,38 +96,36 @@ describe("client.reconnect option", () => {
 
 		it("should not try to reconnect", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			try {
 				expect(response.status()).toMatchSnapshot("response status");
-			} catch (error) {
-				throw error;
 			} finally {
 				await server.stop();
 			}
 
 			// Can't wait to check for unlimited times so wait only for couple retries
-			await new Promise(resolve =>
+			await new Promise((resolve) =>
 				setTimeout(
 					() => {
 						resolve();
 					},
 					// eslint-disable-next-line no-restricted-properties
-					1000 * Math.pow(2, 3)
-				)
+					1000 * 2 ** 3,
+				),
 			);
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -165,38 +159,36 @@ describe("client.reconnect option", () => {
 
 		it("should try to reconnect 2 times", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			try {
 				expect(response.status()).toMatchSnapshot("response status");
-			} catch (error) {
-				throw error;
 			} finally {
 				await server.stop();
 			}
 
 			// Can't wait to check for unlimited times so wait only for couple retries
-			await new Promise(resolve =>
+			await new Promise((resolve) =>
 				setTimeout(
 					() => {
 						resolve();
 					},
 					// eslint-disable-next-line no-restricted-properties
-					1000 * Math.pow(2, 3)
-				)
+					1000 * 2 ** 3,
+				),
 			);
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
diff --git a/tests/e2e/client.test.js b/tests/e2e/client.test.js
index f06c15c..7c5abe4 100644
--- a/tests/e2e/client.test.js
+++ b/tests/e2e/client.test.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
 const config = require("../fixtures/simple-config-other/webpack.config");
@@ -21,12 +19,12 @@ describe("client option", () => {
 			server = new Server(
 				{
 					client: {
-						webSocketTransport: "sockjs"
+						webSocketTransport: "sockjs",
 					},
 					webSocketServer: "sockjs",
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -44,15 +42,15 @@ describe("client option", () => {
 
 		it("responds with a 200 status code for /ws path", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/ws`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// overlay should be true by default
@@ -60,8 +58,8 @@ describe("client option", () => {
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -82,19 +80,19 @@ describe("client option", () => {
 			server = new Server(
 				{
 					client: {
-						webSocketTransport: "sockjs"
+						webSocketTransport: "sockjs",
 					},
 					webSocketServer: {
 						type: "sockjs",
 						options: {
 							host: "localhost",
 							port,
-							path: "/foo/test/bar"
-						}
+							path: "/foo/test/bar",
+						},
 					},
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -112,24 +110,24 @@ describe("client option", () => {
 
 		it("responds with a 200 status code for /foo/test/bar path", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}/foo/test/bar`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -150,9 +148,9 @@ describe("client option", () => {
 			server = new Server(
 				{
 					client: false,
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -170,23 +168,23 @@ describe("client option", () => {
 
 		it("should disable client entry", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/main.js`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).not.toMatch(/client\/index\.js/);
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -204,14 +202,14 @@ describe("client option", () => {
 		beforeEach(async () => {
 			compiler = webpack({
 				...config,
-				devtool: false
+				devtool: false,
 			});
 
 			server = new Server(
 				{
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -229,88 +227,143 @@ describe("client option", () => {
 
 		it("should redirect client entry to rspack", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/main.js`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
-			expect(await response.text()).toContain("/* Rspack dev server runtime client */")
+			expect(await response.text()).toContain(
+				"/* Rspack dev server runtime client */",
+			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
 		});
 	});
 
+	describe("override client entry", () => {
+		let compiler;
+		let server;
+		let page;
+		let browser;
+
+		class OverrideServer extends Server {
+			// eslint-disable-next-line class-methods-use-this
+			getClientEntry() {
+				return require.resolve(
+					"../fixtures/custom-client/CustomClientEntry.js",
+				);
+			}
+			// eslint-disable-next-line class-methods-use-this
+			getClientHotEntry() {
+				return require.resolve(
+					"../fixtures/custom-client/CustomClientHotEntry.js",
+				);
+			}
+		}
+
+		beforeEach(async () => {
+			compiler = webpack(config);
+
+			server = new OverrideServer(
+				{
+					port,
+				},
+				compiler,
+			);
+
+			await server.start();
+
+			({ page, browser } = await runBrowser());
+		});
+
+		afterEach(async () => {
+			await browser.close();
+			await server.stop();
+		});
+
+		it("should disable client entry", async () => {
+			const response = await page.goto(`http://127.0.0.1:${port}/main.js`, {
+				waitUntil: "networkidle0",
+			});
+
+			expect(response.status()).toMatchSnapshot("response status");
+
+			const content = await response.text();
+			expect(content).toContain("CustomClientEntry.js");
+			expect(content).toContain("CustomClientHotEntry.js");
+		});
+	});
 
 	describe("webSocketTransport", () => {
 		const clientModes = [
 			{
 				title: 'as a string ("sockjs")',
 				client: {
-					webSocketTransport: "sockjs"
+					webSocketTransport: "sockjs",
 				},
 				webSocketServer: "sockjs",
-				shouldThrow: false
+				shouldThrow: false,
 			},
 			{
 				title: 'as a string ("ws")',
 				client: {
-					webSocketTransport: "ws"
+					webSocketTransport: "ws",
 				},
 				webSocketServer: "ws",
-				shouldThrow: false
+				shouldThrow: false,
 			},
 			{
 				title: 'as a path ("sockjs")',
 				client: {
 					webSocketTransport: require.resolve(
-						"webpack-dev-server/client/clients/SockJSClient"
-					)
+						"webpack-dev-server/client/clients/SockJSClient",
+					),
 				},
 				webSocketServer: "sockjs",
-				shouldThrow: false
+				shouldThrow: false,
 			},
 			{
 				title: 'as a path ("ws")',
 				client: {
 					webSocketTransport: require.resolve(
-						"webpack-dev-server/client/clients/WebSocketClient"
-					)
+						"webpack-dev-server/client/clients/WebSocketClient",
+					),
 				},
 				webSocketServer: "ws",
-				shouldThrow: false
+				shouldThrow: false,
 			},
 			{
 				title: "as a nonexistent path (sockjs)",
 				client: {
-					webSocketTransport: "/bad/path/to/implementation"
+					webSocketTransport: "/bad/path/to/implementation",
 				},
 				webSocketServer: "sockjs",
-				shouldThrow: true
+				shouldThrow: true,
 			},
 			{
 				title: "as a nonexistent path (ws)",
 				client: {
-					webSocketTransport: "/bad/path/to/implementation"
+					webSocketTransport: "/bad/path/to/implementation",
 				},
 				webSocketServer: "ws",
-				shouldThrow: true
-			}
+				shouldThrow: true,
+			},
 		];
 
 		describe("passed to server", () => {
-			clientModes.forEach(data => {
+			for (const data of clientModes) {
 				it(`${data.title} ${
 					data.shouldThrow ? "should throw" : "should not throw"
 				}`, async () => {
@@ -319,9 +372,9 @@ describe("client option", () => {
 					const server = new Server(
 						{
 							client: data.client,
-							port
+							port,
 						},
-						compiler
+						compiler,
 					);
 
 					let thrownError;
@@ -334,13 +387,13 @@ describe("client option", () => {
 
 					if (data.shouldThrow) {
 						expect(thrownError.message).toMatch(
-							/client\.webSocketTransport must be a string/
+							/client\.webSocketTransport must be a string/,
 						);
 					}
 
 					await server.stop();
 				});
-			});
+			}
 		});
 	});
 });
diff --git a/tests/e2e/compress.test.js b/tests/e2e/compress.test.js
index 8cc81c3..54539b4 100644
--- a/tests/e2e/compress.test.js
+++ b/tests/e2e/compress.test.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
 const config = require("../fixtures/simple-config-other/webpack.config");
@@ -35,25 +33,25 @@ describe("compress option", () => {
 
 		it("should handle GET request to bundle file", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/main.js`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(response.headers()["content-encoding"]).toMatchSnapshot(
-				"response headers content-encoding"
+				"response headers content-encoding",
 			);
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -74,9 +72,9 @@ describe("compress option", () => {
 			server = new Server(
 				{
 					compress: true,
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -94,25 +92,25 @@ describe("compress option", () => {
 
 		it("should handle GET request to bundle file", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/main.js`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(response.headers()["content-encoding"]).toMatchSnapshot(
-				"response headers content-encoding"
+				"response headers content-encoding",
 			);
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -133,9 +131,9 @@ describe("compress option", () => {
 			server = new Server(
 				{
 					compress: false,
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -153,25 +151,25 @@ describe("compress option", () => {
 
 		it("should handle GET request to bundle file", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/main.js`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(response.headers()["content-encoding"]).toMatchSnapshot(
-				"response headers content-encoding"
+				"response headers content-encoding",
 			);
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
diff --git a/tests/e2e/entry.test.js b/tests/e2e/entry.test.js
index cf0bca0..4d3b4c4 100644
--- a/tests/e2e/entry.test.js
+++ b/tests/e2e/entry.test.js
@@ -1,6 +1,4 @@
-"use strict";
-
-const path = require("path");
+const path = require("node:path");
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
 const config = require("../fixtures/client-config/webpack.config");
@@ -10,8 +8,8 @@ const port = require("../helpers/ports-map").entry;
 const HOT_ENABLED_MESSAGE =
 	"[webpack-dev-server] Server started: Hot Module Replacement enabled, Live Reloading enabled, Progress disabled, Overlay enabled.";
 
-const waitForConsoleLogFinished = async consoleLogs => {
-	await new Promise(resolve => {
+const waitForConsoleLogFinished = async (consoleLogs) => {
+	await new Promise((resolve) => {
 		const interval = setInterval(() => {
 			if (consoleLogs.includes(HOT_ENABLED_MESSAGE)) {
 				clearInterval(interval);
@@ -25,17 +23,17 @@ const waitForConsoleLogFinished = async consoleLogs => {
 describe("entry", () => {
 	const entryFirst = path.resolve(
 		__dirname,
-		"../fixtures/client-config/foo.js"
+		"../fixtures/client-config/foo.js",
 	);
 	const entrySecond = path.resolve(
 		__dirname,
-		"../fixtures/client-config/bar.js"
+		"../fixtures/client-config/bar.js",
 	);
 
 	it("should work with single entry", async () => {
 		const compiler = webpack({ ...config, entry: entryFirst });
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -48,23 +46,21 @@ describe("entry", () => {
 			const consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 			expect(pageErrors).toMatchSnapshot("page errors");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -74,7 +70,7 @@ describe("entry", () => {
 	it("should work with single array entry", async () => {
 		const compiler = webpack({ ...config, entry: [entryFirst, entrySecond] });
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -87,23 +83,21 @@ describe("entry", () => {
 			const consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 			expect(pageErrors).toMatchSnapshot("page errors");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -114,11 +108,11 @@ describe("entry", () => {
 		const compiler = webpack({
 			...config,
 			entry: {
-				main: { import: entryFirst }
-			}
+				main: { import: entryFirst },
+			},
 		});
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -131,23 +125,21 @@ describe("entry", () => {
 			const consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 			expect(pageErrors).toMatchSnapshot("page errors");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -157,7 +149,7 @@ describe("entry", () => {
 	it("should work with dynamic entry", async () => {
 		const compiler = webpack({ ...config, entry: () => entryFirst });
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -170,23 +162,21 @@ describe("entry", () => {
 			const consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 			expect(pageErrors).toMatchSnapshot("page errors");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -196,10 +186,10 @@ describe("entry", () => {
 	it("should work with dynamic async entry", async () => {
 		const compiler = webpack({
 			...config,
-			entry: () => new Promise(resolve => resolve([entryFirst]))
+			entry: () => new Promise((resolve) => resolve([entryFirst])),
 		});
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -212,23 +202,21 @@ describe("entry", () => {
 			const consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 			expect(pageErrors).toMatchSnapshot("page errors");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -240,16 +228,16 @@ describe("entry", () => {
 			...config,
 			entry: {
 				foo: entryFirst,
-				bar: entrySecond
+				bar: entrySecond,
 			},
 			optimization: {
 				runtimeChunk: {
-					name: "runtime"
-				}
-			}
+					name: "runtime",
+				},
+			},
 		});
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -262,15 +250,15 @@ describe("entry", () => {
 			const consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message.text());
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			await page.goto(`http://127.0.0.1:${port}/test.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 			await page.addScriptTag({ url: `http://127.0.0.1:${port}/runtime.js` });
 			await page.addScriptTag({ url: `http://127.0.0.1:${port}/foo.js` });
@@ -278,8 +266,6 @@ describe("entry", () => {
 
 			expect(consoleMessages).toMatchSnapshot("console messages");
 			expect(pageErrors).toMatchSnapshot("page errors");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -291,16 +277,16 @@ describe("entry", () => {
 			...config,
 			entry: {
 				foo: entryFirst,
-				bar: entrySecond
+				bar: entrySecond,
 			},
 			optimization: {
 				runtimeChunk: {
-					name: "runtime"
-				}
-			}
+					name: "runtime",
+				},
+			},
 		});
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -313,15 +299,15 @@ describe("entry", () => {
 			const consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message.text());
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			await page.goto(`http://127.0.0.1:${port}/test.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 			await page.addScriptTag({ url: `http://127.0.0.1:${port}/runtime.js` });
 			await page.addScriptTag({ url: `http://127.0.0.1:${port}/bar.js` });
@@ -329,8 +315,6 @@ describe("entry", () => {
 
 			expect(consoleMessages).toMatchSnapshot("console messages");
 			expect(pageErrors).toMatchSnapshot("page errors");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -343,13 +327,13 @@ describe("entry", () => {
 			entry: {
 				foo: {
 					import: entryFirst,
-					dependOn: "bar"
+					dependOn: "bar",
 				},
-				bar: entrySecond
-			}
+				bar: entrySecond,
+			},
 		});
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -362,15 +346,15 @@ describe("entry", () => {
 			const consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message.text());
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			await page.goto(`http://127.0.0.1:${port}/test.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 			await page.addScriptTag({ url: `http://127.0.0.1:${port}/bar.js` });
 			await page.addScriptTag({ url: `http://127.0.0.1:${port}/foo.js` });
@@ -378,8 +362,6 @@ describe("entry", () => {
 
 			expect(consoleMessages).toMatchSnapshot("console messages");
 			expect(pageErrors).toMatchSnapshot("page errors");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -389,15 +371,15 @@ describe("entry", () => {
 	it("should work with empty", async () => {
 		const compiler = webpack({
 			...config,
-			entry: {}
+			entry: {},
 		});
 
 		new webpack.EntryPlugin(compiler.context, entryFirst, {
-			name: "main"
+			name: "main",
 		}).apply(compiler);
 
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -410,23 +392,21 @@ describe("entry", () => {
 			const consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 			expect(pageErrors).toMatchSnapshot("page errors");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
diff --git a/tests/e2e/headers.test.js b/tests/e2e/headers.test.js
index aaea931..5816280 100644
--- a/tests/e2e/headers.test.js
+++ b/tests/e2e/headers.test.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const request = require("supertest");
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
@@ -22,9 +20,9 @@ describe("headers option", () => {
 			server = new Server(
 				{
 					headers: { "X-Foo": "dev-server headers" },
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -42,25 +40,25 @@ describe("headers option", () => {
 
 		it("should handle GET request with headers", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.headers()["x-foo"]).toMatchSnapshot(
-				"response headers x-foo"
+				"response headers x-foo",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -83,16 +81,16 @@ describe("headers option", () => {
 					headers: [
 						{
 							key: "X-Foo",
-							value: "value1"
+							value: "value1",
 						},
 						{
 							key: "X-Bar",
-							value: "value2"
-						}
+							value: "value2",
+						},
 					],
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -110,29 +108,29 @@ describe("headers option", () => {
 
 		it("should handle GET request with headers", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.headers()["x-foo"]).toMatchSnapshot(
-				"response headers x-foo"
+				"response headers x-foo",
 			);
 
 			expect(response.headers()["x-bar"]).toMatchSnapshot(
-				"response headers x-bar"
+				"response headers x-bar",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -153,9 +151,9 @@ describe("headers option", () => {
 			server = new Server(
 				{
 					headers: { "X-Bar": ["key1=value1", "key2=value2"] },
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -173,25 +171,25 @@ describe("headers option", () => {
 
 		it("should handle GET request with headers as an array", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.headers()["x-bar"]).toMatchSnapshot(
-				"response headers x-bar"
+				"response headers x-bar",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -214,9 +212,9 @@ describe("headers option", () => {
 					headers: () => {
 						return { "X-Bar": ["key1=value1", "key2=value2"] };
 					},
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -234,25 +232,25 @@ describe("headers option", () => {
 
 		it("should handle GET request with headers as a function", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.headers()["x-bar"]).toMatchSnapshot(
-				"response headers x-bar"
+				"response headers x-bar",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -275,16 +273,16 @@ describe("headers option", () => {
 					headers: () => [
 						{
 							key: "X-Foo",
-							value: "value1"
+							value: "value1",
 						},
 						{
 							key: "X-Bar",
-							value: "value2"
-						}
+							value: "value2",
+						},
 					],
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -302,29 +300,29 @@ describe("headers option", () => {
 
 		it("should handle GET request with headers", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.headers()["x-foo"]).toMatchSnapshot(
-				"response headers x-foo"
+				"response headers x-foo",
 			);
 
 			expect(response.headers()["x-bar"]).toMatchSnapshot(
-				"response headers x-bar"
+				"response headers x-bar",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -346,11 +344,11 @@ describe("headers option", () => {
 				{
 					headers: { "X-Foo": "dev-server-headers" },
 					devMiddleware: {
-						headers: { "X-Foo": "dev-middleware-headers" }
+						headers: { "X-Foo": "dev-middleware-headers" },
 					},
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -368,25 +366,25 @@ describe("headers option", () => {
 
 		it("should handle GET request with headers as a function", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.headers()["x-foo"]).toMatchSnapshot(
-				"response headers x-foo"
+				"response headers x-foo",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -408,9 +406,9 @@ describe("headers option", () => {
 			server = new Server(
 				{
 					headers: { "X-Foo": "dev-server headers" },
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -430,27 +428,27 @@ describe("headers option", () => {
 
 		it("should handle HEAD request with headers", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.headers()["x-foo"]).toMatchSnapshot(
-				"response headers x-foo"
+				"response headers x-foo",
 			);
 			expect(response.status()).toMatchSnapshot("response status");
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 			expect(pageErrors).toMatchSnapshot("page errors");
 
-			const responseForHead = await req.get(`/`);
+			const responseForHead = await req.get("/");
 
 			expect(responseForHead.headers["x-foo"]).toBe("dev-server headers");
 		});
diff --git a/tests/e2e/history-api-fallback.test.js b/tests/e2e/history-api-fallback.test.js
index 6cf5e7b..f7a5011 100644
--- a/tests/e2e/history-api-fallback.test.js
+++ b/tests/e2e/history-api-fallback.test.js
@@ -1,6 +1,4 @@
-"use strict";
-
-const path = require("path");
+const path = require("node:path");
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
 const config = require("../fixtures/historyapifallback-config/webpack.config");
@@ -24,9 +22,9 @@ describe("historyApiFallback option", () => {
 			server = new Server(
 				{
 					historyApiFallback: true,
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -44,27 +42,27 @@ describe("historyApiFallback option", () => {
 
 		it("should handle GET request to directory", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/foo`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.headers()["content-type"]).toMatchSnapshot(
-				"response headers content-type"
+				"response headers content-type",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -85,11 +83,11 @@ describe("historyApiFallback option", () => {
 			server = new Server(
 				{
 					historyApiFallback: {
-						index: "/bar.html"
+						index: "/bar.html",
 					},
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -107,27 +105,27 @@ describe("historyApiFallback option", () => {
 
 		it("should handle GET request to directory", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/foo`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.headers()["content-type"]).toMatchSnapshot(
-				"response headers content-type"
+				"response headers content-type",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -149,14 +147,14 @@ describe("historyApiFallback option", () => {
 				{
 					static: path.resolve(
 						__dirname,
-						"../fixtures/historyapifallback-2-config"
+						"../fixtures/historyapifallback-2-config",
 					),
 					historyApiFallback: {
-						index: "/bar.html"
+						index: "/bar.html",
 					},
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -174,27 +172,27 @@ describe("historyApiFallback option", () => {
 
 		it("should handle GET request to directory", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/foo`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.headers()["content-type"]).toMatchSnapshot(
-				"response headers content-type"
+				"response headers content-type",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -202,30 +200,30 @@ describe("historyApiFallback option", () => {
 
 		it("should prefer static file over historyApiFallback", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}/random-file.txt`,
 				{
-					waitUntil: "networkidle2"
-				}
+					waitUntil: "networkidle2",
+				},
 			);
 
 			expect(response.headers()["content-type"]).toMatchSnapshot(
-				"response headers content-type"
+				"response headers content-type",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -247,11 +245,11 @@ describe("historyApiFallback option", () => {
 				{
 					static: false,
 					historyApiFallback: {
-						index: "/bar.html"
+						index: "/bar.html",
 					},
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -269,27 +267,27 @@ describe("historyApiFallback option", () => {
 
 		it("historyApiFallback should work and ignore static content", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/index.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.headers()["content-type"]).toMatchSnapshot(
-				"response headers content-type"
+				"response headers content-type",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -312,22 +310,22 @@ describe("historyApiFallback option", () => {
 					port,
 					static: path.resolve(
 						__dirname,
-						"../fixtures/historyapifallback-2-config"
+						"../fixtures/historyapifallback-2-config",
 					),
 					historyApiFallback: {
 						rewrites: [
 							{
 								from: /other/,
-								to: "/other.html"
+								to: "/other.html",
 							},
 							{
 								from: /.*/,
-								to: "/bar.html"
-							}
-						]
-					}
+								to: "/bar.html",
+							},
+						],
+					},
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -345,27 +343,27 @@ describe("historyApiFallback option", () => {
 
 		it("historyApiFallback respect rewrites for index", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.headers()["content-type"]).toMatchSnapshot(
-				"response headers content-type"
+				"response headers content-type",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -373,27 +371,27 @@ describe("historyApiFallback option", () => {
 
 		it("historyApiFallback respect rewrites and shows index for unknown urls", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/acme`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.headers()["content-type"]).toMatchSnapshot(
-				"response headers content-type"
+				"response headers content-type",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -401,27 +399,27 @@ describe("historyApiFallback option", () => {
 
 		it("historyApiFallback respect any other specified rewrites", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/other`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.headers()["content-type"]).toMatchSnapshot(
-				"response headers content-type"
+				"response headers content-type",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -446,11 +444,11 @@ describe("historyApiFallback option", () => {
 				{
 					historyApiFallback: {
 						index: "/bar.html",
-						verbose: true
+						verbose: true,
 					},
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -469,19 +467,19 @@ describe("historyApiFallback option", () => {
 
 		it("request to directory and log", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/foo`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.headers()["content-type"]).toMatchSnapshot(
-				"response headers content-type"
+				"response headers content-type",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
@@ -493,11 +491,11 @@ describe("historyApiFallback option", () => {
 				"GET",
 				"/foo",
 				"to",
-				"/bar.html"
+				"/bar.html",
 			);
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -522,11 +520,11 @@ describe("historyApiFallback option", () => {
 				{
 					historyApiFallback: {
 						index: "/bar.html",
-						logger: consoleSpy
+						logger: consoleSpy,
 					},
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -545,19 +543,19 @@ describe("historyApiFallback option", () => {
 
 		it("request to directory and log", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/foo`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.headers()["content-type"]).toMatchSnapshot(
-				"response headers content-type"
+				"response headers content-type",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
@@ -569,11 +567,11 @@ describe("historyApiFallback option", () => {
 				"GET",
 				"/foo",
 				"to",
-				"/bar.html"
+				"/bar.html",
 			);
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -595,12 +593,12 @@ describe("historyApiFallback option", () => {
 				{
 					static: path.resolve(
 						__dirname,
-						"../fixtures/historyapifallback-3-config"
+						"../fixtures/historyapifallback-3-config",
 					),
 					historyApiFallback: true,
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -618,27 +616,27 @@ describe("historyApiFallback option", () => {
 
 		it("should take precedence over static files", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/foo`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.headers()["content-type"]).toMatchSnapshot(
-				"response headers content-type"
+				"response headers content-type",
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -646,7 +644,7 @@ describe("historyApiFallback option", () => {
 
 		it("should perform HEAD request in same way as GET", async () => {
 			await page.goto(`http://127.0.0.1:${port}/foo`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const responseGet = await page.evaluate(async () => {
@@ -655,12 +653,12 @@ describe("historyApiFallback option", () => {
 				return {
 					contentType: response.headers.get("content-type"),
 					statusText: response.statusText,
-					text: await response.text()
+					text: await response.text(),
 				};
 			});
 
 			expect(responseGet.contentType).toMatchSnapshot(
-				"response headers content-type"
+				"response headers content-type",
 			);
 
 			expect(responseGet.statusText).toMatchSnapshot("response status");
@@ -673,14 +671,14 @@ describe("historyApiFallback option", () => {
 				return {
 					contentType: response.headers.get("content-type"),
 					statusText: response.statusText,
-					text: await response.text()
+					text: await response.text(),
 				};
 			});
 
 			expect(responseHead).toMatchObject({
 				...responseGet,
 				// HEAD response has an empty body
-				text: ""
+				text: "",
 			});
 		});
 	});
diff --git a/tests/e2e/host.test.js b/tests/e2e/host.test.js
index 9adb122..58168e2 100644
--- a/tests/e2e/host.test.js
+++ b/tests/e2e/host.test.js
@@ -1,28 +1,51 @@
-"use strict";
-
+const http = require("node:http");
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
 const config = require("../fixtures/client-config/webpack.config");
 const runBrowser = require("../helpers/run-browser");
 const port = require("../helpers/ports-map").host;
 
-const ipv4 = Server.internalIPSync("v4");
-const ipv6 = Server.internalIPSync("v6");
-// macos requires root for using ip v6
-const isMacOS = process.platform === "darwin";
+const ipv4 = Server.findIp("v4", false);
+const ipv6 = Server.findIp("v6", false);
 
-function getAddress(host, hostname) {
+async function getAddress(host, hostname) {
 	let address;
 
 	if (
 		typeof host === "undefined" ||
-		(typeof host === "string" && host === "<not-specified>")
+		(typeof host === "string" && (host === "<not-specified>" || host === "::"))
 	) {
 		address = "::";
-	} else if (typeof host === "string" && host === "0.0.0.0") {
+	} else if (host === "0.0.0.0") {
 		address = "0.0.0.0";
-	} else if (typeof host === "string" && host === "localhost") {
-		address = parseFloat(process.versions.node) >= 18 ? "::1" : "127.0.0.1";
+	} else if (host === "::1") {
+		address = "::1";
+	} else if (host === "localhost") {
+		// It can be `127.0.0.1` or `::1` on different OS
+		const server = http.createServer((req, res) => {
+			res.statusCode = 200;
+			res.setHeader("Content-Type", "text/plain");
+			res.end("Hello World\n");
+		});
+
+		await new Promise((resolve) => {
+			server.listen({ host: "localhost", port: 23100 }, resolve);
+		});
+
+		address = server.address().address;
+
+		await new Promise((resolve, reject) => {
+			server.close((err) => {
+				if (err) {
+					reject(err);
+					return;
+				}
+
+				resolve();
+			});
+		});
+	} else if (host === "local-ipv6") {
+		address = "::";
 	} else {
 		address = hostname;
 	}
@@ -37,28 +60,17 @@ describe("host", () => {
 		undefined,
 		"0.0.0.0",
 		"::",
-		"localhost",
 		"::1",
+		"localhost",
 		"127.0.0.1",
 		"local-ip",
 		"local-ipv4",
-		"local-ipv6"
+		"local-ipv6",
 	];
 
-	for (let host of hosts) {
+	for (const host of hosts) {
 		it(`should work using "${host}" host and port as number`, async () => {
 			const compiler = webpack(config);
-
-			if (!ipv6 || isMacOS) {
-				if (host === "::") {
-					host = "127.0.0.1";
-				} else if (host === "::1") {
-					host = "127.0.0.1";
-				} else if (host === "local-ipv6") {
-					host = "127.0.0.1";
-				}
-			}
-
 			const devServerOptions = { port };
 
 			if (host !== "<not-specified>") {
@@ -69,24 +81,28 @@ describe("host", () => {
 
 			let hostname = host;
 
-			if (hostname === "0.0.0.0") {
-				hostname = "127.0.0.1";
-			} else if (
-				hostname === "<not-specified>" ||
-				typeof hostname === "undefined" ||
-				hostname === "::" ||
-				hostname === "::1"
-			) {
+			if (hostname === "<not-specified>" || typeof hostname === "undefined") {
+				// If host is omitted, the server will accept connections on the unspecified IPv6 address (::) when IPv6 is available, or the unspecified IPv4 address (0.0.0.0) otherwise.
+				hostname = ipv6 ? `[${ipv6}]` : ipv4;
+			} else if (hostname === "0.0.0.0") {
+				hostname = ipv4;
+			} else if (hostname === "::") {
+				// In most operating systems, listening to the unspecified IPv6 address (::) may cause the net.Server to also listen on the unspecified IPv4 address (0.0.0.0).
+				hostname = ipv6 ? `[${ipv6}]` : ipv4;
+			} else if (hostname === "::1") {
 				hostname = "[::1]";
 			} else if (hostname === "local-ip" || hostname === "local-ipv4") {
 				hostname = ipv4;
 			} else if (hostname === "local-ipv6") {
-				hostname = `[${ipv6}]`;
+				// For test env where network ipv6 doesn't work
+				hostname = ipv6 ? `[${ipv6}]` : "[::1]";
 			}
 
 			await server.start();
 
-			expect(server.server.address()).toMatchObject(getAddress(host, hostname));
+			expect(server.server.address()).toMatchObject(
+				await getAddress(host, hostname),
+			);
 
 			const { page, browser } = await runBrowser();
 
@@ -95,24 +111,22 @@ describe("host", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				await page.goto(`http://${hostname}:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -121,17 +135,6 @@ describe("host", () => {
 
 		it(`should work using "${host}" host and port as string`, async () => {
 			const compiler = webpack(config);
-
-			if (!ipv6 || isMacOS) {
-				if (host === "::") {
-					host = "127.0.0.1";
-				} else if (host === "::1") {
-					host = "127.0.0.1";
-				} else if (host === "local-ipv6") {
-					host = "127.0.0.1";
-				}
-			}
-
 			const devServerOptions = { port: `${port}` };
 
 			if (host !== "<not-specified>") {
@@ -142,24 +145,28 @@ describe("host", () => {
 
 			let hostname = host;
 
-			if (hostname === "0.0.0.0") {
-				hostname = "127.0.0.1";
-			} else if (
-				hostname === "<not-specified>" ||
-				typeof hostname === "undefined" ||
-				hostname === "::" ||
-				hostname === "::1"
-			) {
+			if (hostname === "<not-specified>" || typeof hostname === "undefined") {
+				// If host is omitted, the server will accept connections on the unspecified IPv6 address (::) when IPv6 is available, or the unspecified IPv4 address (0.0.0.0) otherwise.
+				hostname = ipv6 ? `[${ipv6}]` : ipv4;
+			} else if (hostname === "0.0.0.0") {
+				hostname = ipv4;
+			} else if (hostname === "::") {
+				// In most operating systems, listening to the unspecified IPv6 address (::) may cause the net.Server to also listen on the unspecified IPv4 address (0.0.0.0).
+				hostname = ipv6 ? `[${ipv6}]` : ipv4;
+			} else if (hostname === "::1") {
 				hostname = "[::1]";
 			} else if (hostname === "local-ip" || hostname === "local-ipv4") {
 				hostname = ipv4;
 			} else if (hostname === "local-ipv6") {
-				hostname = `[${ipv6}]`;
+				// For test env where network ipv6 doesn't work
+				hostname = ipv6 ? `[${ipv6}]` : "[::1]";
 			}
 
 			await server.start();
 
-			expect(server.server.address()).toMatchObject(getAddress(host, hostname));
+			expect(server.server.address()).toMatchObject(
+				await getAddress(host, hostname),
+			);
 
 			const { page, browser } = await runBrowser();
 
@@ -168,24 +175,22 @@ describe("host", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				await page.goto(`http://${hostname}:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -197,16 +202,6 @@ describe("host", () => {
 
 			process.env.WEBPACK_DEV_SERVER_BASE_PORT = port;
 
-			if (!ipv6 || isMacOS) {
-				if (host === "::") {
-					host = "127.0.0.1";
-				} else if (host === "::1") {
-					host = "127.0.0.1";
-				} else if (host === "local-ipv6") {
-					host = "127.0.0.1";
-				}
-			}
-
 			const devServerOptions = { port: "auto" };
 
 			if (host !== "<not-specified>") {
@@ -217,24 +212,28 @@ describe("host", () => {
 
 			let hostname = host;
 
-			if (hostname === "0.0.0.0") {
-				hostname = "127.0.0.1";
-			} else if (
-				hostname === "<not-specified>" ||
-				typeof hostname === "undefined" ||
-				hostname === "::" ||
-				hostname === "::1"
-			) {
+			if (hostname === "<not-specified>" || typeof hostname === "undefined") {
+				// If host is omitted, the server will accept connections on the unspecified IPv6 address (::) when IPv6 is available, or the unspecified IPv4 address (0.0.0.0) otherwise.
+				hostname = ipv6 ? `[${ipv6}]` : ipv4;
+			} else if (hostname === "0.0.0.0") {
+				hostname = ipv4;
+			} else if (hostname === "::") {
+				// In most operating systems, listening to the unspecified IPv6 address (::) may cause the net.Server to also listen on the unspecified IPv4 address (0.0.0.0).
+				hostname = ipv6 ? `[${ipv6}]` : ipv4;
+			} else if (hostname === "::1") {
 				hostname = "[::1]";
 			} else if (hostname === "local-ip" || hostname === "local-ipv4") {
 				hostname = ipv4;
 			} else if (hostname === "local-ipv6") {
-				hostname = `[${ipv6}]`;
+				// For test env where network ipv6 doesn't work
+				hostname = ipv6 ? `[${ipv6}]` : "[::1]";
 			}
 
 			await server.start();
 
-			expect(server.server.address()).toMatchObject(getAddress(host, hostname));
+			expect(server.server.address()).toMatchObject(
+				await getAddress(host, hostname),
+			);
 
 			const address = server.server.address();
 			const { page, browser } = await runBrowser();
@@ -244,26 +243,24 @@ describe("host", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				await page.goto(`http://${hostname}:${address.port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
-				delete process.env.WEBPACK_DEV_SERVER_BASE_PORT;
+				process.env.WEBPACK_DEV_SERVER_BASE_PORT = undefined;
 
 				await browser.close();
 				await server.stop();
diff --git a/tests/e2e/hot-and-live-reload.test.js b/tests/e2e/hot-and-live-reload.test.js
index 8630ba0..567aa5a 100644
--- a/tests/e2e/hot-and-live-reload.test.js
+++ b/tests/e2e/hot-and-live-reload.test.js
@@ -1,10 +1,4 @@
-/**
- * @jest-environment node
- */
-
-"use strict";
-
-const path = require("path");
+const path = require("node:path");
 const WebSocket = require("ws");
 const SockJS = require("sockjs-client");
 const webpack = require("@rspack/core");
@@ -20,7 +14,7 @@ require("../helpers/normalize");
 
 const cssFilePath = path.resolve(
 	__dirname,
-	"../fixtures/reload-config/main.css"
+	"../fixtures/reload-config/main.css",
 );
 
 const INVALID_MESSAGE = "[webpack-dev-server] App updated. Recompiling...";
@@ -29,58 +23,58 @@ describe("hot and live reload", () => {
 	// "sockjs" client cannot add additional headers
 	const modes = [
 		{
-			title: "should work and refresh content using hot module replacement"
+			title: "should work and refresh content using hot module replacement",
 		},
 		{
 			title: "should work and do nothing when web socket server disabled",
 			options: {
-				webSocketServer: false
-			}
+				webSocketServer: false,
+			},
 		},
 		// Default web socket serve ("ws")
 		{
 			title:
 				"should work and refresh content using hot module replacement when hot enabled",
 			options: {
-				hot: true
-			}
+				hot: true,
+			},
 		},
 		{
 			title:
 				"should work and refresh content using hot module replacement when live reload enabled",
 			options: {
-				liveReload: true
-			}
+				liveReload: true,
+			},
 		},
 		{
 			title: "should not refresh content when hot and no live reload disabled",
 			options: {
 				hot: false,
-				liveReload: false
-			}
+				liveReload: false,
+			},
 		},
 		{
 			title:
 				"should work and refresh content using hot module replacement when live reload disabled and hot enabled",
 			options: {
 				liveReload: false,
-				hot: true
-			}
+				hot: true,
+			},
 		},
 		{
 			title: "should work and refresh content using live reload",
 			options: {
 				liveReload: true,
-				hot: false
-			}
+				hot: false,
+			},
 		},
 		{
 			title:
 				"should work and refresh content using hot module replacement when live reload enabled and hot disabled",
 			options: {
 				liveReload: true,
-				hot: true
-			}
+				hot: true,
+			},
 		},
 		// "ws" web socket serve
 		{
@@ -88,24 +82,24 @@ describe("hot and live reload", () => {
 				"should work and refresh content using hot module replacement when hot enabled",
 			options: {
 				webSocketServer: "ws",
-				hot: true
-			}
+				hot: true,
+			},
 		},
 		{
 			title:
 				"should work and refresh content using hot module replacement when live reload enabled",
 			options: {
 				webSocketServer: "ws",
-				liveReload: true
-			}
+				liveReload: true,
+			},
 		},
 		{
 			title: "should not refresh content when hot and no live reload disabled",
 			options: {
 				webSocketServer: "ws",
 				hot: false,
-				liveReload: false
-			}
+				liveReload: false,
+			},
 		},
 		{
 			title:
@@ -113,8 +107,8 @@ describe("hot and live reload", () => {
 			options: {
 				webSocketServer: "ws",
 				liveReload: false,
-				hot: true
-			}
+				hot: true,
+			},
 		},
 		{
 			title:
@@ -122,8 +116,8 @@ describe("hot and live reload", () => {
 			options: {
 				webSocketServer: "ws",
 				liveReload: true,
-				hot: false
-			}
+				hot: false,
+			},
 		},
 		{
 			title:
@@ -131,8 +125,8 @@ describe("hot and live reload", () => {
 			options: {
 				webSocketServer: "ws",
 				liveReload: true,
-				hot: true
-			}
+				hot: true,
+			},
 		},
 		// "sockjs" web socket serve
 		{
@@ -142,8 +136,8 @@ describe("hot and live reload", () => {
 				allowedHosts: "all",
 
 				webSocketServer: "sockjs",
-				hot: true
-			}
+				hot: true,
+			},
 		},
 		{
 			title:
@@ -152,8 +146,8 @@ describe("hot and live reload", () => {
 				allowedHosts: "all",
 
 				webSocketServer: "sockjs",
-				liveReload: true
-			}
+				liveReload: true,
+			},
 		},
 		{
 			title: "should not refresh content when hot and no live reload disabled",
@@ -162,8 +156,8 @@ describe("hot and live reload", () => {
 
 				webSocketServer: "sockjs",
 				hot: false,
-				liveReload: false
-			}
+				liveReload: false,
+			},
 		},
 		{
 			title:
@@ -173,8 +167,8 @@ describe("hot and live reload", () => {
 
 				webSocketServer: "sockjs",
 				liveReload: false,
-				hot: true
-			}
+				hot: true,
+			},
 		},
 		{
 			title:
@@ -184,8 +178,8 @@ describe("hot and live reload", () => {
 
 				webSocketServer: "sockjs",
 				liveReload: true,
-				hot: false
-			}
+				hot: false,
+			},
 		},
 		{
 			title:
@@ -195,8 +189,8 @@ describe("hot and live reload", () => {
 
 				webSocketServer: "sockjs",
 				liveReload: true,
-				hot: true
-			}
+				hot: true,
+			},
 		},
 		{
 			title:
@@ -204,8 +198,8 @@ describe("hot and live reload", () => {
 			query: "?webpack-dev-server-hot=false",
 			options: {
 				liveReload: true,
-				hot: true
-			}
+				hot: true,
+			},
 		},
 		{
 			title:
@@ -213,8 +207,8 @@ describe("hot and live reload", () => {
 			query: "?webpack-dev-server-live-reload=false",
 			options: {
 				liveReload: true,
-				hot: false
-			}
+				hot: false,
+			},
 		},
 		{
 			title:
@@ -223,22 +217,22 @@ describe("hot and live reload", () => {
 				"?webpack-dev-server-hot=false&webpack-dev-server-live-reload=false",
 			options: {
 				liveReload: true,
-				hot: true
-			}
+				hot: true,
+			},
 		},
 		{
 			title: "should work with manual client setup",
 			webpackOptions: {
 				entry: [
 					require.resolve("@rspack/dev-server/client/index.js"),
-					require.resolve("../fixtures/reload-config/foo.js")
-				]
+					require.resolve("../fixtures/reload-config/foo.js"),
+				],
 			},
 			options: {
 				client: false,
 				liveReload: true,
-				hot: true
-			}
+				hot: true,
+			},
 		},
 		// TODO we still output logs from webpack, need to improve this
 		{
@@ -248,18 +242,18 @@ describe("hot and live reload", () => {
 				entry: [
 					"@rspack/core/hot/dev-server",
 					`${require.resolve("@rspack/dev-server/client/index.js")}?hot=true`,
-					require.resolve("../fixtures/reload-config/foo.js")
+					require.resolve("../fixtures/reload-config/foo.js"),
 				],
 				plugins: [
 					new webpack.HotModuleReplacementPlugin(),
-					new HTMLGeneratorPlugin()
-				]
+					new HTMLGeneratorPlugin(),
+				],
 			},
 			options: {
 				client: false,
 				liveReload: false,
-				hot: false
-			}
+				hot: false,
+			},
 		},
 		{
 			title:
@@ -267,14 +261,14 @@ describe("hot and live reload", () => {
 			webpackOptions: {
 				entry: [
 					`${require.resolve("@rspack/dev-server/client/index.js")}?hot=false`,
-					require.resolve("../fixtures/reload-config/foo.js")
-				]
+					require.resolve("../fixtures/reload-config/foo.js"),
+				],
 			},
 			options: {
 				client: false,
 				liveReload: true,
-				hot: true
-			}
+				hot: true,
+			},
 		},
 		{
 			title:
@@ -282,14 +276,14 @@ describe("hot and live reload", () => {
 			webpackOptions: {
 				entry: [
 					`${require.resolve("@rspack/dev-server/client/index.js")}?live-reload=true`,
-					require.resolve("../fixtures/reload-config/foo.js")
-				]
+					require.resolve("../fixtures/reload-config/foo.js"),
+				],
 			},
 			options: {
 				client: false,
 				liveReload: false,
-				hot: false
-			}
+				hot: false,
+			},
 		},
 		{
 			title:
@@ -297,15 +291,15 @@ describe("hot and live reload", () => {
 			webpackOptions: {
 				entry: [
 					`${require.resolve("@rspack/dev-server/client/index.js")}?live-reload=false`,
-					require.resolve("../fixtures/reload-config/foo.js")
-				]
+					require.resolve("../fixtures/reload-config/foo.js"),
+				],
 			},
 			options: {
 				client: false,
 				liveReload: true,
-				hot: false
-			}
-		}
+				hot: false,
+			},
+		},
 	];
 
 	let browser;
@@ -327,11 +321,10 @@ describe("hot and live reload", () => {
 		fs.unlinkSync(cssFilePath);
 	});
 
-	modes.forEach(mode => {
-		const webSocketServerTitle =
-			mode.options && mode.options.webSocketServer
-				? mode.options.webSocketServer
-				: "default";
+	for (const mode of modes) {
+		const webSocketServerTitle = mode.options?.webSocketServer
+			? mode.options.webSocketServer
+			: "default";
 
 		it(`${mode.title} (${webSocketServerTitle})`, async () => {
 			const webpackOptions = { ...reloadConfig, ...mode.webpackOptions };
@@ -346,7 +339,7 @@ describe("hot and live reload", () => {
 			const webSocketServerLaunched =
 				testDevServerOptions.webSocketServer !== false;
 
-			await new Promise(resolve => {
+			await new Promise((resolve) => {
 				const webSocketTransport =
 					typeof testDevServerOptions.webSocketServer !== "undefined" &&
 					testDevServerOptions.webSocketServer !== false
@@ -359,16 +352,16 @@ describe("hot and live reload", () => {
 						{
 							headers: {
 								host: `127.0.0.1:${devServerOptions.port}`,
-								origin: `http://127.0.0.1:${devServerOptions.port}`
-							}
-						}
+								origin: `http://127.0.0.1:${devServerOptions.port}`,
+							},
+						},
 					);
 
 					let opened = false;
 					let received = false;
 					let errored = false;
 
-					ws.on("error", error => {
+					ws.on("error", (error) => {
 						if (!webSocketServerLaunched && /404/.test(error)) {
 							errored = true;
 						} else {
@@ -382,7 +375,7 @@ describe("hot and live reload", () => {
 						opened = true;
 					});
 
-					ws.on("message", data => {
+					ws.on("message", (data) => {
 						const message = JSON.parse(data.toString());
 
 						if (message.type === "ok") {
@@ -401,7 +394,7 @@ describe("hot and live reload", () => {
 					});
 				} else {
 					const sockjs = new SockJS(
-						`http://127.0.0.1:${devServerOptions.port}/ws`
+						`http://127.0.0.1:${devServerOptions.port}/ws`,
 					);
 
 					let opened = false;
@@ -426,7 +419,7 @@ describe("hot and live reload", () => {
 						}
 					};
 
-					sockjs.onclose = event => {
+					sockjs.onclose = (event) => {
 						if (opened && received && !errored) {
 							resolve();
 						} else if (event && event.reason === "Cannot connect to server") {
@@ -449,7 +442,7 @@ describe("hot and live reload", () => {
 			let hasDisconnectedMessage = false;
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					if (!hasDisconnectedMessage) {
 						const text = message.text();
 
@@ -457,17 +450,17 @@ describe("hot and live reload", () => {
 						consoleMessages.push(text);
 					}
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				})
-				.on("request", requestObj => {
+				.on("request", (requestObj) => {
 					if (/\.hot-update\.json$/.test(requestObj.url())) {
 						doneHotUpdate = true;
 					}
 				});
 
 			await page.goto(`http://localhost:${port}/${mode.query || ""}`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const backgroundColorBefore = await page.evaluate(() => {
@@ -480,7 +473,7 @@ describe("hot and live reload", () => {
 
 			fs.writeFileSync(
 				cssFilePath,
-				"body { background-color: rgb(255, 0, 0); }"
+				"body { background-color: rgb(255, 0, 0); }",
 			);
 
 			let waitHot =
@@ -498,10 +491,10 @@ describe("hot and live reload", () => {
 			}
 
 			if (Array.isArray(webpackOptions.entry)) {
-				if (webpackOptions.entry.some(item => item.includes("hot=true"))) {
+				if (webpackOptions.entry.some((item) => item.includes("hot=true"))) {
 					waitHot = true;
 				} else if (
-					webpackOptions.entry.some(item => item.includes("hot=false"))
+					webpackOptions.entry.some((item) => item.includes("hot=false"))
 				) {
 					waitHot = false;
 				}
@@ -509,11 +502,13 @@ describe("hot and live reload", () => {
 
 			if (Array.isArray(webpackOptions.entry)) {
 				if (
-					webpackOptions.entry.some(item => item.includes("live-reload=true"))
+					webpackOptions.entry.some((item) => item.includes("live-reload=true"))
 				) {
 					waitLiveReload = true;
 				} else if (
-					webpackOptions.entry.some(item => item.includes("live-reload=false"))
+					webpackOptions.entry.some((item) =>
+						item.includes("live-reload=false"),
+					)
 				) {
 					waitLiveReload = false;
 				}
@@ -533,16 +528,16 @@ describe("hot and live reload", () => {
 				await page.waitForFunction(
 					() =>
 						getComputedStyle(document.body)["background-color"] ===
-						"rgb(255, 0, 0)"
+						"rgb(255, 0, 0)",
 				);
 
 				expect(doneHotUpdate).toBe(true);
 			} else if (waitLiveReload) {
 				await page.waitForNavigation({
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 			} else if (webSocketServerLaunched) {
-				await new Promise(resolve => {
+				await new Promise((resolve) => {
 					const interval = setInterval(() => {
 						if (consoleMessages.includes(INVALID_MESSAGE)) {
 							clearInterval(interval);
@@ -568,7 +563,7 @@ describe("hot and live reload", () => {
 			expect(consoleMessages).toMatchSnapshot("console messages");
 			expect(pageErrors).toMatchSnapshot("page errors");
 		});
-	});
+	}
 });
 
 // the following cases check to make sure that the HMR
diff --git a/tests/e2e/ipc.test.js b/tests/e2e/ipc.test.js
index 0098b5e..fe98b32 100644
--- a/tests/e2e/ipc.test.js
+++ b/tests/e2e/ipc.test.js
@@ -1,9 +1,7 @@
-"use strict";
-
-const os = require("os");
-const net = require("net");
-const path = require("path");
-const http = require("http");
+const os = require("node:os");
+const net = require("node:net");
+const path = require("node:path");
+const http = require("node:http");
 const webpack = require("@rspack/core");
 const httpProxy = require("http-proxy");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
@@ -26,7 +24,7 @@ describe("web socket server URL", () => {
 			const compiler = webpack(config);
 			const devServerOptions = {
 				webSocketServer,
-				ipc: true
+				ipc: true,
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -34,7 +32,7 @@ describe("web socket server URL", () => {
 
 			function startProxy(callback) {
 				const proxy = httpProxy.createProxyServer({
-					target: { socketPath: server.options.ipc }
+					target: { socketPath: server.options.ipc },
 				});
 
 				const proxyServer = http.createServer((request, response) => {
@@ -50,7 +48,7 @@ describe("web socket server URL", () => {
 				return proxyServer.listen(proxyPort, proxyHost, callback);
 			}
 
-			const proxy = await new Promise(resolve => {
+			const proxy = await new Promise((resolve) => {
 				const proxyCreated = startProxy(() => {
 					resolve(proxyCreated);
 				});
@@ -63,10 +61,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -75,19 +73,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -95,20 +93,18 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://${proxyHost}:${proxyPort}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://${devServerHost}:${proxyPort}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://${devServerHost}:${proxyPort}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				proxy.close();
 
@@ -130,7 +126,7 @@ describe("web socket server URL", () => {
 			const compiler = webpack(config);
 			const devServerOptions = {
 				webSocketServer,
-				ipc
+				ipc,
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -138,7 +134,7 @@ describe("web socket server URL", () => {
 
 			function startProxy(callback) {
 				const proxy = httpProxy.createProxyServer({
-					target: { socketPath: ipc }
+					target: { socketPath: ipc },
 				});
 
 				const proxyServer = http.createServer((request, response) => {
@@ -154,7 +150,7 @@ describe("web socket server URL", () => {
 				return proxyServer.listen(proxyPort, proxyHost, callback);
 			}
 
-			const proxy = await new Promise(resolve => {
+			const proxy = await new Promise((resolve) => {
 				const proxyCreated = startProxy(() => {
 					resolve(proxyCreated);
 				});
@@ -167,10 +163,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -179,19 +175,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -199,20 +195,18 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://${proxyHost}:${proxyPort}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://${devServerHost}:${proxyPort}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://${devServerHost}:${proxyPort}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				proxy.close();
 
@@ -232,7 +226,7 @@ describe("web socket server URL", () => {
 			const ipcServer = await new Promise((resolve, reject) => {
 				const server = net.Server();
 
-				server.on("error", error => {
+				server.on("error", (error) => {
 					reject(error);
 				});
 
@@ -249,7 +243,7 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				webSocketServer,
 				host: devServerHost,
-				ipc
+				ipc,
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -257,7 +251,7 @@ describe("web socket server URL", () => {
 
 			function startProxy(callback) {
 				const proxy = httpProxy.createProxyServer({
-					target: { socketPath: ipc }
+					target: { socketPath: ipc },
 				});
 
 				const proxyServer = http.createServer((request, response) => {
@@ -273,7 +267,7 @@ describe("web socket server URL", () => {
 				return proxyServer.listen(proxyPort, proxyHost, callback);
 			}
 
-			const proxy = await new Promise(resolve => {
+			const proxy = await new Promise((resolve) => {
 				const proxyCreated = startProxy(() => {
 					resolve(proxyCreated);
 				});
@@ -286,10 +280,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -298,19 +292,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -318,25 +312,23 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://${proxyHost}:${proxyPort}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://${devServerHost}:${proxyPort}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://${devServerHost}:${proxyPort}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				proxy.close();
 
 				await new Promise((resolve, reject) => {
-					ipcServer.close(error => {
+					ipcServer.close((error) => {
 						if (error) {
 							reject(error);
 
diff --git a/tests/e2e/lazy-compilation.test.js b/tests/e2e/lazy-compilation.test.js
index cb51ef0..11c2fac 100644
--- a/tests/e2e/lazy-compilation.test.js
+++ b/tests/e2e/lazy-compilation.test.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
 const lazyCompilationSingleEntryConfig = require("../fixtures/lazy-compilation-single-entry/webpack.config");
@@ -9,7 +7,7 @@ const port = require("../helpers/ports-map")["lazy-compilation"];
 
 describe("lazy compilation", () => {
 	// TODO jest freeze due webpack do not close `eventsource`, we should uncomment this after fix it on webpack side
-	it.skip(`should work with single entry`, async () => {
+	it.skip("should work with single entry", async () => {
 		const compiler = webpack(lazyCompilationSingleEntryConfig);
 		const server = new Server({ port }, compiler);
 
@@ -22,17 +20,17 @@ describe("lazy compilation", () => {
 			const consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message.text());
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			await page.goto(`http://127.0.0.1:${port}/test.html`, {
-				waitUntil: "domcontentloaded"
+				waitUntil: "domcontentloaded",
 			});
-			await new Promise(resolve => {
+			await new Promise((resolve) => {
 				const interval = setInterval(() => {
 					if (consoleMessages.includes("Hey.")) {
 						clearInterval(interval);
@@ -44,15 +42,13 @@ describe("lazy compilation", () => {
 
 			expect(consoleMessages).toMatchSnapshot("console messages");
 			expect(pageErrors).toMatchSnapshot("page errors");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
 		}
 	});
 
-	it.skip(`should work with multiple entries`, async () => {
+	it.skip("should work with multiple entries", async () => {
 		const compiler = webpack(lazyCompilationMultipleEntriesConfig);
 		const server = new Server({ port }, compiler);
 
@@ -65,17 +61,17 @@ describe("lazy compilation", () => {
 			const consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message.text());
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			await page.goto(`http://127.0.0.1:${port}/test-one.html`, {
-				waitUntil: "domcontentloaded"
+				waitUntil: "domcontentloaded",
 			});
-			await new Promise(resolve => {
+			await new Promise((resolve) => {
 				const interval = setInterval(() => {
 					console.log(consoleMessages);
 					if (consoleMessages.includes("One.")) {
@@ -87,9 +83,9 @@ describe("lazy compilation", () => {
 			});
 
 			await page.goto(`http://127.0.0.1:${port}/test-two.html`, {
-				waitUntil: "domcontentloaded"
+				waitUntil: "domcontentloaded",
 			});
-			await new Promise(resolve => {
+			await new Promise((resolve) => {
 				const interval = setInterval(() => {
 					console.log(consoleMessages);
 					if (consoleMessages.includes("Two.")) {
@@ -102,8 +98,6 @@ describe("lazy compilation", () => {
 
 			expect(consoleMessages).toMatchSnapshot("console messages");
 			expect(pageErrors).toMatchSnapshot("page errors");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
diff --git a/tests/e2e/logging.test.js b/tests/e2e/logging.test.js
index cefbc0f..030b5cd 100644
--- a/tests/e2e/logging.test.js
+++ b/tests/e2e/logging.test.js
@@ -1,6 +1,4 @@
-"use strict";
-
-const path = require("path");
+const path = require("node:path");
 const fs = require("graceful-fs");
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
@@ -13,51 +11,51 @@ require("../helpers/normalize");
 describe("logging", () => {
 	const webSocketServers = [
 		{ webSocketServer: "ws" },
-		{ webSocketServer: "sockjs" }
+		{ webSocketServer: "sockjs" },
 	];
 
 	const cases = [
 		{
 			title: "should work and log message about live reloading is enabled",
 			devServerOptions: {
-				hot: false
-			}
+				hot: false,
+			},
 		},
 		{
 			title:
 				"should work and log messages about hot and live reloading is enabled",
 			devServerOptions: {
-				hot: true
-			}
+				hot: true,
+			},
 		},
 		{
 			title: "should work and log messages about hot is enabled",
 			devServerOptions: {
-				liveReload: false
-			}
+				liveReload: false,
+			},
 		},
 		{
 			title:
 				"should work and log messages about hot and live reloading is enabled",
 			devServerOptions: {
-				liveReload: true
-			}
+				liveReload: true,
+			},
 		},
 		{
 			title:
 				"should work and do not log messages about hot and live reloading is enabled",
 			devServerOptions: {
 				liveReload: false,
-				hot: false
-			}
+				hot: false,
+			},
 		},
 		{
 			title:
 				"should work and log messages about hot and live reloading is enabled",
 			devServerOptions: {
 				liveReload: true,
-				hot: true
-			}
+				hot: true,
+			},
 		},
 		{
 			title: "should work and log warnings by default",
@@ -67,17 +65,17 @@ describe("logging", () => {
 						apply(compiler) {
 							compiler.hooks.thisCompilation.tap(
 								"warnings-webpack-plugin",
-								compilation => {
+								(compilation) => {
 									compilation.warnings.push(
-										new Error("Warning from compilation")
+										new Error("Warning from compilation"),
 									);
-								}
+								},
 							);
-						}
+						},
 					},
-					new HTMLGeneratorPlugin()
-				]
-			}
+					new HTMLGeneratorPlugin(),
+				],
+			},
 		},
 		{
 			title: "should work and log errors by default",
@@ -87,47 +85,47 @@ describe("logging", () => {
 						apply(compiler) {
 							compiler.hooks.thisCompilation.tap(
 								"warnings-webpack-plugin",
-								compilation => {
+								(compilation) => {
 									compilation.errors.push(new Error("Error from compilation"));
-								}
+								},
 							);
-						}
+						},
 					},
-					new HTMLGeneratorPlugin()
-				]
-			}
+					new HTMLGeneratorPlugin(),
+				],
+			},
 		},
 		{
 			title: 'should work when the "client.logging" is "info"',
 			devServerOptions: {
 				client: {
-					logging: "info"
-				}
-			}
+					logging: "info",
+				},
+			},
 		},
 		{
 			title: 'should work when the "client.logging" is "log"',
 			devServerOptions: {
 				client: {
-					logging: "log"
-				}
-			}
+					logging: "log",
+				},
+			},
 		},
 		{
 			title: 'should work when the "client.logging" is "verbose"',
 			devServerOptions: {
 				client: {
-					logging: "verbose"
-				}
-			}
+					logging: "verbose",
+				},
+			},
 		},
 		{
 			title: 'should work when the "client.logging" is "none"',
 			devServerOptions: {
 				client: {
-					logging: "none"
-				}
-			}
+					logging: "none",
+				},
+			},
 		},
 		{
 			title: "should work and log only error",
@@ -137,23 +135,23 @@ describe("logging", () => {
 						apply(compiler) {
 							compiler.hooks.thisCompilation.tap(
 								"warnings-webpack-plugin",
-								compilation => {
+								(compilation) => {
 									compilation.warnings.push(
-										new Error("Warning from compilation")
+										new Error("Warning from compilation"),
 									);
 									compilation.errors.push(new Error("Error from compilation"));
-								}
+								},
 							);
-						}
+						},
 					},
-					new HTMLGeneratorPlugin()
-				]
+					new HTMLGeneratorPlugin(),
+				],
 			},
 			devServerOptions: {
 				client: {
-					logging: "error"
-				}
-			}
+					logging: "error",
+				},
+			},
 		},
 		{
 			title: "should work and log warning and errors",
@@ -163,41 +161,41 @@ describe("logging", () => {
 						apply(compiler) {
 							compiler.hooks.thisCompilation.tap(
 								"warnings-webpack-plugin",
-								compilation => {
+								(compilation) => {
 									compilation.warnings.push(
-										new Error("Warning from compilation")
+										new Error("Warning from compilation"),
 									);
 									compilation.errors.push(new Error("Error from compilation"));
-								}
+								},
 							);
-						}
+						},
 					},
-					new HTMLGeneratorPlugin()
-				]
+					new HTMLGeneratorPlugin(),
+				],
 			},
 			devServerOptions: {
 				client: {
-					logging: "warn"
-				}
-			}
+					logging: "warn",
+				},
+			},
 		},
 		{
 			title: "should work and log static changes",
 			devServerOptions: {
-				static: path.resolve(__dirname, "../fixtures/client-config/static")
-			}
-		}
+				static: path.resolve(__dirname, "../fixtures/client-config/static"),
+			},
+		},
 	];
 
-	webSocketServers.forEach(webSocketServer => {
-		cases.forEach(testCase => {
+	for (const webSocketServer of webSocketServers) {
+		for (const testCase of cases) {
 			it(`${testCase.title} (${
 				webSocketServer.webSocketServer || "default"
 			})`, async () => {
 				const compiler = webpack({ ...config, ...testCase.webpackOptions });
 				const devServerOptions = {
 					port,
-					...testCase.devServerOptions
+					...testCase.devServerOptions,
 				};
 				const server = new Server(devServerOptions, compiler);
 
@@ -208,35 +206,35 @@ describe("logging", () => {
 				try {
 					const consoleMessages = [];
 
-					page.on("console", message => {
+					page.on("console", (message) => {
 						consoleMessages.push(message);
 					});
 
 					await page.goto(`http://localhost:${port}/`, {
-						waitUntil: "networkidle0"
+						waitUntil: "networkidle0",
 					});
 
-					if (testCase.devServerOptions && testCase.devServerOptions.static) {
+					if (testCase.devServerOptions?.static) {
 						fs.writeFileSync(
 							path.join(testCase.devServerOptions.static, "./foo.txt"),
-							"Text"
+							"Text",
 						);
 
 						await page.waitForNavigation({
-							waitUntil: "networkidle0"
+							waitUntil: "networkidle0",
 						});
 					}
 
 					expect(
-						consoleMessages.map(message => message.text().replace(/\\/g, "/"))
+						consoleMessages.map((message) =>
+							message.text().replace(/\\/g, "/"),
+						),
 					).toMatchSnapshot();
-				} catch (error) {
-					throw error;
 				} finally {
 					await browser.close();
 					await server.stop();
 				}
 			});
-		});
-	});
+		}
+	}
 });
diff --git a/tests/e2e/mime-types.test.js b/tests/e2e/mime-types.test.js
index 8000591..0973ddc 100644
--- a/tests/e2e/mime-types.test.js
+++ b/tests/e2e/mime-types.test.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
 const config = require("../fixtures/mime-types-config/webpack.config");
@@ -22,12 +20,12 @@ describe("mimeTypes option", () => {
 				{
 					devMiddleware: {
 						mimeTypes: {
-							js: "text/plain"
-						}
+							js: "text/plain",
+						},
 					},
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -45,25 +43,25 @@ describe("mimeTypes option", () => {
 
 		it("should request file with different js mime type", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/main.js`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(response.headers()["content-type"]).toMatchSnapshot(
-				"response headers content-type"
+				"response headers content-type",
 			);
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -85,12 +83,12 @@ describe("mimeTypes option", () => {
 				{
 					devMiddleware: {
 						mimeTypes: {
-							custom: "text/html"
-						}
+							custom: "text/html",
+						},
 					},
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -108,25 +106,25 @@ describe("mimeTypes option", () => {
 
 		it("should request file with different js mime type", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/file.custom`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(response.headers()["content-type"]).toMatchSnapshot(
-				"response headers content-type"
+				"response headers content-type",
 			);
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
diff --git a/tests/e2e/module-federation.test.js b/tests/e2e/module-federation.test.js
index c8a2e0a..847802e 100644
--- a/tests/e2e/module-federation.test.js
+++ b/tests/e2e/module-federation.test.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const requireFromString = require("require-from-string");
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
@@ -38,15 +36,15 @@ describe("Module federation", () => {
 
 		it("should use the last entry export", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/main.js`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const textContent = await response.text();
@@ -61,8 +59,8 @@ describe("Module federation", () => {
 
 			expect(exports).toEqual("entry2");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -96,15 +94,15 @@ describe("Module federation", () => {
 
 		it("should use the last entry export", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/main.js`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const textContent = await response.text();
@@ -119,8 +117,8 @@ describe("Module federation", () => {
 
 			expect(exports).toEqual("entry2");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -128,15 +126,15 @@ describe("Module federation", () => {
 
 		it("should support the named entry export", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/foo.js`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const textContent = await response.text();
@@ -151,8 +149,8 @@ describe("Module federation", () => {
 
 			expect(exports).toEqual("entry1");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -186,15 +184,15 @@ describe("Module federation", () => {
 
 		it("should use the last entry export", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/main.js`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const textContent = await response.text();
@@ -209,8 +207,8 @@ describe("Module federation", () => {
 
 			expect(exports).toEqual("entry2");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -244,26 +242,28 @@ describe("Module federation", () => {
 
 		it("should contain hot script in remoteEntry.js", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}/remoteEntry.js`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			const remoteEntryTextContent = await response.text();
 
-			expect(remoteEntryTextContent).toMatch(/@rspack\/core(-canary)?\/hot\/dev-server\.js/);
+			expect(remoteEntryTextContent).toMatch(
+				/@rspack\/core(-canary)?\/hot\/dev-server\.js/,
+			);
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -271,23 +271,25 @@ describe("Module federation", () => {
 
 		it("should contain hot script in main.js", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/main.js`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const mainEntryTextContent = await response.text();
 
-			expect(mainEntryTextContent).toMatch(/@rspack\/core(-canary)?\/hot\/dev-server\.js/);
+			expect(mainEntryTextContent).toMatch(
+				/@rspack\/core(-canary)?\/hot\/dev-server\.js/,
+			);
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
diff --git a/tests/e2e/multi-compiler.test.js b/tests/e2e/multi-compiler.test.js
index 3857565..e9933f3 100644
--- a/tests/e2e/multi-compiler.test.js
+++ b/tests/e2e/multi-compiler.test.js
@@ -1,6 +1,4 @@
-"use strict";
-
-const path = require("path");
+const path = require("node:path");
 const fs = require("graceful-fs");
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
@@ -11,10 +9,10 @@ const runBrowser = require("../helpers/run-browser");
 const port = require("../helpers/ports-map")["multi-compiler"];
 
 describe("multi compiler", () => {
-	it(`should work with one web target configuration and do nothing`, async () => {
+	it("should work with one web target configuration and do nothing", async () => {
 		const compiler = webpack(oneWebTargetConfiguration);
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -27,31 +25,29 @@ describe("multi compiler", () => {
 			const consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message.text());
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(consoleMessages).toMatchSnapshot("console messages");
 			expect(pageErrors).toMatchSnapshot("page errors");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
 		}
 	});
 
-	it(`should work with web target configurations and do nothing`, async () => {
+	it("should work with web target configurations and do nothing", async () => {
 		const compiler = webpack(twoWebTargetConfiguration);
 		const devServerOptions = {
-			port
+			port,
 		};
 
 		const server = new Server(devServerOptions, compiler);
@@ -65,15 +61,15 @@ describe("multi compiler", () => {
 			let consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message.text());
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			await page.goto(`http://127.0.0.1:${port}/one-main.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(consoleMessages).toMatchSnapshot("console messages");
@@ -83,34 +79,32 @@ describe("multi compiler", () => {
 			consoleMessages = [];
 
 			await page.goto(`http://127.0.0.1:${port}/two-main.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(consoleMessages).toMatchSnapshot("console messages");
 			expect(pageErrors).toMatchSnapshot("page errors");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
 		}
 	});
 
-	it(`should work with web target configurations when hot and live reloads are enabled, and do hot reload by default when changing own entries`, async () => {
+	it("should work with web target configurations when hot and live reloads are enabled, and do hot reload by default when changing own entries", async () => {
 		const compiler = webpack(twoWebTargetConfiguration);
 		const devServerOptions = {
 			port,
 			hot: true,
-			liveReload: true
+			liveReload: true,
 		};
 		const pathToOneEntry = path.resolve(
 			__dirname,
-			"../fixtures/multi-compiler-two-configurations/one.js"
+			"../fixtures/multi-compiler-two-configurations/one.js",
 		);
 		const originalOneEntryContent = fs.readFileSync(pathToOneEntry);
 		const pathToTwoEntry = path.resolve(
 			__dirname,
-			"../fixtures/multi-compiler-two-configurations/two.js"
+			"../fixtures/multi-compiler-two-configurations/two.js",
 		);
 		const originalTwoEntryContent = fs.readFileSync(pathToTwoEntry);
 
@@ -125,7 +119,7 @@ describe("multi compiler", () => {
 			let consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					let text = message.text();
 
 					if (/Error: Aborted because/.test(text)) {
@@ -136,12 +130,12 @@ describe("multi compiler", () => {
 
 					consoleMessages.push(text);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			await page.goto(`http://127.0.0.1:${port}/one-main.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			fs.writeFileSync(pathToOneEntry, `${originalOneEntryContent}// comment`);
@@ -155,7 +149,7 @@ describe("multi compiler", () => {
 			consoleMessages = [];
 
 			await page.goto(`http://127.0.0.1:${port}/two-main.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			fs.writeFileSync(pathToTwoEntry, `${originalTwoEntryContent}// comment`);
@@ -164,8 +158,6 @@ describe("multi compiler", () => {
 
 			expect(consoleMessages).toMatchSnapshot("console messages");
 			expect(pageErrors).toMatchSnapshot("page errors");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -175,21 +167,21 @@ describe("multi compiler", () => {
 		}
 	});
 
-	it(`should work with web target configurations when only hot reload is enabled, and do hot reload when changing own entries`, async () => {
+	it("should work with web target configurations when only hot reload is enabled, and do hot reload when changing own entries", async () => {
 		const compiler = webpack(twoWebTargetConfiguration);
 		const devServerOptions = {
 			port,
 			hot: true,
-			liveReload: false
+			liveReload: false,
 		};
 		const pathToOneEntry = path.resolve(
 			__dirname,
-			"../fixtures/multi-compiler-two-configurations/one.js"
+			"../fixtures/multi-compiler-two-configurations/one.js",
 		);
 		const originalOneEntryContent = fs.readFileSync(pathToOneEntry);
 		const pathToTwoEntry = path.resolve(
 			__dirname,
-			"../fixtures/multi-compiler-two-configurations/two.js"
+			"../fixtures/multi-compiler-two-configurations/two.js",
 		);
 		const originalTwoEntryContent = fs.readFileSync(pathToTwoEntry);
 
@@ -204,7 +196,7 @@ describe("multi compiler", () => {
 			let consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					let text = message.text();
 
 					if (/Error: Aborted because/.test(text)) {
@@ -215,12 +207,12 @@ describe("multi compiler", () => {
 
 					consoleMessages.push(text);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			await page.goto(`http://127.0.0.1:${port}/one-main.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			fs.writeFileSync(pathToOneEntry, `${originalOneEntryContent}// comment`);
@@ -234,7 +226,7 @@ describe("multi compiler", () => {
 			consoleMessages = [];
 
 			await page.goto(`http://127.0.0.1:${port}/two-main.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			fs.writeFileSync(pathToTwoEntry, `${originalTwoEntryContent}// comment`);
@@ -243,8 +235,6 @@ describe("multi compiler", () => {
 
 			expect(consoleMessages).toMatchSnapshot("console messages");
 			expect(pageErrors).toMatchSnapshot("page errors");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -254,21 +244,21 @@ describe("multi compiler", () => {
 		}
 	});
 
-	it(`should work with web target configurations when only live reload is enabled, and do live reload when changing own entries`, async () => {
+	it("should work with web target configurations when only live reload is enabled, and do live reload when changing own entries", async () => {
 		const compiler = webpack(twoWebTargetConfiguration);
 		const devServerOptions = {
 			port,
 			hot: false,
-			liveReload: true
+			liveReload: true,
 		};
 		const pathToOneEntry = path.resolve(
 			__dirname,
-			"../fixtures/multi-compiler-two-configurations/one.js"
+			"../fixtures/multi-compiler-two-configurations/one.js",
 		);
 		const originalOneEntryContent = fs.readFileSync(pathToOneEntry);
 		const pathToTwoEntry = path.resolve(
 			__dirname,
-			"../fixtures/multi-compiler-two-configurations/two.js"
+			"../fixtures/multi-compiler-two-configurations/two.js",
 		);
 		const originalTwoEntryContent = fs.readFileSync(pathToTwoEntry);
 
@@ -283,15 +273,15 @@ describe("multi compiler", () => {
 			let consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message.text());
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			await page.goto(`http://127.0.0.1:${port}/one-main.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			fs.writeFileSync(pathToOneEntry, `${originalOneEntryContent}// comment`);
@@ -305,7 +295,7 @@ describe("multi compiler", () => {
 			consoleMessages = [];
 
 			await page.goto(`http://127.0.0.1:${port}/two-main.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			fs.writeFileSync(pathToTwoEntry, `${originalTwoEntryContent}// comment`);
@@ -314,8 +304,6 @@ describe("multi compiler", () => {
 
 			expect(consoleMessages).toMatchSnapshot("console messages");
 			expect(pageErrors).toMatchSnapshot("page errors");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -325,21 +313,21 @@ describe("multi compiler", () => {
 		}
 	});
 
-	it(`should work with web target configurations when only live reload is enabled and do live reload when changing other entries`, async () => {
+	it("should work with web target configurations when only live reload is enabled and do live reload when changing other entries", async () => {
 		const compiler = webpack(twoWebTargetConfiguration);
 		const devServerOptions = {
 			port,
 			hot: false,
-			liveReload: true
+			liveReload: true,
 		};
 		const pathToOneEntry = path.resolve(
 			__dirname,
-			"../fixtures/multi-compiler-two-configurations/one.js"
+			"../fixtures/multi-compiler-two-configurations/one.js",
 		);
 		const originalOneEntryContent = fs.readFileSync(pathToOneEntry);
 		const pathToTwoEntry = path.resolve(
 			__dirname,
-			"../fixtures/multi-compiler-two-configurations/two.js"
+			"../fixtures/multi-compiler-two-configurations/two.js",
 		);
 		const originalTwoEntryContent = fs.readFileSync(pathToTwoEntry);
 
@@ -354,15 +342,15 @@ describe("multi compiler", () => {
 			let consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message.text());
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			await page.goto(`http://127.0.0.1:${port}/one-main.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			fs.writeFileSync(pathToTwoEntry, `${originalTwoEntryContent}// comment`);
@@ -376,7 +364,7 @@ describe("multi compiler", () => {
 			consoleMessages = [];
 
 			await page.goto(`http://127.0.0.1:${port}/two-main.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			fs.writeFileSync(pathToOneEntry, `${originalOneEntryContent}// comment`);
@@ -385,8 +373,6 @@ describe("multi compiler", () => {
 
 			expect(consoleMessages).toMatchSnapshot("console messages");
 			expect(pageErrors).toMatchSnapshot("page errors");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -399,7 +385,7 @@ describe("multi compiler", () => {
 	it("should work with universal configuration and do nothing", async () => {
 		const compiler = webpack(universalConfiguration);
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -413,8 +399,8 @@ describe("multi compiler", () => {
 			const serverResponse = await page.goto(
 				`http://127.0.0.1:${port}/server.js`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			const serverResponseText = await serverResponse.text();
@@ -423,18 +409,16 @@ describe("multi compiler", () => {
 			expect(serverResponseText).not.toContain("WebsocketServer");
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message.text());
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			await page.goto(`http://127.0.0.1:${port}/browser.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -444,21 +428,21 @@ describe("multi compiler", () => {
 		expect(pageErrors).toMatchSnapshot("page errors");
 	});
 
-	it(`should work with universal configuration when hot and live reloads are enabled, and do hot reload for browser compiler by default when browser entry changed`, async () => {
+	it("should work with universal configuration when hot and live reloads are enabled, and do hot reload for browser compiler by default when browser entry changed", async () => {
 		const compiler = webpack(universalConfiguration);
 		const devServerOptions = {
 			port,
 			hot: true,
-			liveReload: true
+			liveReload: true,
 		};
 		const pathToBrowserEntry = path.resolve(
 			__dirname,
-			"../fixtures/universal-compiler-config/browser.js"
+			"../fixtures/universal-compiler-config/browser.js",
 		);
 		const originalBrowserEntryContent = fs.readFileSync(pathToBrowserEntry);
 		const pathToServerEntry = path.resolve(
 			__dirname,
-			"../fixtures/universal-compiler-config/server.js"
+			"../fixtures/universal-compiler-config/server.js",
 		);
 		const originalServerEntryContent = fs.readFileSync(pathToServerEntry);
 
@@ -472,8 +456,8 @@ describe("multi compiler", () => {
 			const serverResponse = await page.goto(
 				`http://127.0.0.1:${port}/server.js`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			const serverResponseText = await serverResponse.text();
@@ -485,7 +469,7 @@ describe("multi compiler", () => {
 			const consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					let text = message.text();
 
 					if (/Error: Aborted because/.test(text)) {
@@ -496,25 +480,23 @@ describe("multi compiler", () => {
 
 					consoleMessages.push(text);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			await page.goto(`http://127.0.0.1:${port}/browser.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			fs.writeFileSync(
 				pathToBrowserEntry,
-				`${originalBrowserEntryContent}// comment`
+				`${originalBrowserEntryContent}// comment`,
 			);
 
 			await page.waitForNavigation({ waitUntil: "networkidle0" });
 
 			expect(consoleMessages).toMatchSnapshot("console messages");
 			expect(pageErrors).toMatchSnapshot("page errors");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -524,16 +506,16 @@ describe("multi compiler", () => {
 		}
 	});
 
-	it(`should work with universal configuration when only hot reload is enabled, and do hot reload for browser compiler when browser entry changed`, async () => {
+	it("should work with universal configuration when only hot reload is enabled, and do hot reload for browser compiler when browser entry changed", async () => {
 		const compiler = webpack(universalConfiguration);
 		const devServerOptions = {
 			port,
 			hot: true,
-			liveReload: false
+			liveReload: false,
 		};
 		const pathToBrowserEntry = path.resolve(
 			__dirname,
-			"../fixtures/universal-compiler-config/browser.js"
+			"../fixtures/universal-compiler-config/browser.js",
 		);
 		const originalBrowserEntryContent = fs.readFileSync(pathToBrowserEntry);
 
@@ -547,8 +529,8 @@ describe("multi compiler", () => {
 			const serverResponse = await page.goto(
 				`http://127.0.0.1:${port}/server.js`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			const serverResponseText = await serverResponse.text();
@@ -560,7 +542,7 @@ describe("multi compiler", () => {
 			const consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					let text = message.text();
 
 					if (/Error: Aborted because/.test(text)) {
@@ -571,25 +553,23 @@ describe("multi compiler", () => {
 
 					consoleMessages.push(text);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			await page.goto(`http://127.0.0.1:${port}/browser.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			fs.writeFileSync(
 				pathToBrowserEntry,
-				`${originalBrowserEntryContent}// comment`
+				`${originalBrowserEntryContent}// comment`,
 			);
 
 			await page.waitForNavigation({ waitUntil: "networkidle0" });
 
 			expect(consoleMessages).toMatchSnapshot("console messages");
 			expect(pageErrors).toMatchSnapshot("page errors");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -598,21 +578,21 @@ describe("multi compiler", () => {
 		}
 	});
 
-	it(`should work with universal configuration when only live reload is enabled, and do live reload for browser compiler when changing browser and server entries`, async () => {
+	it("should work with universal configuration when only live reload is enabled, and do live reload for browser compiler when changing browser and server entries", async () => {
 		const compiler = webpack(universalConfiguration);
 		const devServerOptions = {
 			port,
 			hot: false,
-			liveReload: true
+			liveReload: true,
 		};
 		const pathToBrowserEntry = path.resolve(
 			__dirname,
-			"../fixtures/universal-compiler-config/browser.js"
+			"../fixtures/universal-compiler-config/browser.js",
 		);
 		const originalBrowserEntryContent = fs.readFileSync(pathToBrowserEntry);
 		const pathToServerEntry = path.resolve(
 			__dirname,
-			"../fixtures/universal-compiler-config/server.js"
+			"../fixtures/universal-compiler-config/server.js",
 		);
 		const originalServerEntryContent = fs.readFileSync(pathToServerEntry);
 
@@ -626,8 +606,8 @@ describe("multi compiler", () => {
 			const serverResponse = await page.goto(
 				`http://127.0.0.1:${port}/server.js`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			const serverResponseText = await serverResponse.text();
@@ -639,20 +619,20 @@ describe("multi compiler", () => {
 			let consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message.text());
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			await page.goto(`http://127.0.0.1:${port}/browser.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			fs.writeFileSync(
 				pathToBrowserEntry,
-				`${originalBrowserEntryContent}// comment`
+				`${originalBrowserEntryContent}// comment`,
 			);
 
 			await page.waitForNavigation({ waitUntil: "networkidle0" });
@@ -664,20 +644,18 @@ describe("multi compiler", () => {
 			consoleMessages = [];
 
 			await page.goto(`http://127.0.0.1:${port}/browser.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			fs.writeFileSync(
 				pathToServerEntry,
-				`${originalServerEntryContent}// comment`
+				`${originalServerEntryContent}// comment`,
 			);
 
 			await page.waitForNavigation({ waitUntil: "networkidle0" });
 
 			expect(consoleMessages).toMatchSnapshot("console messages");
 			expect(pageErrors).toMatchSnapshot("page errors");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -687,21 +665,21 @@ describe("multi compiler", () => {
 		}
 	});
 
-	it(`should work with universal configuration when only live reload is enabled, and do live reload for browser compiler when changing server and browser entries`, async () => {
+	it("should work with universal configuration when only live reload is enabled, and do live reload for browser compiler when changing server and browser entries", async () => {
 		const compiler = webpack(universalConfiguration);
 		const devServerOptions = {
 			port,
 			hot: false,
-			liveReload: true
+			liveReload: true,
 		};
 		const pathToBrowserEntry = path.resolve(
 			__dirname,
-			"../fixtures/universal-compiler-config/browser.js"
+			"../fixtures/universal-compiler-config/browser.js",
 		);
 		const originalBrowserEntryContent = fs.readFileSync(pathToBrowserEntry);
 		const pathToServerEntry = path.resolve(
 			__dirname,
-			"../fixtures/universal-compiler-config/server.js"
+			"../fixtures/universal-compiler-config/server.js",
 		);
 		const originalServerEntryContent = fs.readFileSync(pathToServerEntry);
 
@@ -715,8 +693,8 @@ describe("multi compiler", () => {
 			const serverResponse = await page.goto(
 				`http://127.0.0.1:${port}/server.js`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			const serverResponseText = await serverResponse.text();
@@ -728,20 +706,20 @@ describe("multi compiler", () => {
 			let consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message.text());
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			await page.goto(`http://127.0.0.1:${port}/browser.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			fs.writeFileSync(
 				pathToServerEntry,
-				`${originalServerEntryContent}// comment`
+				`${originalServerEntryContent}// comment`,
 			);
 
 			await page.waitForNavigation({ waitUntil: "networkidle0" });
@@ -753,20 +731,18 @@ describe("multi compiler", () => {
 			consoleMessages = [];
 
 			await page.goto(`http://127.0.0.1:${port}/browser.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			fs.writeFileSync(
 				pathToBrowserEntry,
-				`${originalBrowserEntryContent}// comment`
+				`${originalBrowserEntryContent}// comment`,
 			);
 
 			await page.waitForNavigation({ waitUntil: "networkidle0" });
 
 			expect(consoleMessages).toMatchSnapshot("console messages");
 			expect(pageErrors).toMatchSnapshot("page errors");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
diff --git a/tests/e2e/on-listening.test.js b/tests/e2e/on-listening.test.js
index 66aa909..8ad8ac3 100644
--- a/tests/e2e/on-listening.test.js
+++ b/tests/e2e/on-listening.test.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
 const config = require("../fixtures/client-config/webpack.config");
@@ -19,7 +17,7 @@ describe("onListening option", () => {
 		compiler = webpack(config);
 		server = new Server(
 			{
-				onListening: devServer => {
+				onListening: (devServer) => {
 					if (!devServer) {
 						throw new Error("webpack-dev-server is not defined");
 					}
@@ -34,9 +32,9 @@ describe("onListening option", () => {
 						response.send("listening POST");
 					});
 				},
-				port
+				port,
 			},
-			compiler
+			compiler,
 		);
 
 		await server.start();
@@ -54,32 +52,32 @@ describe("onListening option", () => {
 
 	it("should handle GET request to /listening/some/path route", async () => {
 		page
-			.on("console", message => {
+			.on("console", (message) => {
 				consoleMessages.push(message);
 			})
-			.on("pageerror", error => {
+			.on("pageerror", (error) => {
 				pageErrors.push(error);
 			});
 
 		const response = await page.goto(
 			`http://127.0.0.1:${port}/listening/some/path`,
 			{
-				waitUntil: "networkidle0"
-			}
+				waitUntil: "networkidle0",
+			},
 		);
 
 		expect(onListeningIsRunning).toBe(true);
 
 		expect(response.headers()["content-type"]).toMatchSnapshot(
-			"response headers content-type"
+			"response headers content-type",
 		);
 
 		expect(response.status()).toMatchSnapshot("response status");
 
 		expect(await response.text()).toMatchSnapshot("response text");
 
-		expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-			"console messages"
+		expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+			"console messages",
 		);
 
 		expect(pageErrors).toMatchSnapshot("page errors");
@@ -89,13 +87,13 @@ describe("onListening option", () => {
 		await page.setRequestInterception(true);
 
 		page
-			.on("console", message => {
+			.on("console", (message) => {
 				consoleMessages.push(message);
 			})
-			.on("pageerror", error => {
+			.on("pageerror", (error) => {
 				pageErrors.push(error);
 			})
-			.on("request", interceptedRequest => {
+			.on("request", (interceptedRequest) => {
 				if (interceptedRequest.isInterceptResolutionHandled()) return;
 
 				interceptedRequest.continue({ method: "POST" });
@@ -104,22 +102,22 @@ describe("onListening option", () => {
 		const response = await page.goto(
 			`http://127.0.0.1:${port}/listening/some/path`,
 			{
-				waitUntil: "networkidle0"
-			}
+				waitUntil: "networkidle0",
+			},
 		);
 
 		expect(onListeningIsRunning).toBe(true);
 
 		expect(response.headers()["content-type"]).toMatchSnapshot(
-			"response headers content-type"
+			"response headers content-type",
 		);
 
 		expect(response.status()).toMatchSnapshot("response status");
 
 		expect(await response.text()).toMatchSnapshot("response text");
 
-		expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-			"console messages"
+		expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+			"console messages",
 		);
 
 		expect(pageErrors).toMatchSnapshot("page errors");
diff --git a/tests/e2e/overlay.test.js b/tests/e2e/overlay.test.js
index c503f1e..b329b6e 100644
--- a/tests/e2e/overlay.test.js
+++ b/tests/e2e/overlay.test.js
@@ -1,6 +1,4 @@
-"use strict";
-
-const path = require("path");
+const path = require("node:path");
 const fs = require("graceful-fs");
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
@@ -20,18 +18,21 @@ class ErrorPlugin {
 	}
 
 	apply(compiler) {
-		compiler.hooks.thisCompilation.tap("errors-webpack-plugin", compilation => {
-			if (
-				typeof this.skipCounter !== "undefined" &&
-				this.counter !== this.skipCounter
-			) {
-				this.counter += 1;
-
-				return;
-			}
-
-			compilation.errors.push(new Error(this.message));
-		});
+		compiler.hooks.thisCompilation.tap(
+			"errors-webpack-plugin",
+			(compilation) => {
+				if (
+					typeof this.skipCounter !== "undefined" &&
+					this.counter !== this.skipCounter
+				) {
+					this.counter += 1;
+
+					return;
+				}
+
+				compilation.errors.push(new Error(this.message));
+			},
+		);
 	}
 }
 
@@ -45,7 +46,7 @@ class WarningPlugin {
 	apply(compiler) {
 		compiler.hooks.thisCompilation.tap(
 			"warnings-webpack-plugin",
-			compilation => {
+			(compilation) => {
 				if (
 					typeof this.skipCounter !== "undefined" &&
 					this.counter !== this.skipCounter
@@ -56,12 +57,12 @@ class WarningPlugin {
 				}
 
 				compilation.warnings.push(new Error(this.message));
-			}
+			},
 		);
 	}
 }
 
-const delay = ms => new Promise(resolve => setTimeout(resolve, ms));
+const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
 
 let prettier;
 let prettierHTML;
@@ -82,7 +83,7 @@ describe("overlay", () => {
 		new WarningPlugin().apply(compiler);
 
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -92,7 +93,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -102,23 +103,21 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -131,7 +130,7 @@ describe("overlay", () => {
 		new ErrorPlugin().apply(compiler);
 
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -141,7 +140,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -151,23 +150,21 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -184,7 +181,7 @@ describe("overlay", () => {
 		new ErrorPlugin().apply(compiler);
 
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -194,7 +191,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -204,23 +201,21 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -231,11 +226,11 @@ describe("overlay", () => {
 		const compiler = webpack(config);
 
 		new ErrorPlugin(
-			"  18 |           Render ansi formatted text"
+			"  18 |           Render ansi formatted text",
 		).apply(compiler);
 
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -245,7 +240,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -255,23 +250,21 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -285,7 +278,7 @@ describe("overlay", () => {
 		new ErrorPlugin("<strong>strong</strong>").apply(compiler);
 
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -295,7 +288,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -305,23 +298,21 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -331,7 +322,7 @@ describe("overlay", () => {
 	it("should not show initially, then show on an error, then hide on fix", async () => {
 		const compiler = webpack(config);
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -341,7 +332,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			let pageHtml = await page.evaluate(() => document.body.outerHTML);
@@ -351,13 +342,13 @@ describe("overlay", () => {
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html initial");
 
 			const pathToFile = path.resolve(
 				__dirname,
-				"../fixtures/overlay-config/foo.js"
+				"../fixtures/overlay-config/foo.js",
 			);
 			const originalCode = fs.readFileSync(pathToFile);
 
@@ -370,26 +361,26 @@ describe("overlay", () => {
 
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html with error");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
 
 			fs.writeFileSync(pathToFile, originalCode);
 
 			await page.waitForSelector("#webpack-dev-server-client-overlay", {
-				hidden: true
+				hidden: true,
 			});
 
 			pageHtml = await page.evaluate(() => document.body.outerHTML);
@@ -399,11 +390,9 @@ describe("overlay", () => {
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html after fix error");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -413,7 +402,7 @@ describe("overlay", () => {
 	it("should not show initially, then show on an error, then show other error, then hide on fix", async () => {
 		const compiler = webpack(config);
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -423,7 +412,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			let pageHtml = await page.evaluate(() => document.body.outerHTML);
@@ -433,13 +422,13 @@ describe("overlay", () => {
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html initial");
 
 			const pathToFile = path.resolve(
 				__dirname,
-				"../fixtures/overlay-config/foo.js"
+				"../fixtures/overlay-config/foo.js",
 			);
 			const originalCode = fs.readFileSync(pathToFile);
 
@@ -452,26 +441,26 @@ describe("overlay", () => {
 
 			let overlayFrame = await overlayHandle.contentFrame();
 			let overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html with error");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
 
 			fs.writeFileSync(pathToFile, "`;a");
 
 			await page.waitForSelector("#webpack-dev-server-client-overlay", {
-				hidden: true
+				hidden: true,
 			});
 			await page.waitForSelector("#webpack-dev-server-client-overlay");
 
@@ -484,20 +473,20 @@ describe("overlay", () => {
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html with other error");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
 
 			fs.writeFileSync(pathToFile, originalCode);
 
 			await page.waitForSelector("#webpack-dev-server-client-overlay", {
-				hidden: true
+				hidden: true,
 			});
 
 			pageHtml = await page.evaluate(() => document.body.outerHTML);
@@ -507,11 +496,9 @@ describe("overlay", () => {
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html after fix error");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -521,7 +508,7 @@ describe("overlay", () => {
 	it("should not show initially, then show on an error and allow to close", async () => {
 		const compiler = webpack(config);
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -531,7 +518,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			let pageHtml = await page.evaluate(() => document.body.outerHTML);
@@ -541,13 +528,13 @@ describe("overlay", () => {
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html initial");
 
 			const pathToFile = path.resolve(
 				__dirname,
-				"../fixtures/overlay-config/foo.js"
+				"../fixtures/overlay-config/foo.js",
 			);
 			const originalCode = fs.readFileSync(pathToFile);
 
@@ -560,32 +547,32 @@ describe("overlay", () => {
 
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html with error");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
 
 			const frame = await page
 				.frames()
-				.find(item => item.name() === "webpack-dev-server-client-overlay");
+				.find((item) => item.name() === "webpack-dev-server-client-overlay");
 
 			const buttonHandle = await frame.$("button");
 
 			await buttonHandle.click();
 
 			await page.waitForSelector("#webpack-dev-server-client-overlay", {
-				hidden: true
+				hidden: true,
 			});
 
 			pageHtml = await page.evaluate(() => document.body.outerHTML);
@@ -595,13 +582,11 @@ describe("overlay", () => {
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html after close");
 
 			fs.writeFileSync(pathToFile, originalCode);
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -614,7 +599,7 @@ describe("overlay", () => {
 
 		const compiler = webpack(config);
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -624,12 +609,12 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const pathToFile = path.resolve(
 				__dirname,
-				"../fixtures/overlay-config/foo.js"
+				"../fixtures/overlay-config/foo.js",
 			);
 			const originalCode = fs.readFileSync(pathToFile);
 
@@ -639,7 +624,7 @@ describe("overlay", () => {
 
 			const frame = page
 				.frames()
-				.find(item => item.name() === "webpack-dev-server-client-overlay");
+				.find((item) => item.name() === "webpack-dev-server-client-overlay");
 
 			const errorHandle = await frame.$("[data-can-open]");
 
@@ -650,8 +635,6 @@ describe("overlay", () => {
 			});
 
 			fs.writeFileSync(pathToFile, originalCode);
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -666,8 +649,8 @@ describe("overlay", () => {
 		const devServerOptions = {
 			port,
 			client: {
-				overlay: false
-			}
+				overlay: false,
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -677,7 +660,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -690,11 +673,9 @@ describe("overlay", () => {
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -710,9 +691,9 @@ describe("overlay", () => {
 			port,
 			client: {
 				overlay: {
-					warnings: false
-				}
-			}
+					warnings: false,
+				},
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -722,7 +703,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -735,11 +716,9 @@ describe("overlay", () => {
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -756,15 +735,15 @@ describe("overlay", () => {
 				port,
 				client: {
 					overlay: {
-						warnings: error => {
+						warnings: (error) => {
 							// error is string in webpack 4
 							const message = typeof error === "string" ? error : error.message;
 							return !message.includes("My special warning");
-						}
-					}
-				}
+						},
+					},
+				},
 			},
-			compiler
+			compiler,
 		);
 
 		await server.start();
@@ -773,7 +752,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -782,8 +761,6 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 
 			expect(overlayHandle).toBe(null);
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -800,11 +777,11 @@ describe("overlay", () => {
 				port,
 				client: {
 					overlay: {
-						warnings: () => true
-					}
-				}
+						warnings: () => true,
+					},
+				},
 			},
-			compiler
+			compiler,
 		);
 
 		await server.start();
@@ -813,7 +790,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -823,23 +800,21 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -854,8 +829,8 @@ describe("overlay", () => {
 		const devServerOptions = {
 			port,
 			client: {
-				overlay: true
-			}
+				overlay: true,
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -865,7 +840,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -875,23 +850,21 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -907,9 +880,9 @@ describe("overlay", () => {
 			port,
 			client: {
 				overlay: {
-					warnings: true
-				}
-			}
+					warnings: true,
+				},
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -919,7 +892,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -929,23 +902,21 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -961,9 +932,9 @@ describe("overlay", () => {
 			port,
 			client: {
 				overlay: {
-					errors: true
-				}
-			}
+					errors: true,
+				},
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -973,7 +944,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -983,23 +954,21 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -1014,8 +983,8 @@ describe("overlay", () => {
 		const devServerOptions = {
 			port,
 			client: {
-				overlay: false
-			}
+				overlay: false,
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -1025,7 +994,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -1038,11 +1007,9 @@ describe("overlay", () => {
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -1058,9 +1025,9 @@ describe("overlay", () => {
 			port,
 			client: {
 				overlay: {
-					errors: false
-				}
-			}
+					errors: false,
+				},
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -1070,7 +1037,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -1083,11 +1050,9 @@ describe("overlay", () => {
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -1104,16 +1069,16 @@ describe("overlay", () => {
 				port,
 				client: {
 					overlay: {
-						errors: error => {
+						errors: (error) => {
 							// error is string in webpack 4
 							const message = typeof error === "string" ? error : error.message;
 
 							return !message.includes("My special error");
-						}
-					}
-				}
+						},
+					},
+				},
 			},
-			compiler
+			compiler,
 		);
 
 		await server.start();
@@ -1122,7 +1087,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -1131,8 +1096,6 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 
 			expect(overlayHandle).toBe(null);
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -1149,11 +1112,11 @@ describe("overlay", () => {
 				port,
 				client: {
 					overlay: {
-						errors: () => true
-					}
-				}
+						errors: () => true,
+					},
+				},
 			},
-			compiler
+			compiler,
 		);
 
 		await server.start();
@@ -1162,7 +1125,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -1172,23 +1135,21 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -1203,8 +1164,8 @@ describe("overlay", () => {
 		const devServerOptions = {
 			port,
 			client: {
-				overlay: true
-			}
+				overlay: true,
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -1214,7 +1175,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -1224,23 +1185,21 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -1256,9 +1215,9 @@ describe("overlay", () => {
 			port,
 			client: {
 				overlay: {
-					trustedTypesPolicyName: "webpack#dev-overlay"
-				}
-			}
+					trustedTypesPolicyName: "webpack#dev-overlay",
+				},
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -1269,12 +1228,12 @@ describe("overlay", () => {
 		try {
 			const consoleMessages = [];
 
-			page.on("console", message => {
+			page.on("console", (message) => {
 				consoleMessages.push(message.text());
 			});
 
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -1284,28 +1243,26 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
-				consoleMessages.filter(item =>
-					/requires 'TrustedHTML' assignment/.test(item)
-				)
+				consoleMessages.filter((item) =>
+					/requires 'TrustedHTML' assignment/.test(item),
+				),
 			).toHaveLength(0);
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -1322,14 +1279,14 @@ describe("overlay", () => {
 			headers: [
 				{
 					key: "Content-Security-Policy",
-					value: "require-trusted-types-for 'script'"
-				}
+					value: "require-trusted-types-for 'script'",
+				},
 			],
 			client: {
 				overlay: {
-					trustedTypesPolicyName: "webpack#dev-overlay"
-				}
-			}
+					trustedTypesPolicyName: "webpack#dev-overlay",
+				},
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -1340,12 +1297,12 @@ describe("overlay", () => {
 		try {
 			const consoleMessages = [];
 
-			page.on("console", message => {
+			page.on("console", (message) => {
 				consoleMessages.push(message.text());
 			});
 
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -1355,32 +1312,30 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(
-				consoleMessages.filter(item =>
-					/requires 'TrustedHTML' assignment/.test(item)
-				)
+				consoleMessages.filter((item) =>
+					/requires 'TrustedHTML' assignment/.test(item),
+				),
 			).toHaveLength(0);
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -1396,9 +1351,9 @@ describe("overlay", () => {
 			port,
 			client: {
 				overlay: {
-					trustedTypesPolicyName: "disallowed-policy"
-				}
-			}
+					trustedTypesPolicyName: "disallowed-policy",
+				},
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -1408,7 +1363,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -1420,11 +1375,9 @@ describe("overlay", () => {
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -1440,9 +1393,9 @@ describe("overlay", () => {
 			port,
 			client: {
 				overlay: {
-					errors: true
-				}
-			}
+					errors: true,
+				},
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -1452,7 +1405,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -1462,23 +1415,21 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -1494,9 +1445,9 @@ describe("overlay", () => {
 			port,
 			client: {
 				overlay: {
-					warnings: true
-				}
-			}
+					warnings: true,
+				},
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -1506,7 +1457,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -1516,23 +1467,21 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -1554,12 +1503,12 @@ describe("overlay", () => {
 		try {
 			const consoleMessages = [];
 
-			page.on("console", message => {
+			page.on("console", (message) => {
 				consoleMessages.push(message.text());
 			});
 
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -1569,25 +1518,25 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
 
 			await server.stop();
 
-			await new Promise(resolve => {
+			await new Promise((resolve) => {
 				const interval = setInterval(() => {
 					if (consoleMessages.includes("[webpack-dev-server] Disconnected!")) {
 						clearInterval(interval);
@@ -1598,17 +1547,15 @@ describe("overlay", () => {
 			});
 
 			const pageHtmlAfterClose = await page.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(pageHtmlAfterClose, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 		}
@@ -1620,7 +1567,7 @@ describe("overlay", () => {
 		new ErrorPlugin("Error from compilation", 1).apply(compiler);
 
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -1630,16 +1577,16 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
-			await new Promise(resolve => {
+			await new Promise((resolve) => {
 				server.middleware.invalidate(() => {
 					resolve();
 				});
 			});
 
-			await new Promise(resolve => {
+			await new Promise((resolve) => {
 				server.middleware.waitUntilValid(() => {
 					resolve();
 				});
@@ -1654,23 +1601,21 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -1683,7 +1628,7 @@ describe("overlay", () => {
 		new WarningPlugin("Warning from compilation", 1).apply(compiler);
 
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -1693,16 +1638,16 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
-			await new Promise(resolve => {
+			await new Promise((resolve) => {
 				server.middleware.invalidate(() => {
 					resolve();
 				});
 			});
 
-			await new Promise(resolve => {
+			await new Promise((resolve) => {
 				server.middleware.waitUntilValid(() => {
 					resolve();
 				});
@@ -1717,23 +1662,21 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -1745,9 +1688,9 @@ describe("overlay", () => {
 
 		const server = new Server(
 			{
-				port
+				port,
 			},
-			compiler
+			compiler,
 		);
 
 		await server.start();
@@ -1756,13 +1699,13 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			await page.addScriptTag({
 				content: `(function throwError() {
         throw new Error('Injected error');
-      })();`
+      })();`,
 			});
 
 			// Delay for the overlay to appear
@@ -1771,17 +1714,15 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -1796,11 +1737,11 @@ describe("overlay", () => {
 				port,
 				client: {
 					overlay: {
-						runtimeErrors: error => error && !/Injected/.test(error.message)
-					}
-				}
+						runtimeErrors: (error) => error && !/Injected/.test(error.message),
+					},
+				},
 			},
-			compiler
+			compiler,
 		);
 
 		await server.start();
@@ -1809,13 +1750,13 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			await page.addScriptTag({
 				content: `(function throwError() {
         throw new Error('Injected error');
-      })();`
+      })();`,
 			});
 
 			// Delay for the overlay to appear
@@ -1824,8 +1765,6 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 
 			expect(overlayHandle).toBe(null);
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -1837,9 +1776,9 @@ describe("overlay", () => {
 
 		const server = new Server(
 			{
-				port
+				port,
 			},
-			compiler
+			compiler,
 		);
 
 		await server.start();
@@ -1848,7 +1787,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			await page.addScriptTag({
@@ -1856,7 +1795,7 @@ describe("overlay", () => {
         setTimeout(function () {
           Promise.reject(new Error('Async error'));
         }, 0);
-      })();`
+      })();`,
 			});
 
 			// Delay for the overlay to appear
@@ -1865,17 +1804,15 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -1890,11 +1827,11 @@ describe("overlay", () => {
 				port,
 				client: {
 					overlay: {
-						runtimeErrors: error => !/Injected/.test(error.message)
-					}
-				}
+						runtimeErrors: (error) => !/Injected/.test(error.message),
+					},
+				},
 			},
-			compiler
+			compiler,
 		);
 
 		await server.start();
@@ -1903,7 +1840,7 @@ describe("overlay", () => {
 
 		try {
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			await page.addScriptTag({
@@ -1911,7 +1848,7 @@ describe("overlay", () => {
         setTimeout(function () {
           Promise.reject(new Error('Injected async error'));
         }, 0);
-      })();`
+      })();`,
 			});
 
 			// Delay for the overlay to appear
@@ -1920,8 +1857,6 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 
 			expect(overlayHandle).toBe(null);
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -1938,9 +1873,9 @@ describe("overlay", () => {
 			headers: [
 				{
 					key: "Content-Security-Policy",
-					value: "default-src 'self'"
-				}
-			]
+					value: "default-src 'self'",
+				},
+			],
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -1951,12 +1886,12 @@ describe("overlay", () => {
 		try {
 			const consoleMessages = [];
 
-			page.on("console", message => {
+			page.on("console", (message) => {
 				consoleMessages.push(message.text());
 			});
 
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			// Delay for the overlay to appear
@@ -1966,23 +1901,21 @@ describe("overlay", () => {
 			const overlayHandle = await page.$("#webpack-dev-server-client-overlay");
 			const overlayFrame = await overlayHandle.contentFrame();
 			const overlayHtml = await overlayFrame.evaluate(
-				() => document.body.outerHTML
+				() => document.body.outerHTML,
 			);
 
 			expect(
 				await prettier.format(pageHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("page html");
 			expect(
 				await prettier.format(overlayHtml, {
 					parser: "html",
-					plugins: [prettierHTML, prettierCSS]
-				})
+					plugins: [prettierHTML, prettierCSS],
+				}),
 			).toMatchSnapshot("overlay html");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
diff --git a/tests/e2e/port.test.js b/tests/e2e/port.test.js
index bebc3c8..8228c59 100644
--- a/tests/e2e/port.test.js
+++ b/tests/e2e/port.test.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
 const config = require("../fixtures/client-config/webpack.config");
@@ -16,7 +14,7 @@ describe("port", () => {
 		`${port}`,
 		0,
 		"-1",
-		"99999"
+		"99999",
 	];
 
 	for (const testedPort of ports) {
@@ -52,14 +50,10 @@ describe("port", () => {
 			}
 
 			if (testedPort === "-1" || testedPort === "99999") {
-				const errorMessageRegExp = new RegExp(
-					`options.port should be >= 0 and < 65536`
-				);
+				const errorMessageRegExp = /options.port should be >= 0 and < 65536/;
 
 				try {
 					expect(errored.message).toMatch(errorMessageRegExp);
-				} catch (error) {
-					throw error;
 				} finally {
 					await server.stop();
 				}
@@ -82,23 +76,21 @@ describe("port", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				await page.goto(`http://127.0.0.1:${address.port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -108,7 +100,7 @@ describe("port", () => {
 				testedPort === "<not-specified>" ||
 				typeof testedPort === "undefined"
 			) {
-				delete process.env.WEBPACK_DEV_SERVER_BASE_PORT;
+				process.env.WEBPACK_DEV_SERVER_BASE_PORT = undefined;
 			}
 		});
 	}
diff --git a/tests/e2e/progress.test.js b/tests/e2e/progress.test.js
index 87017a5..45b2195 100644
--- a/tests/e2e/progress.test.js
+++ b/tests/e2e/progress.test.js
@@ -1,6 +1,4 @@
-"use strict";
-
-const path = require("path");
+const path = require("node:path");
 const fs = require("graceful-fs");
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
@@ -10,7 +8,7 @@ const port = require("../helpers/ports-map").progress;
 
 const cssFilePath = path.resolve(
 	__dirname,
-	"../fixtures/reload-config-2/main.css"
+	"../fixtures/reload-config-2/main.css",
 );
 
 describe("progress", () => {
@@ -21,8 +19,8 @@ describe("progress", () => {
 		const devServerOptions = {
 			port,
 			client: {
-				progress: true
-			}
+				progress: true,
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -37,10 +35,10 @@ describe("progress", () => {
 				let doHotUpdate = false;
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("request", interceptedRequest => {
+					.on("request", (interceptedRequest) => {
 						if (interceptedRequest.isInterceptResolutionHandled()) return;
 
 						if (/\.hot-update\.(json|js)$/.test(interceptedRequest.url())) {
@@ -49,15 +47,15 @@ describe("progress", () => {
 					});
 
 				await page.goto(`http://localhost:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				fs.writeFileSync(
 					cssFilePath,
-					"body { background-color: rgb(255, 0, 0); }"
+					"body { background-color: rgb(255, 0, 0); }",
 				);
 
-				await new Promise(resolve => {
+				await new Promise((resolve) => {
 					const timer = setInterval(() => {
 						if (doHotUpdate) {
 							clearInterval(timer);
@@ -66,21 +64,17 @@ describe("progress", () => {
 						}
 					}, 100);
 				});
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 			}
 
-			const progressConsoleMessage = consoleMessages.filter(message =>
+			const progressConsoleMessage = consoleMessages.filter((message) =>
 				/^\[webpack-dev-server\] (\[[a-zA-Z]+\] )?[0-9]{1,3}% - /.test(
-					message.text()
-				)
+					message.text(),
+				),
 			);
 
 			expect(progressConsoleMessage.length > 0).toBe(true);
-		} catch (error) {
-			throw error;
 		} finally {
 			fs.unlinkSync(cssFilePath);
 
diff --git a/tests/e2e/range-header.test.js b/tests/e2e/range-header.test.js
index 7679cec..ee9eaf1 100644
--- a/tests/e2e/range-header.test.js
+++ b/tests/e2e/range-header.test.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const request = require("supertest");
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
@@ -27,7 +25,7 @@ describe("'Range' header", () => {
 
 		expect(response.status).toBe(200);
 		expect(response.headers["content-type"]).toBe(
-			"application/javascript; charset=utf-8"
+			"application/javascript; charset=utf-8",
 		);
 		expect(response.headers["accept-ranges"]).toBe("bytes");
 
@@ -38,7 +36,7 @@ describe("'Range' header", () => {
 
 		expect(responseRange.status).toBe(206);
 		expect(responseRange.headers["content-type"]).toBe(
-			"application/javascript; charset=utf-8"
+			"application/javascript; charset=utf-8",
 		);
 		expect(responseRange.headers["content-length"]).toBe("500");
 		expect(responseRange.headers["content-range"]).toMatch(/^bytes 0-499\//);
@@ -51,7 +49,7 @@ describe("'Range' header", () => {
 
 		expect(response.status).toBe(200);
 		expect(response.headers["content-type"]).toBe(
-			"application/javascript; charset=utf-8"
+			"application/javascript; charset=utf-8",
 		);
 		expect(response.headers["accept-ranges"]).toBe("bytes");
 
@@ -61,7 +59,7 @@ describe("'Range' header", () => {
 
 		expect(responseRange.status).toBe(206);
 		expect(responseRange.headers["content-type"]).toBe(
-			"application/javascript; charset=utf-8"
+			"application/javascript; charset=utf-8",
 		);
 		expect(responseRange.headers["content-length"]).toBe("500");
 		expect(responseRange.headers["content-range"]).toMatch(/^bytes 0-499\//);
@@ -72,7 +70,7 @@ describe("'Range' header", () => {
 
 		expect(response.status).toBe(200);
 		expect(response.headers["content-type"]).toBe(
-			"application/javascript; charset=utf-8"
+			"application/javascript; charset=utf-8",
 		);
 		expect(response.headers["accept-ranges"]).toBe("bytes");
 
@@ -82,7 +80,7 @@ describe("'Range' header", () => {
 
 		expect(responseRange.status).toBe(416);
 		expect(responseRange.headers["content-type"]).toBe(
-			"text/html; charset=utf-8"
+			"text/html; charset=utf-8",
 		);
 		expect(responseRange.headers["content-range"]).toMatch(/^bytes \*\//);
 	});
@@ -92,7 +90,7 @@ describe("'Range' header", () => {
 
 		expect(response.status).toBe(200);
 		expect(response.headers["content-type"]).toBe(
-			"application/javascript; charset=utf-8"
+			"application/javascript; charset=utf-8",
 		);
 		expect(response.headers["accept-ranges"]).toBe("bytes");
 
@@ -103,7 +101,7 @@ describe("'Range' header", () => {
 
 		expect(responseRange.status).toBe(200);
 		expect(responseRange.headers["content-type"]).toBe(
-			"application/javascript; charset=utf-8"
+			"application/javascript; charset=utf-8",
 		);
 		expect(responseRange.text).toBe(responseContent);
 		expect(responseRange.text.length).toBe(responseContent.length);
diff --git a/tests/e2e/server-and-client-transport.test.js b/tests/e2e/server-and-client-transport.test.js
index 25dde36..dc8790a 100644
--- a/tests/e2e/server-and-client-transport.test.js
+++ b/tests/e2e/server-and-client-transport.test.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
 const WebsocketServer = require("webpack-dev-server/lib/servers/WebsocketServer");
@@ -14,7 +12,7 @@ describe("server and client transport", () => {
 	it('should use default web socket server ("ws")', async () => {
 		const compiler = webpack(defaultConfig);
 		const devServerOptions = {
-			port
+			port,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -25,22 +23,22 @@ describe("server and client transport", () => {
 		try {
 			const consoleMessages = [];
 
-			page.on("console", message => {
+			page.on("console", (message) => {
 				consoleMessages.push(message);
 			});
 
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const isCorrectTransport = await page.evaluate(
-				() => window.injectedClient === window.expectedClient
+				() => window.injectedClient === window.expectedClient,
 			);
 
 			expect(isCorrectTransport).toBe(true);
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot();
-		} catch (error) {
-			throw error;
+			expect(
+				consoleMessages.map((message) => message.text()),
+			).toMatchSnapshot();
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -51,7 +49,7 @@ describe("server and client transport", () => {
 		const compiler = webpack(defaultConfig);
 		const devServerOptions = {
 			port,
-			webSocketServer: "ws"
+			webSocketServer: "ws",
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -62,22 +60,22 @@ describe("server and client transport", () => {
 		try {
 			const consoleMessages = [];
 
-			page.on("console", message => {
+			page.on("console", (message) => {
 				consoleMessages.push(message);
 			});
 
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const isCorrectTransport = await page.evaluate(
-				() => window.injectedClient === window.expectedClient
+				() => window.injectedClient === window.expectedClient,
 			);
 
 			expect(isCorrectTransport).toBe(true);
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot();
-		} catch (error) {
-			throw error;
+			expect(
+				consoleMessages.map((message) => message.text()),
+			).toMatchSnapshot();
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -89,8 +87,8 @@ describe("server and client transport", () => {
 		const devServerOptions = {
 			port,
 			webSocketServer: {
-				type: "ws"
-			}
+				type: "ws",
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -101,22 +99,22 @@ describe("server and client transport", () => {
 		try {
 			const consoleMessages = [];
 
-			page.on("console", message => {
+			page.on("console", (message) => {
 				consoleMessages.push(message);
 			});
 
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const isCorrectTransport = await page.evaluate(
-				() => window.injectedClient === window.expectedClient
+				() => window.injectedClient === window.expectedClient,
 			);
 
 			expect(isCorrectTransport).toBe(true);
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot();
-		} catch (error) {
-			throw error;
+			expect(
+				consoleMessages.map((message) => message.text()),
+			).toMatchSnapshot();
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -127,7 +125,7 @@ describe("server and client transport", () => {
 		const compiler = webpack(sockjsConfig);
 		const devServerOptions = {
 			port,
-			webSocketServer: "sockjs"
+			webSocketServer: "sockjs",
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -138,22 +136,22 @@ describe("server and client transport", () => {
 		try {
 			const consoleMessages = [];
 
-			page.on("console", message => {
+			page.on("console", (message) => {
 				consoleMessages.push(message);
 			});
 
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const isCorrectTransport = await page.evaluate(
-				() => window.injectedClient === window.expectedClient
+				() => window.injectedClient === window.expectedClient,
 			);
 
 			expect(isCorrectTransport).toBe(true);
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot();
-		} catch (error) {
-			throw error;
+			expect(
+				consoleMessages.map((message) => message.text()),
+			).toMatchSnapshot();
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -165,8 +163,8 @@ describe("server and client transport", () => {
 		const devServerOptions = {
 			port,
 			webSocketServer: {
-				type: "sockjs"
-			}
+				type: "sockjs",
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -177,22 +175,22 @@ describe("server and client transport", () => {
 		try {
 			const consoleMessages = [];
 
-			page.on("console", message => {
+			page.on("console", (message) => {
 				consoleMessages.push(message);
 			});
 
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const isCorrectTransport = await page.evaluate(
-				() => window.injectedClient === window.expectedClient
+				() => window.injectedClient === window.expectedClient,
 			);
 
 			expect(isCorrectTransport).toBe(true);
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot();
-		} catch (error) {
-			throw error;
+			expect(
+				consoleMessages.map((message) => message.text()),
+			).toMatchSnapshot();
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -204,9 +202,9 @@ describe("server and client transport", () => {
 		const devServerOptions = {
 			port,
 			client: {
-				webSocketTransport: "ws"
+				webSocketTransport: "ws",
 			},
-			webSocketServer: WebsocketServer
+			webSocketServer: WebsocketServer,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -217,22 +215,22 @@ describe("server and client transport", () => {
 		try {
 			const consoleMessages = [];
 
-			page.on("console", message => {
+			page.on("console", (message) => {
 				consoleMessages.push(message);
 			});
 
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const isCorrectTransport = await page.evaluate(
-				() => window.injectedClient === window.expectedClient
+				() => window.injectedClient === window.expectedClient,
 			);
 
 			expect(isCorrectTransport).toBe(true);
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot();
-		} catch (error) {
-			throw error;
+			expect(
+				consoleMessages.map((message) => message.text()),
+			).toMatchSnapshot();
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -244,11 +242,11 @@ describe("server and client transport", () => {
 		const devServerOptions = {
 			port,
 			client: {
-				webSocketTransport: "ws"
+				webSocketTransport: "ws",
 			},
 			webSocketServer: {
-				type: WebsocketServer
-			}
+				type: WebsocketServer,
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -259,22 +257,22 @@ describe("server and client transport", () => {
 		try {
 			const consoleMessages = [];
 
-			page.on("console", message => {
+			page.on("console", (message) => {
 				consoleMessages.push(message);
 			});
 
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const isCorrectTransport = await page.evaluate(
-				() => window.injectedClient === window.expectedClient
+				() => window.injectedClient === window.expectedClient,
 			);
 
 			expect(isCorrectTransport).toBe(true);
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot();
-		} catch (error) {
-			throw error;
+			expect(
+				consoleMessages.map((message) => message.text()),
+			).toMatchSnapshot();
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -286,11 +284,11 @@ describe("server and client transport", () => {
 		const devServerOptions = {
 			port,
 			client: {
-				webSocketTransport: "ws"
+				webSocketTransport: "ws",
 			},
 			webSocketServer: require.resolve(
-				"webpack-dev-server/lib/servers/WebsocketServer"
-			)
+				"webpack-dev-server/lib/servers/WebsocketServer",
+			),
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -301,22 +299,22 @@ describe("server and client transport", () => {
 		try {
 			const consoleMessages = [];
 
-			page.on("console", message => {
+			page.on("console", (message) => {
 				consoleMessages.push(message);
 			});
 
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const isCorrectTransport = await page.evaluate(
-				() => window.injectedClient === window.expectedClient
+				() => window.injectedClient === window.expectedClient,
 			);
 
 			expect(isCorrectTransport).toBe(true);
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot();
-		} catch (error) {
-			throw error;
+			expect(
+				consoleMessages.map((message) => message.text()),
+			).toMatchSnapshot();
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -328,11 +326,11 @@ describe("server and client transport", () => {
 		const devServerOptions = {
 			port,
 			client: {
-				webSocketTransport: "ws"
+				webSocketTransport: "ws",
 			},
 			webSocketServer: {
-				type: require.resolve("webpack-dev-server/lib/servers/WebsocketServer")
-			}
+				type: require.resolve("webpack-dev-server/lib/servers/WebsocketServer"),
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -343,22 +341,22 @@ describe("server and client transport", () => {
 		try {
 			const consoleMessages = [];
 
-			page.on("console", message => {
+			page.on("console", (message) => {
 				consoleMessages.push(message);
 			});
 
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const isCorrectTransport = await page.evaluate(
-				() => window.injectedClient === window.expectedClient
+				() => window.injectedClient === window.expectedClient,
 			);
 
 			expect(isCorrectTransport).toBe(true);
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot();
-		} catch (error) {
-			throw error;
+			expect(
+				consoleMessages.map((message) => message.text()),
+			).toMatchSnapshot();
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -372,8 +370,8 @@ describe("server and client transport", () => {
 		const devServerOptions = {
 			port,
 			webSocketServer: {
-				type: "/bad/path/to/implementation"
-			}
+				type: "/bad/path/to/implementation",
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -391,8 +389,8 @@ describe("server and client transport", () => {
 		const devServerOptions = {
 			port,
 			client: {
-				webSocketTransport: "sockjs"
-			}
+				webSocketTransport: "sockjs",
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -403,22 +401,22 @@ describe("server and client transport", () => {
 		try {
 			const consoleMessages = [];
 
-			page.on("console", message => {
+			page.on("console", (message) => {
 				consoleMessages.push(message);
 			});
 
 			await page.goto(`http://localhost:${port}/main.js`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const isCorrectTransport = await page.evaluate(
-				() => window.injectedClient === window.expectedClient
+				() => window.injectedClient === window.expectedClient,
 			);
 
 			expect(isCorrectTransport).toBe(true);
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot();
-		} catch (error) {
-			throw error;
+			expect(
+				consoleMessages.map((message) => message.text()),
+			).toMatchSnapshot();
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -430,8 +428,8 @@ describe("server and client transport", () => {
 		const devServerOptions = {
 			port,
 			client: {
-				webSocketTransport: "ws"
-			}
+				webSocketTransport: "ws",
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -442,22 +440,22 @@ describe("server and client transport", () => {
 		try {
 			const consoleMessages = [];
 
-			page.on("console", message => {
+			page.on("console", (message) => {
 				consoleMessages.push(message);
 			});
 
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const isCorrectTransport = await page.evaluate(
-				() => window.injectedClient === window.expectedClient
+				() => window.injectedClient === window.expectedClient,
 			);
 
 			expect(isCorrectTransport).toBe(true);
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot();
-		} catch (error) {
-			throw error;
+			expect(
+				consoleMessages.map((message) => message.text()),
+			).toMatchSnapshot();
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -469,9 +467,9 @@ describe("server and client transport", () => {
 		const devServerOptions = {
 			port,
 			client: {
-				webSocketTransport: "sockjs"
+				webSocketTransport: "sockjs",
 			},
-			webSocketServer: "sockjs"
+			webSocketServer: "sockjs",
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -482,22 +480,22 @@ describe("server and client transport", () => {
 		try {
 			const consoleMessages = [];
 
-			page.on("console", message => {
+			page.on("console", (message) => {
 				consoleMessages.push(message);
 			});
 
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const isCorrectTransport = await page.evaluate(
-				() => window.injectedClient === window.expectedClient
+				() => window.injectedClient === window.expectedClient,
 			);
 
 			expect(isCorrectTransport).toBe(true);
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot();
-		} catch (error) {
-			throw error;
+			expect(
+				consoleMessages.map((message) => message.text()),
+			).toMatchSnapshot();
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -509,9 +507,9 @@ describe("server and client transport", () => {
 		const devServerOptions = {
 			port,
 			client: {
-				webSocketTransport: "ws"
+				webSocketTransport: "ws",
 			},
-			webSocketServer: "ws"
+			webSocketServer: "ws",
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -522,22 +520,22 @@ describe("server and client transport", () => {
 		try {
 			const consoleMessages = [];
 
-			page.on("console", message => {
+			page.on("console", (message) => {
 				consoleMessages.push(message);
 			});
 
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const isCorrectTransport = await page.evaluate(
-				() => window.injectedClient === window.expectedClient
+				() => window.injectedClient === window.expectedClient,
 			);
 
 			expect(isCorrectTransport).toBe(true);
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot();
-		} catch (error) {
-			throw error;
+			expect(
+				consoleMessages.map((message) => message.text()),
+			).toMatchSnapshot();
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -550,10 +548,10 @@ describe("server and client transport", () => {
 			port,
 			client: {
 				webSocketTransport: require.resolve(
-					"../fixtures/custom-client/CustomSockJSClient"
-				)
+					"../fixtures/custom-client/CustomSockJSClient",
+				),
 			},
-			webSocketServer: "sockjs"
+			webSocketServer: "sockjs",
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -564,22 +562,22 @@ describe("server and client transport", () => {
 		try {
 			const consoleMessages = [];
 
-			page.on("console", message => {
+			page.on("console", (message) => {
 				consoleMessages.push(message);
 			});
 
 			await page.goto(`http://localhost:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const isCorrectTransport = await page.evaluate(
-				() => window.injectedClient === window.expectedClient
+				() => window.injectedClient === window.expectedClient,
 			);
 
 			expect(isCorrectTransport).toBe(true);
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot();
-		} catch (error) {
-			throw error;
+			expect(
+				consoleMessages.map((message) => message.text()),
+			).toMatchSnapshot();
 		} finally {
 			await browser.close();
 			await server.stop();
@@ -591,8 +589,8 @@ describe("server and client transport", () => {
 		const devServerOptions = {
 			port,
 			webSocketServer: {
-				type: "invalid/path"
-			}
+				type: "invalid/path",
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 		await expect(async () => {
@@ -607,8 +605,8 @@ describe("server and client transport", () => {
 		const devServerOptions = {
 			port,
 			client: {
-				webSocketTransport: "invalid/path"
-			}
+				webSocketTransport: "invalid/path",
+			},
 		};
 		const server = new Server(devServerOptions, compiler);
 		await expect(async () => {
diff --git a/tests/e2e/server.test.js b/tests/e2e/server.test.js
index ed6ef65..bf161fc 100644
--- a/tests/e2e/server.test.js
+++ b/tests/e2e/server.test.js
@@ -1,7 +1,5 @@
-"use strict";
-
-const https = require("https");
-const path = require("path");
+const https = require("node:https");
+const path = require("node:path");
 const fs = require("graceful-fs");
 const request = require("supertest");
 const spdy = require("spdy");
@@ -16,12 +14,12 @@ const port = require("../helpers/ports-map")["server-option"];
 
 const httpsCertificateDirectory = path.resolve(
 	__dirname,
-	"../fixtures/https-certificate"
+	"../fixtures/https-certificate",
 );
 
 const staticDirectory = path.resolve(
 	__dirname,
-	"../fixtures/static-config/public"
+	"../fixtures/static-config/public",
 );
 
 describe("server option", () => {
@@ -41,12 +39,12 @@ describe("server option", () => {
 					{
 						static: {
 							directory: staticDirectory,
-							watch: false
+							watch: false,
 						},
 						server: "http",
-						port
+						port,
 					},
-					compiler
+					compiler,
 				);
 
 				await server.start();
@@ -64,19 +62,19 @@ describe("server option", () => {
 
 			it("should handle GET request to index route (/)", async () => {
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				const response = await page.goto(`http://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const HTTPVersion = await page.evaluate(
-					() => performance.getEntries()[0].nextHopProtocol
+					() => performance.getEntries()[0].nextHopProtocol,
 				);
 
 				expect(HTTPVersion).not.toEqual("h2");
@@ -85,9 +83,9 @@ describe("server option", () => {
 
 				expect(await response.text()).toMatchSnapshot("response text");
 
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 
 				expect(pageErrors).toMatchSnapshot("page errors");
 			});
@@ -101,12 +99,12 @@ describe("server option", () => {
 					{
 						static: {
 							directory: staticDirectory,
-							watch: false
+							watch: false,
 						},
 						server: path.resolve(__dirname, "../helpers/custom-http.js"),
-						port
+						port,
 					},
-					compiler
+					compiler,
 				);
 
 				await server.start();
@@ -124,19 +122,19 @@ describe("server option", () => {
 
 			it("should handle GET request to index route (/)", async () => {
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				const response = await page.goto(`http://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const HTTPVersion = await page.evaluate(
-					() => performance.getEntries()[0].nextHopProtocol
+					() => performance.getEntries()[0].nextHopProtocol,
 				);
 
 				expect(HTTPVersion).not.toEqual("h2");
@@ -145,9 +143,9 @@ describe("server option", () => {
 
 				expect(await response.text()).toMatchSnapshot("response text");
 
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 
 				expect(pageErrors).toMatchSnapshot("page errors");
 			});
@@ -161,12 +159,12 @@ describe("server option", () => {
 					{
 						static: {
 							directory: staticDirectory,
-							watch: false
+							watch: false,
 						},
 						server: "https",
-						port
+						port,
 					},
-					compiler
+					compiler,
 				);
 
 				await server.start();
@@ -184,19 +182,19 @@ describe("server option", () => {
 
 			it("should handle GET request to index route (/)", async () => {
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				const response = await page.goto(`https://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const HTTPVersion = await page.evaluate(
-					() => performance.getEntries()[0].nextHopProtocol
+					() => performance.getEntries()[0].nextHopProtocol,
 				);
 
 				expect(HTTPVersion).not.toEqual("h2");
@@ -205,9 +203,9 @@ describe("server option", () => {
 
 				expect(await response.text()).toMatchSnapshot("response text");
 
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 
 				expect(pageErrors).toMatchSnapshot("page errors");
 			});
@@ -221,12 +219,12 @@ describe("server option", () => {
 					{
 						static: {
 							directory: staticDirectory,
-							watch: false
+							watch: false,
 						},
 						server: "spdy",
-						port
+						port,
 					},
-					compiler
+					compiler,
 				);
 
 				await server.start();
@@ -244,19 +242,19 @@ describe("server option", () => {
 
 			it("should handle GET request to index route (/)", async () => {
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				const response = await page.goto(`https://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const HTTPVersion = await page.evaluate(
-					() => performance.getEntries()[0].nextHopProtocol
+					() => performance.getEntries()[0].nextHopProtocol,
 				);
 
 				expect(HTTPVersion).toEqual("h2");
@@ -265,9 +263,9 @@ describe("server option", () => {
 
 				expect(await response.text()).toMatchSnapshot("response text");
 
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 
 				expect(pageErrors).toMatchSnapshot("page errors");
 			});
@@ -293,29 +291,29 @@ describe("server option", () => {
 					{
 						static: {
 							directory: staticDirectory,
-							watch: false
+							watch: false,
 						},
 						server: {
 							type: "https",
 							options: {
 								ca: fs.readFileSync(
-									path.join(httpsCertificateDirectory, "ca.pem")
+									path.join(httpsCertificateDirectory, "ca.pem"),
 								),
 								pfx: fs.readFileSync(
-									path.join(httpsCertificateDirectory, "server.pfx")
+									path.join(httpsCertificateDirectory, "server.pfx"),
 								),
 								key: fs.readFileSync(
-									path.join(httpsCertificateDirectory, "server.key")
+									path.join(httpsCertificateDirectory, "server.key"),
 								),
 								cert: fs.readFileSync(
-									path.join(httpsCertificateDirectory, "server.crt")
+									path.join(httpsCertificateDirectory, "server.crt"),
 								),
-								passphrase: "webpack-dev-server"
-							}
+								passphrase: "webpack-dev-server",
+							},
 						},
-						port
+						port,
 					},
-					compiler
+					compiler,
 				);
 
 				await server.start();
@@ -335,25 +333,25 @@ describe("server option", () => {
 
 			it("should handle GET request to index route (/)", async () => {
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				const response = await page.goto(`https://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				expect(
-					normalizeOptions(createServerSpy.mock.calls[0][0])
+					normalizeOptions(createServerSpy.mock.calls[0][0]),
 				).toMatchSnapshot("https options");
 				expect(response.status()).toMatchSnapshot("response status");
 				expect(await response.text()).toMatchSnapshot("response text");
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
 			});
 		});
@@ -376,37 +374,37 @@ describe("server option", () => {
 					{
 						static: {
 							directory: staticDirectory,
-							watch: false
+							watch: false,
 						},
 						server: {
 							type: "https",
 							options: {
 								ca: [
 									fs.readFileSync(
-										path.join(httpsCertificateDirectory, "ca.pem")
-									)
+										path.join(httpsCertificateDirectory, "ca.pem"),
+									),
 								],
 								pfx: [
 									fs.readFileSync(
-										path.join(httpsCertificateDirectory, "server.pfx")
-									)
+										path.join(httpsCertificateDirectory, "server.pfx"),
+									),
 								],
 								key: [
 									fs.readFileSync(
-										path.join(httpsCertificateDirectory, "server.key")
-									)
+										path.join(httpsCertificateDirectory, "server.key"),
+									),
 								],
 								cert: [
 									fs.readFileSync(
-										path.join(httpsCertificateDirectory, "server.crt")
-									)
+										path.join(httpsCertificateDirectory, "server.crt"),
+									),
 								],
-								passphrase: "webpack-dev-server"
-							}
+								passphrase: "webpack-dev-server",
+							},
 						},
-						port
+						port,
 					},
-					compiler
+					compiler,
 				);
 
 				await server.start();
@@ -426,25 +424,25 @@ describe("server option", () => {
 
 			it("should handle GET request to index route (/)", async () => {
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				const response = await page.goto(`https://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				expect(
-					normalizeOptions(createServerSpy.mock.calls[0][0])
+					normalizeOptions(createServerSpy.mock.calls[0][0]),
 				).toMatchSnapshot("https options");
 				expect(response.status()).toMatchSnapshot("response status");
 				expect(await response.text()).toMatchSnapshot("response text");
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
 			});
 		});
@@ -467,7 +465,7 @@ describe("server option", () => {
 					{
 						static: {
 							directory: staticDirectory,
-							watch: false
+							watch: false,
 						},
 						server: {
 							type: "https",
@@ -478,24 +476,24 @@ describe("server option", () => {
 								// TODO
 								// pfx can't be string because it is binary format
 								pfx: fs.readFileSync(
-									path.join(httpsCertificateDirectory, "server.pfx")
+									path.join(httpsCertificateDirectory, "server.pfx"),
 								),
 								key: fs
 									.readFileSync(
-										path.join(httpsCertificateDirectory, "server.key")
+										path.join(httpsCertificateDirectory, "server.key"),
 									)
 									.toString(),
 								cert: fs
 									.readFileSync(
-										path.join(httpsCertificateDirectory, "server.crt")
+										path.join(httpsCertificateDirectory, "server.crt"),
 									)
 									.toString(),
-								passphrase: "webpack-dev-server"
-							}
+								passphrase: "webpack-dev-server",
+							},
 						},
-						port
+						port,
 					},
-					compiler
+					compiler,
 				);
 
 				await server.start();
@@ -515,25 +513,25 @@ describe("server option", () => {
 
 			it("should handle GET request to index route (/)", async () => {
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				const response = await page.goto(`https://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				expect(
-					normalizeOptions(createServerSpy.mock.calls[0][0])
+					normalizeOptions(createServerSpy.mock.calls[0][0]),
 				).toMatchSnapshot("https options");
 				expect(response.status()).toMatchSnapshot("response status");
 				expect(await response.text()).toMatchSnapshot("response text");
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
 			});
 		});
@@ -556,7 +554,7 @@ describe("server option", () => {
 					{
 						static: {
 							directory: staticDirectory,
-							watch: false
+							watch: false,
 						},
 						server: {
 							type: "https",
@@ -564,36 +562,36 @@ describe("server option", () => {
 								ca: [
 									fs
 										.readFileSync(
-											path.join(httpsCertificateDirectory, "ca.pem")
+											path.join(httpsCertificateDirectory, "ca.pem"),
 										)
-										.toString()
+										.toString(),
 								],
 								// pfx can't be string because it is binary format
 								pfx: [
 									fs.readFileSync(
-										path.join(httpsCertificateDirectory, "server.pfx")
-									)
+										path.join(httpsCertificateDirectory, "server.pfx"),
+									),
 								],
 								key: [
 									fs
 										.readFileSync(
-											path.join(httpsCertificateDirectory, "server.key")
+											path.join(httpsCertificateDirectory, "server.key"),
 										)
-										.toString()
+										.toString(),
 								],
 								cert: [
 									fs
 										.readFileSync(
-											path.join(httpsCertificateDirectory, "server.crt")
+											path.join(httpsCertificateDirectory, "server.crt"),
 										)
-										.toString()
+										.toString(),
 								],
-								passphrase: "webpack-dev-server"
-							}
+								passphrase: "webpack-dev-server",
+							},
 						},
-						port
+						port,
 					},
-					compiler
+					compiler,
 				);
 
 				await server.start();
@@ -613,25 +611,25 @@ describe("server option", () => {
 
 			it("should handle GET request to index route (/)", async () => {
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				const response = await page.goto(`https://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				expect(
-					normalizeOptions(createServerSpy.mock.calls[0][0])
+					normalizeOptions(createServerSpy.mock.calls[0][0]),
 				).toMatchSnapshot("https options");
 				expect(response.status()).toMatchSnapshot("response status");
 				expect(await response.text()).toMatchSnapshot("response text");
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
 			});
 		});
@@ -654,7 +652,7 @@ describe("server option", () => {
 					{
 						static: {
 							directory: staticDirectory,
-							watch: false
+							watch: false,
 						},
 						server: {
 							type: "https",
@@ -663,12 +661,12 @@ describe("server option", () => {
 								pfx: path.join(httpsCertificateDirectory, "server.pfx"),
 								key: path.join(httpsCertificateDirectory, "server.key"),
 								cert: path.join(httpsCertificateDirectory, "server.crt"),
-								passphrase: "webpack-dev-server"
-							}
+								passphrase: "webpack-dev-server",
+							},
 						},
-						port
+						port,
 					},
-					compiler
+					compiler,
 				);
 
 				await server.start();
@@ -688,25 +686,25 @@ describe("server option", () => {
 
 			it("should handle GET request to index route (/)", async () => {
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				const response = await page.goto(`https://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				expect(
-					normalizeOptions(createServerSpy.mock.calls[0][0])
+					normalizeOptions(createServerSpy.mock.calls[0][0]),
 				).toMatchSnapshot("https options");
 				expect(response.status()).toMatchSnapshot("response status");
 				expect(await response.text()).toMatchSnapshot("response text");
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
 			});
 		});
@@ -729,7 +727,7 @@ describe("server option", () => {
 					{
 						static: {
 							directory: staticDirectory,
-							watch: false
+							watch: false,
 						},
 						server: {
 							type: "https",
@@ -738,12 +736,12 @@ describe("server option", () => {
 								pfx: [path.join(httpsCertificateDirectory, "server.pfx")],
 								key: [path.join(httpsCertificateDirectory, "server.key")],
 								cert: [path.join(httpsCertificateDirectory, "server.crt")],
-								passphrase: "webpack-dev-server"
-							}
+								passphrase: "webpack-dev-server",
+							},
 						},
-						port
+						port,
 					},
-					compiler
+					compiler,
 				);
 
 				await server.start();
@@ -763,25 +761,25 @@ describe("server option", () => {
 
 			it("should handle GET request to index route (/)", async () => {
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				const response = await page.goto(`https://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				expect(
-					normalizeOptions(createServerSpy.mock.calls[0][0])
+					normalizeOptions(createServerSpy.mock.calls[0][0]),
 				).toMatchSnapshot("https options");
 				expect(response.status()).toMatchSnapshot("response status");
 				expect(await response.text()).toMatchSnapshot("response text");
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
 			});
 		});
@@ -808,7 +806,7 @@ describe("server option", () => {
 					{
 						static: {
 							directory: staticDirectory,
-							watch: false
+							watch: false,
 						},
 						server: {
 							type: "https",
@@ -818,14 +816,14 @@ describe("server option", () => {
 								key: path.join(httpsCertificateDirectory, "server-symlink.key"),
 								cert: path.join(
 									httpsCertificateDirectory,
-									"server-symlink.crt"
+									"server-symlink.crt",
 								),
-								passphrase: "webpack-dev-server"
-							}
+								passphrase: "webpack-dev-server",
+							},
 						},
-						port
+						port,
 					},
-					compiler
+					compiler,
 				);
 
 				await server.start();
@@ -845,20 +843,20 @@ describe("server option", () => {
 
 			it("should handle GET request to index route (/)", async () => {
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				const response = await page.goto(`https://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				expect(response.status()).toEqual(200);
 				expect(await response.text()).toContain("Heyo");
-				expect(consoleMessages.map(message => message.text())).toEqual([]);
+				expect(consoleMessages.map((message) => message.text())).toEqual([]);
 				expect(pageErrors).toEqual([]);
 			});
 		});
@@ -881,29 +879,29 @@ describe("server option", () => {
 					{
 						static: {
 							directory: staticDirectory,
-							watch: false
+							watch: false,
 						},
 						server: {
 							type: "https",
 							options: {
 								ca: fs.readFileSync(
-									path.join(httpsCertificateDirectory, "ca.pem")
+									path.join(httpsCertificateDirectory, "ca.pem"),
 								),
 								pfx: fs.readFileSync(
-									path.join(httpsCertificateDirectory, "server.pfx")
+									path.join(httpsCertificateDirectory, "server.pfx"),
 								),
 								key: fs.readFileSync(
-									path.join(httpsCertificateDirectory, "server.key")
+									path.join(httpsCertificateDirectory, "server.key"),
 								),
 								cert: fs.readFileSync(
-									path.join(httpsCertificateDirectory, "server.crt")
+									path.join(httpsCertificateDirectory, "server.crt"),
 								),
-								passphrase: "webpack-dev-server"
-							}
+								passphrase: "webpack-dev-server",
+							},
 						},
-						port
+						port,
 					},
-					compiler
+					compiler,
 				);
 
 				await server.start();
@@ -923,25 +921,25 @@ describe("server option", () => {
 
 			it("should handle GET request to index route (/)", async () => {
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				const response = await page.goto(`https://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				expect(
-					normalizeOptions(createServerSpy.mock.calls[0][0])
+					normalizeOptions(createServerSpy.mock.calls[0][0]),
 				).toMatchSnapshot("https options");
 				expect(response.status()).toMatchSnapshot("response status");
 				expect(await response.text()).toMatchSnapshot("response text");
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
 			});
 		});
@@ -964,37 +962,37 @@ describe("server option", () => {
 					{
 						static: {
 							directory: staticDirectory,
-							watch: false
+							watch: false,
 						},
 						server: {
 							type: "https",
 							options: {
 								ca: fs.readFileSync(
-									path.join(httpsCertificateDirectory, "ca.pem")
+									path.join(httpsCertificateDirectory, "ca.pem"),
 								),
 								pfx: [
 									{
 										buf: fs.readFileSync(
-											path.join(httpsCertificateDirectory, "server.pfx")
-										)
-									}
+											path.join(httpsCertificateDirectory, "server.pfx"),
+										),
+									},
 								],
 								key: [
 									{
 										pem: fs.readFileSync(
-											path.join(httpsCertificateDirectory, "server.key")
-										)
-									}
+											path.join(httpsCertificateDirectory, "server.key"),
+										),
+									},
 								],
 								cert: fs.readFileSync(
-									path.join(httpsCertificateDirectory, "server.crt")
+									path.join(httpsCertificateDirectory, "server.crt"),
 								),
-								passphrase: "webpack-dev-server"
-							}
+								passphrase: "webpack-dev-server",
+							},
 						},
-						port
+						port,
 					},
-					compiler
+					compiler,
 				);
 
 				await server.start();
@@ -1014,25 +1012,25 @@ describe("server option", () => {
 
 			it("should handle GET request to index route (/)", async () => {
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				const response = await page.goto(`https://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				expect(
-					normalizeOptions(createServerSpy.mock.calls[0][0])
+					normalizeOptions(createServerSpy.mock.calls[0][0]),
 				).toMatchSnapshot("https options");
 				expect(response.status()).toMatchSnapshot("response status");
 				expect(await response.text()).toMatchSnapshot("response text");
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
 			});
 		});
@@ -1055,7 +1053,7 @@ describe("server option", () => {
 					{
 						static: {
 							directory: staticDirectory,
-							watch: false
+							watch: false,
 						},
 						server: {
 							type: "https",
@@ -1067,30 +1065,30 @@ describe("server option", () => {
 									{
 										// pfx can't be string because it is binary format
 										buf: fs.readFileSync(
-											path.join(httpsCertificateDirectory, "server.pfx")
-										)
-									}
+											path.join(httpsCertificateDirectory, "server.pfx"),
+										),
+									},
 								],
 								key: [
 									{
 										pem: fs
 											.readFileSync(
-												path.join(httpsCertificateDirectory, "server.key")
+												path.join(httpsCertificateDirectory, "server.key"),
 											)
-											.toString()
-									}
+											.toString(),
+									},
 								],
 								cert: fs
 									.readFileSync(
-										path.join(httpsCertificateDirectory, "server.crt")
+										path.join(httpsCertificateDirectory, "server.crt"),
 									)
 									.toString(),
-								passphrase: "webpack-dev-server"
-							}
+								passphrase: "webpack-dev-server",
+							},
 						},
-						port
+						port,
 					},
-					compiler
+					compiler,
 				);
 
 				await server.start();
@@ -1110,25 +1108,25 @@ describe("server option", () => {
 
 			it("should handle GET request to index route (/)", async () => {
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				const response = await page.goto(`https://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				expect(
-					normalizeOptions(createServerSpy.mock.calls[0][0])
+					normalizeOptions(createServerSpy.mock.calls[0][0]),
 				).toMatchSnapshot("https options");
 				expect(response.status()).toMatchSnapshot("response status");
 				expect(await response.text()).toMatchSnapshot("response text");
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
 			});
 		});
@@ -1151,30 +1149,30 @@ describe("server option", () => {
 					{
 						static: {
 							directory: staticDirectory,
-							watch: false
+							watch: false,
 						},
 						server: {
 							type: "https",
 							options: {
 								minVersion: "TLSv1.1",
 								ca: fs.readFileSync(
-									path.join(httpsCertificateDirectory, "ca.pem")
+									path.join(httpsCertificateDirectory, "ca.pem"),
 								),
 								pfx: fs.readFileSync(
-									path.join(httpsCertificateDirectory, "server.pfx")
+									path.join(httpsCertificateDirectory, "server.pfx"),
 								),
 								key: fs.readFileSync(
-									path.join(httpsCertificateDirectory, "server.key")
+									path.join(httpsCertificateDirectory, "server.key"),
 								),
 								cert: fs.readFileSync(
-									path.join(httpsCertificateDirectory, "server.crt")
+									path.join(httpsCertificateDirectory, "server.crt"),
 								),
-								passphrase: "webpack-dev-server"
-							}
+								passphrase: "webpack-dev-server",
+							},
 						},
-						port
+						port,
 					},
-					compiler
+					compiler,
 				);
 
 				await server.start();
@@ -1194,25 +1192,25 @@ describe("server option", () => {
 
 			it("should handle GET request to index route (/)", async () => {
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				const response = await page.goto(`https://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				expect(
-					normalizeOptions(createServerSpy.mock.calls[0][0])
+					normalizeOptions(createServerSpy.mock.calls[0][0]),
 				).toMatchSnapshot("https options");
 				expect(response.status()).toMatchSnapshot("response status");
 				expect(await response.text()).toMatchSnapshot("response text");
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
 			});
 		});
@@ -1233,27 +1231,27 @@ describe("server option", () => {
 					{
 						static: {
 							directory: staticDirectory,
-							watch: false
+							watch: false,
 						},
 						server: {
 							type: "https",
 							options: {
 								requestCert: true,
 								pfx: fs.readFileSync(
-									path.join(httpsCertificateDirectory, "server.pfx")
+									path.join(httpsCertificateDirectory, "server.pfx"),
 								),
 								key: fs.readFileSync(
-									path.join(httpsCertificateDirectory, "server.key")
+									path.join(httpsCertificateDirectory, "server.key"),
 								),
 								cert: fs.readFileSync(
-									path.join(httpsCertificateDirectory, "server.crt")
+									path.join(httpsCertificateDirectory, "server.crt"),
 								),
-								passphrase: "webpack-dev-server"
-							}
+								passphrase: "webpack-dev-server",
+							},
 						},
-						port
+						port,
 					},
-					compiler
+					compiler,
 				);
 
 				await server.start();
@@ -1269,7 +1267,7 @@ describe("server option", () => {
 
 			it("should pass options to the 'https.createServer' method", async () => {
 				expect(
-					normalizeOptions(createServerSpy.mock.calls[0][0])
+					normalizeOptions(createServerSpy.mock.calls[0][0]),
 				).toMatchSnapshot("https options");
 			});
 
@@ -1299,7 +1297,7 @@ describe("server option", () => {
 					{
 						static: {
 							directory: staticDirectory,
-							watch: false
+							watch: false,
 						},
 						server: {
 							type: "spdy",
@@ -1309,12 +1307,12 @@ describe("server option", () => {
 								pfx: [path.join(httpsCertificateDirectory, "server.pfx")],
 								key: [path.join(httpsCertificateDirectory, "server.key")],
 								cert: [path.join(httpsCertificateDirectory, "server.crt")],
-								passphrase: "webpack-dev-server"
-							}
+								passphrase: "webpack-dev-server",
+							},
 						},
-						port
+						port,
 					},
-					compiler
+					compiler,
 				);
 
 				await server.start();
@@ -1334,30 +1332,30 @@ describe("server option", () => {
 
 			it("should handle GET request to index route (/)", async () => {
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				const response = await page.goto(`https://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const HTTPVersion = await page.evaluate(
-					() => performance.getEntries()[0].nextHopProtocol
+					() => performance.getEntries()[0].nextHopProtocol,
 				);
 
 				expect(HTTPVersion).toEqual("h2");
 				expect(
-					normalizeOptions(createServerSpy.mock.calls[0][0])
+					normalizeOptions(createServerSpy.mock.calls[0][0]),
 				).toMatchSnapshot("https options");
 				expect(response.status()).toMatchSnapshot("response status");
 				expect(await response.text()).toMatchSnapshot("response text");
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
 			});
 		});
@@ -1380,17 +1378,17 @@ describe("server option", () => {
 					{
 						static: {
 							directory: staticDirectory,
-							watch: false
+							watch: false,
 						},
 						server: {
 							type: path.join(__dirname, "../helpers/custom-http.js"),
 							options: {
-								maxHeaderSize: 16384
-							}
+								maxHeaderSize: 16384,
+							},
 						},
-						port
+						port,
 					},
-					compiler
+					compiler,
 				);
 
 				await server.start();
@@ -1410,30 +1408,30 @@ describe("server option", () => {
 
 			it("should handle GET request to index route (/)", async () => {
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				const response = await page.goto(`http://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const HTTPVersion = await page.evaluate(
-					() => performance.getEntries()[0].nextHopProtocol
+					() => performance.getEntries()[0].nextHopProtocol,
 				);
 
 				expect(HTTPVersion).toEqual("http/1.1");
 				expect(
-					normalizeOptions(createServerSpy.mock.calls[0][0])
+					normalizeOptions(createServerSpy.mock.calls[0][0]),
 				).toMatchSnapshot("http options");
 				expect(response.status()).toMatchSnapshot("response status");
 				expect(await response.text()).toMatchSnapshot("response text");
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
 			});
 		});
diff --git a/tests/e2e/setup-exit-signals.test.js b/tests/e2e/setup-exit-signals.test.js
index fa4420e..0be3437 100644
--- a/tests/e2e/setup-exit-signals.test.js
+++ b/tests/e2e/setup-exit-signals.test.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
 const config = require("../fixtures/simple-config/webpack.config");
@@ -28,9 +26,9 @@ describe("setupExitSignals option", () => {
 			server = new Server(
 				{
 					setupExitSignals: true,
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -59,32 +57,32 @@ describe("setupExitSignals option", () => {
 		afterEach(async () => {
 			exitSpy.mockReset();
 			stdinResumeSpy.mockReset();
-			signals.forEach(signal => {
+			for (const signal of signals) {
 				process.removeAllListeners(signal);
-			});
+			}
 			process.stdin.removeAllListeners("end");
 			await browser.close();
 			await server.stop();
 		});
 
-		it.each(signals)("should close and exit on %s", async signal => {
+		it.each(signals)("should close and exit on %s", async (signal) => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			process.emit(signal);
 
-			await new Promise(resolve => {
+			await new Promise((resolve) => {
 				const interval = setInterval(() => {
 					if (doExit) {
 						expect(stopCallbackSpy.mock.calls.length).toEqual(1);
@@ -101,15 +99,15 @@ describe("setupExitSignals option", () => {
 			});
 
 			consoleMessages = consoleMessages.filter(
-				message =>
+				(message) =>
 					!(
 						message.text().includes("Trying to reconnect...") ||
 						message.text().includes("Disconnected")
-					)
+					),
 			);
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
diff --git a/tests/e2e/setup-middlewares.test.js b/tests/e2e/setup-middlewares.test.js
index 2d49c54..4710f44 100644
--- a/tests/e2e/setup-middlewares.test.js
+++ b/tests/e2e/setup-middlewares.test.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
 const config = require("../fixtures/client-config/webpack.config");
@@ -23,42 +21,52 @@ describe("setupMiddlewares option", () => {
 						throw new Error("webpack-dev-server is not defined");
 					}
 
-					devServer.app.get("/setup-middleware/some/path", (_, response) => {
-						response.send("setup-middlewares option GET");
-					});
+					devServer.app.use("/setup-middleware/some/path", (req, res, next) => {
+						if (req.method === "GET") {
+							res.setHeader("Content-Type", "text/html; charset=utf-8");
+							res.end("setup-middlewares option GET");
+							return;
+						}
+						if (req.method === "POST") {
+							res.setHeader("Content-Type", "text/html; charset=utf-8");
+							res.end("setup-middlewares option POST");
+							return;
+						}
 
-					devServer.app.post("/setup-middleware/some/path", (_, response) => {
-						response.send("setup-middlewares option POST");
+						return next();
 					});
 
 					middlewares.push({
 						name: "hello-world-test-two",
 						middleware: (req, res, next) => {
-							if (req.path !== "/foo/bar/baz") {
+							if (req.url !== "/foo/bar/baz") {
 								next();
 
 								return;
 							}
 
-							res.send("Hello World without path!");
-						}
+							res.setHeader("Content-Type", "text/html; charset=utf-8");
+							res.end("Hello World without path!");
+						},
 					});
 					middlewares.push({
 						name: "hello-world-test-one",
 						path: "/foo/bar",
 						middleware: (req, res) => {
-							res.send("Hello World with path!");
-						}
+							res.setHeader("Content-Type", "text/html; charset=utf-8");
+							res.end("Hello World with path!");
+						},
 					});
 					middlewares.push((req, res) => {
-						res.send("Hello World as function!");
+						res.setHeader("Content-Type", "text/html; charset=utf-8");
+						res.end("Hello World as function!");
 					});
 
 					return middlewares;
 				},
-				port
+				port,
 			},
-			compiler
+			compiler,
 		);
 
 		await server.start();
@@ -76,42 +84,42 @@ describe("setupMiddlewares option", () => {
 
 	it("should handle GET request to /setup-middleware/some/path route", async () => {
 		page
-			.on("console", message => {
+			.on("console", (message) => {
 				consoleMessages.push(message);
 			})
-			.on("pageerror", error => {
+			.on("pageerror", (error) => {
 				pageErrors.push(error);
 			});
 
 		const response = await page.goto(
 			`http://127.0.0.1:${port}/setup-middleware/some/path`,
 			{
-				waitUntil: "networkidle0"
-			}
+				waitUntil: "networkidle0",
+			},
 		);
 
 		expect(response.headers()["content-type"]).toMatchSnapshot(
-			"response headers content-type"
+			"response headers content-type",
 		);
 		expect(response.status()).toMatchSnapshot("response status");
 		expect(await response.text()).toMatchSnapshot("response text");
 
 		const response1 = await page.goto(`http://127.0.0.1:${port}/foo/bar`, {
-			waitUntil: "networkidle0"
+			waitUntil: "networkidle0",
 		});
 
 		expect(response1.headers()["content-type"]).toMatchSnapshot(
-			"response headers content-type"
+			"response headers content-type",
 		);
 		expect(response1.status()).toMatchSnapshot("response status");
 		expect(await response1.text()).toMatchSnapshot("response text");
 
 		const response2 = await page.goto(`http://127.0.0.1:${port}/foo/bar/baz`, {
-			waitUntil: "networkidle0"
+			waitUntil: "networkidle0",
 		});
 
 		expect(response2.headers()["content-type"]).toMatchSnapshot(
-			"response headers content-type"
+			"response headers content-type",
 		);
 		expect(response2.status()).toMatchSnapshot("response status");
 		expect(await response2.text()).toMatchSnapshot("response text");
@@ -119,18 +127,18 @@ describe("setupMiddlewares option", () => {
 		const response3 = await page.goto(
 			`http://127.0.0.1:${port}/setup-middleware/unknown`,
 			{
-				waitUntil: "networkidle0"
-			}
+				waitUntil: "networkidle0",
+			},
 		);
 
 		expect(response3.headers()["content-type"]).toMatchSnapshot(
-			"response headers content-type"
+			"response headers content-type",
 		);
 		expect(response3.status()).toMatchSnapshot("response status");
 		expect(await response3.text()).toMatchSnapshot("response text");
 
-		expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-			"console messages"
+		expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+			"console messages",
 		);
 		expect(pageErrors).toMatchSnapshot("page errors");
 	});
@@ -139,13 +147,13 @@ describe("setupMiddlewares option", () => {
 		await page.setRequestInterception(true);
 
 		page
-			.on("console", message => {
+			.on("console", (message) => {
 				consoleMessages.push(message);
 			})
-			.on("pageerror", error => {
+			.on("pageerror", (error) => {
 				pageErrors.push(error);
 			})
-			.on("request", interceptedRequest => {
+			.on("request", (interceptedRequest) => {
 				if (interceptedRequest.isInterceptResolutionHandled()) return;
 
 				interceptedRequest.continue({ method: "POST" });
@@ -154,17 +162,17 @@ describe("setupMiddlewares option", () => {
 		const response = await page.goto(
 			`http://127.0.0.1:${port}/setup-middleware/some/path`,
 			{
-				waitUntil: "networkidle0"
-			}
+				waitUntil: "networkidle0",
+			},
 		);
 
 		expect(response.headers()["content-type"]).toMatchSnapshot(
-			"response headers content-type"
+			"response headers content-type",
 		);
 		expect(response.status()).toMatchSnapshot("response status");
 		expect(await response.text()).toMatchSnapshot("response text");
-		expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-			"console messages"
+		expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+			"console messages",
 		);
 		expect(pageErrors).toMatchSnapshot("page errors");
 	});
diff --git a/tests/e2e/static-directory.test.js b/tests/e2e/static-directory.test.js
index 551c7c7..98b4862 100644
--- a/tests/e2e/static-directory.test.js
+++ b/tests/e2e/static-directory.test.js
@@ -1,6 +1,4 @@
-"use strict";
-
-const path = require("path");
+const path = require("node:path");
 const fs = require("graceful-fs");
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
@@ -31,11 +29,11 @@ describe("static.directory option", () => {
 				{
 					static: {
 						directory: publicDirectory,
-						watch: true
+						watch: true,
 					},
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -54,23 +52,23 @@ describe("static.directory option", () => {
 
 		it("should handle request to index route", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -78,29 +76,29 @@ describe("static.directory option", () => {
 
 		it("should handle request to other file", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/other.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
 		});
 
-		it("Watches folder recursively", done => {
+		it("Watches folder recursively", (done) => {
 			// chokidar emitted a change,
 			// meaning it watched the file correctly
 			server.staticWatchers[0].on("change", () => {
@@ -113,7 +111,7 @@ describe("static.directory option", () => {
 			}, 1000);
 		});
 
-		it("Watches node_modules", done => {
+		it("Watches node_modules", (done) => {
 			const filePath = path.join(publicDirectory, "node_modules", "index.html");
 
 			fs.writeFileSync(filePath, "foo", "utf8");
@@ -149,11 +147,11 @@ describe("static.directory option", () => {
 					static: {
 						directory: publicDirectory,
 						watch: true,
-						serveIndex: false
+						serveIndex: false,
 					},
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -171,23 +169,23 @@ describe("static.directory option", () => {
 
 		it("should not list the files inside the assets folder (404)", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/assets`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -195,23 +193,23 @@ describe("static.directory option", () => {
 
 		it("should show Heyo. because bar has index.html inside it (200)", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/bar`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -234,11 +232,11 @@ describe("static.directory option", () => {
 					static: {
 						directory: publicDirectory,
 						watch: true,
-						serveIndex: true
+						serveIndex: true,
 					},
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -256,15 +254,15 @@ describe("static.directory option", () => {
 
 		it("should list the files inside the assets folder (200)", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/assets/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const text = await response.text();
@@ -274,8 +272,8 @@ describe("static.directory option", () => {
 			expect(text).toContain("example.txt");
 			expect(text).toContain("other.txt");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -283,23 +281,23 @@ describe("static.directory option", () => {
 
 		it("should show Heyo. because bar has index.html inside it (200)", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/bar/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -321,11 +319,11 @@ describe("static.directory option", () => {
 				{
 					static: {
 						directory: publicDirectory,
-						watch: true
+						watch: true,
 					},
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -343,15 +341,15 @@ describe("static.directory option", () => {
 
 		it("should list the files inside the assets folder (200)", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/assets`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			const text = await response.text();
@@ -361,8 +359,8 @@ describe("static.directory option", () => {
 			expect(text).toContain("example.txt");
 			expect(text).toContain("other.txt");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -370,23 +368,23 @@ describe("static.directory option", () => {
 
 		it("should show Heyo. because bar has index.html inside it (200)", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/bar`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -407,9 +405,9 @@ describe("static.directory option", () => {
 			server = new Server(
 				{
 					static: [publicDirectory, otherPublicDirectory],
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -427,23 +425,23 @@ describe("static.directory option", () => {
 
 		it("should handle request first directory", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -451,23 +449,23 @@ describe("static.directory option", () => {
 
 		it("should handle request to second directory", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/foo.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -477,31 +475,31 @@ describe("static.directory option", () => {
 	describe("testing single & multiple external paths", () => {
 		let server;
 
-		afterEach(done => {
+		afterEach((done) => {
 			testServer.close(() => {
 				done();
 			});
 		});
 
-		it("Should throw exception (external url)", done => {
+		it("Should throw exception (external url)", (done) => {
 			expect.assertions(1);
 
 			server = testServer.start(
 				config,
 				{
-					static: "https://example.com/"
+					static: "https://example.com/",
 				},
-				error => {
+				(error) => {
 					expect(error.message).toBe(
-						"Using a URL as static.directory is not supported"
+						"Using a URL as static.directory is not supported",
 					);
 
 					server.stopCallback(done);
-				}
+				},
 			);
 		});
 
-		it("Should not throw exception (local path with lower case first character)", done => {
+		it("Should not throw exception (local path with lower case first character)", (done) => {
 			testServer.start(
 				config,
 				{
@@ -509,55 +507,55 @@ describe("static.directory option", () => {
 						directory:
 							publicDirectory.charAt(0).toLowerCase() +
 							publicDirectory.substring(1),
-						watch: true
+						watch: true,
 					},
-					port
+					port,
 				},
-				done
+				done,
 			);
 		});
 
-		it("Should not throw exception (local path with lower case first character & has '-')", done => {
+		it("Should not throw exception (local path with lower case first character & has '-')", (done) => {
 			testServer.start(
 				config,
 				{
 					static: {
 						directory: "c:\\absolute\\path\\to\\content-base",
-						watch: true
+						watch: true,
 					},
-					port
+					port,
 				},
-				done
+				done,
 			);
 		});
 
-		it("Should not throw exception (local path with upper case first character & has '-')", done => {
+		it("Should not throw exception (local path with upper case first character & has '-')", (done) => {
 			testServer.start(
 				config,
 				{
 					static: {
 						directory: "C:\\absolute\\path\\to\\content-base",
-						watch: true
+						watch: true,
 					},
-					port
+					port,
 				},
-				done
+				done,
 			);
 		});
 
-		it("Should throw exception (array with absolute url)", done => {
+		it("Should throw exception (array with absolute url)", (done) => {
 			server = testServer.start(
 				config,
 				{
-					static: [publicDirectory, "https://example.com/"]
+					static: [publicDirectory, "https://example.com/"],
 				},
-				error => {
+				(error) => {
 					expect(error.message).toBe(
-						"Using a URL as static.directory is not supported"
+						"Using a URL as static.directory is not supported",
 					);
 
 					server.stopCallback(done);
-				}
+				},
 			);
 		});
 	});
@@ -580,9 +578,9 @@ describe("static.directory option", () => {
 				{
 					// eslint-disable-next-line no-undefined
 					static: undefined,
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -600,23 +598,23 @@ describe("static.directory option", () => {
 
 		it("should handle request to /index.html", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/index.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -641,9 +639,9 @@ describe("static.directory option", () => {
 			server = new Server(
 				{
 					static: false,
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -661,23 +659,23 @@ describe("static.directory option", () => {
 
 		it("should not handle request to /other.html (404)", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/index.html`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
diff --git a/tests/e2e/static-public-path.test.js b/tests/e2e/static-public-path.test.js
index 38e27f5..94e820c 100644
--- a/tests/e2e/static-public-path.test.js
+++ b/tests/e2e/static-public-path.test.js
@@ -1,6 +1,4 @@
-"use strict";
-
-const path = require("path");
+const path = require("node:path");
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
 const config = require("../fixtures/static-config/webpack.config");
@@ -30,11 +28,11 @@ describe("static.publicPath option", () => {
 					static: {
 						directory: publicDirectory,
 						publicPath: staticPublicPath,
-						watch: true
+						watch: true,
 					},
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -52,26 +50,26 @@ describe("static.publicPath option", () => {
 
 		it("should handle request to index", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -79,26 +77,26 @@ describe("static.publicPath option", () => {
 
 		it("should handle request to other file", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/other.html`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -122,11 +120,11 @@ describe("static.publicPath option", () => {
 						directory: publicDirectory,
 						publicPath: staticPublicPath,
 						watch: true,
-						serveIndex: false
+						serveIndex: false,
 					},
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -144,26 +142,26 @@ describe("static.publicPath option", () => {
 
 		it("shouldn't list the files inside the assets folder (404)", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/assets`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -171,26 +169,26 @@ describe("static.publicPath option", () => {
 
 		it("should show Heyo. because bar has index.html inside it (200)", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/bar`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -214,11 +212,11 @@ describe("static.publicPath option", () => {
 						directory: publicDirectory,
 						publicPath: staticPublicPath,
 						watch: true,
-						serveIndex: true
+						serveIndex: true,
 					},
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -236,26 +234,26 @@ describe("static.publicPath option", () => {
 
 		it("should list the files inside the assets folder (200)", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/assets`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toContain("other.txt");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -263,26 +261,26 @@ describe("static.publicPath option", () => {
 
 		it("should show Heyo. because bar has index.html inside it (200)", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/bar`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -306,11 +304,11 @@ describe("static.publicPath option", () => {
 						directory: publicDirectory,
 						publicPath: staticPublicPath,
 						watch: true,
-						serveIndex: true
+						serveIndex: true,
 					},
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -328,26 +326,26 @@ describe("static.publicPath option", () => {
 
 		it("should list the files inside the assets folder (200)", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/assets`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toContain("other.txt");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -355,26 +353,26 @@ describe("static.publicPath option", () => {
 
 		it("should show Heyo. because bar has index.html inside it (200)", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/bar`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -397,16 +395,16 @@ describe("static.publicPath option", () => {
 					static: [
 						{
 							directory: publicDirectory,
-							publicPath: staticPublicPath
+							publicPath: staticPublicPath,
 						},
 						{
 							directory: otherPublicDirectory,
-							publicPath: staticPublicPath
-						}
+							publicPath: staticPublicPath,
+						},
 					],
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -424,26 +422,26 @@ describe("static.publicPath option", () => {
 
 		it("should handle request to first directory", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -451,26 +449,26 @@ describe("static.publicPath option", () => {
 
 		it("should handle request to second directory", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/foo.html`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -496,11 +494,11 @@ describe("static.publicPath option", () => {
 			server = new Server(
 				{
 					static: {
-						publicPath: staticPublicPath
+						publicPath: staticPublicPath,
 					},
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -520,26 +518,26 @@ describe("static.publicPath option", () => {
 
 		it("should handle request to page", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/index.html`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -561,11 +559,11 @@ describe("static.publicPath option", () => {
 				{
 					static: {
 						directory: publicDirectory,
-						publicPath: staticPublicPath
+						publicPath: staticPublicPath,
 					},
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -583,28 +581,28 @@ describe("static.publicPath option", () => {
 
 		it("should handle request to example.txt", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/assets/example.txt`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(response.headers()["content-type"]).toMatchSnapshot(
-				"response header content-type"
+				"response header content-type",
 			);
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -626,11 +624,11 @@ describe("static.publicPath option", () => {
 				{
 					static: {
 						directory: publicDirectory,
-						publicPath: staticPublicPath
+						publicPath: staticPublicPath,
 					},
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -648,24 +646,24 @@ describe("static.publicPath option", () => {
 
 		it("should handle GET request", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -673,13 +671,13 @@ describe("static.publicPath option", () => {
 
 		it("should handle HEAD request", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				})
-				.on("request", interceptedRequest => {
+				.on("request", (interceptedRequest) => {
 					if (interceptedRequest.isInterceptResolutionHandled()) return;
 
 					interceptedRequest.continue({ method: "HEAD" });
@@ -688,14 +686,14 @@ describe("static.publicPath option", () => {
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -705,27 +703,27 @@ describe("static.publicPath option", () => {
 			await page.setRequestInterception(true);
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				})
-				.on("request", interceptedRequest => {
+				.on("request", (interceptedRequest) => {
 					interceptedRequest.continue({ method: "POST" });
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -735,27 +733,27 @@ describe("static.publicPath option", () => {
 			await page.setRequestInterception(true);
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				})
-				.on("request", interceptedRequest => {
+				.on("request", (interceptedRequest) => {
 					interceptedRequest.continue({ method: "PUT" });
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -765,27 +763,27 @@ describe("static.publicPath option", () => {
 			await page.setRequestInterception(true);
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				})
-				.on("request", interceptedRequest => {
+				.on("request", (interceptedRequest) => {
 					interceptedRequest.continue({ method: "DELETE" });
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -795,27 +793,27 @@ describe("static.publicPath option", () => {
 			await page.setRequestInterception(true);
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				})
-				.on("request", interceptedRequest => {
+				.on("request", (interceptedRequest) => {
 					interceptedRequest.continue({ method: "PATCH" });
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -839,17 +837,17 @@ describe("static.publicPath option", () => {
 						{
 							directory: publicDirectory,
 							publicPath: staticPublicPath,
-							watch: true
+							watch: true,
 						},
 						{
 							directory: otherPublicDirectory,
 							publicPath: otherStaticPublicPath,
-							watch: true
-						}
+							watch: true,
+						},
 					],
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -867,26 +865,26 @@ describe("static.publicPath option", () => {
 
 		it("should handle request to the index of first path", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -894,26 +892,26 @@ describe("static.publicPath option", () => {
 
 		it("should handle request to the other file of first path", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/other.html`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -921,26 +919,26 @@ describe("static.publicPath option", () => {
 
 		it("should handle request to the /foo route of second path", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${otherStaticPublicPath}/foo.html`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -964,17 +962,17 @@ describe("static.publicPath option", () => {
 						{
 							directory: publicDirectory,
 							publicPath: staticPublicPath,
-							watch: true
+							watch: true,
 						},
 						{
 							directory: otherPublicDirectory,
 							publicPath: [staticPublicPath, otherStaticPublicPath],
-							watch: true
-						}
+							watch: true,
+						},
 					],
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -992,26 +990,26 @@ describe("static.publicPath option", () => {
 
 		it("should handle request to the index of first path", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -1019,26 +1017,26 @@ describe("static.publicPath option", () => {
 
 		it("should handle request to the other file of first path", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/other.html`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -1046,26 +1044,26 @@ describe("static.publicPath option", () => {
 
 		it("should handle request to the /foo route of first path", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${staticPublicPath}/foo.html`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -1073,26 +1071,26 @@ describe("static.publicPath option", () => {
 
 		it("should handle request to the /foo route of second path", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(
 				`http://127.0.0.1:${port}${otherStaticPublicPath}/foo.html`,
 				{
-					waitUntil: "networkidle0"
-				}
+					waitUntil: "networkidle0",
+				},
 			);
 
 			expect(response.status()).toMatchSnapshot("response status");
 
 			expect(await response.text()).toMatchSnapshot("response text");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
diff --git a/tests/e2e/stats.test.js b/tests/e2e/stats.test.js
index 2ce8260..0ce4e10 100644
--- a/tests/e2e/stats.test.js
+++ b/tests/e2e/stats.test.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
 const config = require("../fixtures/client-config/webpack.config");
@@ -13,42 +11,42 @@ describe("stats", () => {
 	const cases = [
 		{
 			title: 'should work when "stats" is not specified',
-			webpackOptions: {}
+			webpackOptions: {},
 		},
 		{
 			title: 'should work using "{}" value for the "stats" option',
 			webpackOptions: {
-				stats: {}
-			}
+				stats: {},
+			},
 		},
 		{
 			title: 'should work using "undefined" value for the "stats" option',
 			webpackOptions: {
 				// eslint-disable-next-line no-undefined
-				stats: undefined
-			}
+				stats: undefined,
+			},
 		},
 		{
 			title: 'should work using "false" value for the "stats" option',
 			webpackOptions: {
-				stats: false
-			}
+				stats: false,
+			},
 		},
 		{
 			title: 'should work using "errors-only" value for the "stats" option',
 			webpackOptions: {
-				stats: "errors-only"
-			}
+				stats: "errors-only",
+			},
 		},
 		{
 			title:
 				'should work using "{ assets: false }" value for the "stats" option',
 			webpackOptions: {
 				stats: {
-					assets: false
-				}
-			}
-		}
+					assets: false,
+				},
+			},
+		},
 		// TODO: support object `config.stats.colors`
 		// {
 		//   title:
@@ -95,26 +93,26 @@ describe("stats", () => {
 						apply(compiler) {
 							compiler.hooks.thisCompilation.tap(
 								"warnings-webpack-plugin",
-								compilation => {
+								(compilation) => {
 									compilation.warnings.push(
-										new Error("Warning from compilation")
+										new Error("Warning from compilation"),
 									);
-								}
+								},
 							);
-						}
+						},
 					},
-					new HTMLGeneratorPlugin()
+					new HTMLGeneratorPlugin(),
 				],
-				ignoreWarnings: [/Warning from compilation/]
-			}
+				ignoreWarnings: [/Warning from compilation/],
+			},
 		});
 	}
 
-	cases.forEach(testCase => {
+	for (const testCase of cases) {
 		it(testCase.title, async () => {
 			const compiler = webpack({ ...config, ...testCase.webpackOptions });
 			const devServerOptions = {
-				port
+				port,
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -125,23 +123,21 @@ describe("stats", () => {
 			try {
 				const consoleMessages = [];
 
-				page.on("console", message => {
+				page.on("console", (message) => {
 					consoleMessages.push(message);
 				});
 
 				await page.goto(`http://localhost:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				expect(
-					consoleMessages.map(message => message.text())
+					consoleMessages.map((message) => message.text()),
 				).toMatchSnapshot();
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
 			}
 		});
-	});
+	}
 });
diff --git a/tests/e2e/target.test.js b/tests/e2e/target.test.js
index 0bc4738..ae1cf7e 100644
--- a/tests/e2e/target.test.js
+++ b/tests/e2e/target.test.js
@@ -1,10 +1,14 @@
-"use strict";
-
+const path = require("node:path");
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
 const config = require("../fixtures/client-config/webpack.config");
 const runBrowser = require("../helpers/run-browser");
 const port = require("../helpers/ports-map").target;
+const workerConfig = require("../fixtures/worker-config/webpack.config");
+const workerConfigDevServerFalse = require("../fixtures/worker-config-dev-server-false/webpack.config");
+
+const sortByTerm = (data, term) =>
+	data.sort((a, b) => (a.indexOf(term) < b.indexOf(term) ? -1 : 1));
 
 describe("target", () => {
 	const targets = [
@@ -20,7 +24,7 @@ describe("target", () => {
 		"nwjs",
 		"node-webkit",
 		"es5",
-		["web", "es5"]
+		["web", "es5"],
 	];
 
 	for (const target of targets) {
@@ -30,14 +34,11 @@ describe("target", () => {
 				target,
 				...(target === false || target === "es5"
 					? {
-							output: { chunkFormat: "array-push", path: "/" }
+							output: { chunkFormat: "array-push", path: "/" },
 						}
-					: {})
+					: {}),
 			});
-			const devServerOptions = {
-				port
-			};
-			const server = new Server(devServerOptions, compiler);
+			const server = new Server({ port }, compiler);
 
 			await server.start();
 
@@ -48,20 +49,20 @@ describe("target", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				await page.goto(`http://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 
 				// TODO: check why require is defined in theses target
 				// if (
@@ -83,12 +84,97 @@ describe("target", () => {
 				// } else {
 				//   expect(pageErrors).toMatchSnapshot("page errors");
 				// }
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
 			}
 		});
 	}
+
+	it("should work using multi compiler mode with `web` and `webworker` targets", async () => {
+		const compiler = webpack(workerConfig);
+		const server = new Server({ port }, compiler);
+
+		await server.start();
+
+		const { page, browser } = await runBrowser();
+
+		try {
+			const pageErrors = [];
+			const consoleMessages = [];
+
+			page
+				.on("console", (message) => {
+					consoleMessages.push(message);
+				})
+				.on("pageerror", (error) => {
+					pageErrors.push(error);
+				});
+
+			await page.goto(`http://127.0.0.1:${port}/`, {
+				waitUntil: "networkidle0",
+			});
+
+			expect(
+				sortByTerm(
+					consoleMessages.map((message) => message.text()),
+					"Worker said:",
+				),
+			).toMatchSnapshot("console messages");
+
+			expect(pageErrors).toMatchSnapshot("page errors");
+		} finally {
+			await browser.close();
+			await server.stop();
+		}
+	});
+
+	it("should work using multi compiler mode with `web` and `webworker` targets with `devServer: false`", async () => {
+		const compiler = webpack(workerConfigDevServerFalse);
+		const server = new Server(
+			{
+				port,
+				static: {
+					directory: path.resolve(
+						__dirname,
+						"../fixtures/worker-config-dev-server-false/public/",
+					),
+				},
+			},
+			compiler,
+		);
+
+		await server.start();
+
+		const { page, browser } = await runBrowser();
+
+		try {
+			const pageErrors = [];
+			const consoleMessages = [];
+
+			page
+				.on("console", (message) => {
+					consoleMessages.push(message);
+				})
+				.on("pageerror", (error) => {
+					pageErrors.push(error);
+				});
+
+			await page.goto(`http://127.0.0.1:${port}/`, {
+				waitUntil: "networkidle0",
+			});
+
+			expect(
+				sortByTerm(
+					consoleMessages.map((message) => message.text()),
+					"Worker said:",
+				),
+			).toMatchSnapshot("console messages");
+
+			expect(pageErrors).toMatchSnapshot("page errors");
+		} finally {
+			await browser.close();
+			await server.stop();
+		}
+	});
 });
diff --git a/tests/e2e/watch-files.test.js b/tests/e2e/watch-files.test.js
index 0e77d84..9ff53fe 100644
--- a/tests/e2e/watch-files.test.js
+++ b/tests/e2e/watch-files.test.js
@@ -1,6 +1,4 @@
-"use strict";
-
-const path = require("path");
+const path = require("node:path");
 const chokidar = require("chokidar");
 const fs = require("graceful-fs");
 const webpack = require("@rspack/core");
@@ -11,7 +9,7 @@ const port = require("../helpers/ports-map")["watch-files-option"];
 
 const watchDir = path.resolve(
 	__dirname,
-	"../fixtures/watch-files-config/public"
+	"../fixtures/watch-files-config/public",
 );
 
 describe("watchFiles option", () => {
@@ -30,9 +28,9 @@ describe("watchFiles option", () => {
 			server = new Server(
 				{
 					watchFiles: file,
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -51,21 +49,21 @@ describe("watchFiles option", () => {
 
 		it("should reload when file content is changed", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -73,8 +71,8 @@ describe("watchFiles option", () => {
 			// change file content
 			fs.writeFileSync(file, "Kurosaki Ichigo", "utf8");
 
-			await new Promise(resolve => {
-				server.staticWatchers[0].on("change", async changedPath => {
+			await new Promise((resolve) => {
+				server.staticWatchers[0].on("change", async (changedPath) => {
 					// page reload
 					await page.waitForNavigation({ waitUntil: "networkidle0" });
 
@@ -101,9 +99,9 @@ describe("watchFiles option", () => {
 			server = new Server(
 				{
 					watchFiles: watchDir,
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -122,21 +120,21 @@ describe("watchFiles option", () => {
 
 		it("should reload when file content is changed", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -144,8 +142,8 @@ describe("watchFiles option", () => {
 			// change file content
 			fs.writeFileSync(file, "Kurosaki Ichigo", "utf8");
 
-			await new Promise(resolve => {
-				server.staticWatchers[0].on("change", async changedPath => {
+			await new Promise((resolve) => {
+				server.staticWatchers[0].on("change", async (changedPath) => {
 					// page reload
 					await page.waitForNavigation({ waitUntil: "networkidle0" });
 
@@ -172,9 +170,9 @@ describe("watchFiles option", () => {
 			server = new Server(
 				{
 					watchFiles: `${watchDir}/**/*`,
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -193,21 +191,21 @@ describe("watchFiles option", () => {
 
 		it("should reload when file content is changed", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -215,8 +213,8 @@ describe("watchFiles option", () => {
 			// change file content
 			fs.writeFileSync(file, "Kurosaki Ichigo", "utf8");
 
-			await new Promise(resolve => {
-				server.staticWatchers[0].on("change", async changedPath => {
+			await new Promise((resolve) => {
+				server.staticWatchers[0].on("change", async (changedPath) => {
 					// page reload
 					await page.waitForNavigation({ waitUntil: "networkidle0" });
 
@@ -249,9 +247,9 @@ describe("watchFiles option", () => {
 			server = new Server(
 				{
 					watchFiles: nonExistFile,
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -269,27 +267,27 @@ describe("watchFiles option", () => {
 
 		it("should reload when file content is changed", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
 
-			await new Promise(resolve => {
-				server.staticWatchers[0].on("change", async changedPath => {
+			await new Promise((resolve) => {
+				server.staticWatchers[0].on("change", async (changedPath) => {
 					// page reload
 					await page.waitForNavigation({ waitUntil: "networkidle0" });
 
@@ -324,9 +322,9 @@ describe("watchFiles option", () => {
 			server = new Server(
 				{
 					watchFiles: { paths: file },
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -345,21 +343,21 @@ describe("watchFiles option", () => {
 
 		it("should reload when file content is changed", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -367,8 +365,8 @@ describe("watchFiles option", () => {
 			// change file content
 			fs.writeFileSync(file, "Kurosaki Ichigo", "utf8");
 
-			await new Promise(resolve => {
-				server.staticWatchers[0].on("change", async changedPath => {
+			await new Promise((resolve) => {
+				server.staticWatchers[0].on("change", async (changedPath) => {
 					// page reload
 					await page.waitForNavigation({ waitUntil: "networkidle0" });
 
@@ -396,9 +394,9 @@ describe("watchFiles option", () => {
 			server = new Server(
 				{
 					watchFiles: { paths: [file, other] },
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -418,21 +416,21 @@ describe("watchFiles option", () => {
 
 		it("should reload when file content is changed", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -441,11 +439,11 @@ describe("watchFiles option", () => {
 			fs.writeFileSync(file, "foo", "utf8");
 			fs.writeFileSync(other, "bar", "utf8");
 
-			await new Promise(resolve => {
+			await new Promise((resolve) => {
 				const expected = [file, other];
 				let changed = 0;
 
-				server.staticWatchers[0].on("change", async changedPath => {
+				server.staticWatchers[0].on("change", async (changedPath) => {
 					// page reload
 					await page.waitForNavigation({ waitUntil: "networkidle0" });
 
@@ -477,9 +475,9 @@ describe("watchFiles option", () => {
 			server = new Server(
 				{
 					watchFiles: [{ paths: [file] }, other],
-					port
+					port,
 				},
-				compiler
+				compiler,
 			);
 
 			await server.start();
@@ -499,21 +497,21 @@ describe("watchFiles option", () => {
 
 		it("should reload when file content is changed", async () => {
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const response = await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(response.status()).toMatchSnapshot("response status");
 
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 
 			expect(pageErrors).toMatchSnapshot("page errors");
@@ -522,10 +520,10 @@ describe("watchFiles option", () => {
 			fs.writeFileSync(file, "foo", "utf8");
 			fs.writeFileSync(other, "bar", "utf8");
 
-			await new Promise(resolve => {
+			await new Promise((resolve) => {
 				let changed = 0;
 
-				server.staticWatchers[0].on("change", async changedPath => {
+				server.staticWatchers[0].on("change", async (changedPath) => {
 					// page reload
 					await page.waitForNavigation({ waitUntil: "networkidle0" });
 
@@ -537,7 +535,7 @@ describe("watchFiles option", () => {
 						resolve();
 					}
 				});
-				server.staticWatchers[1].on("change", async changedPath => {
+				server.staticWatchers[1].on("change", async (changedPath) => {
 					// page reload
 					await page.waitForNavigation({ waitUntil: "networkidle0" });
 
@@ -560,46 +558,46 @@ describe("watchFiles option", () => {
 
 		const optionCases = [
 			{
-				poll: true
+				poll: true,
 			},
 			{
-				poll: 200
+				poll: 200,
 			},
 			{
-				usePolling: true
+				usePolling: true,
 			},
 			{
 				usePolling: true,
-				poll: 200
+				poll: 200,
 			},
 			{
-				usePolling: false
+				usePolling: false,
 			},
 			{
 				usePolling: false,
-				poll: 200
+				poll: 200,
 			},
 			{
 				usePolling: false,
-				poll: true
+				poll: true,
 			},
 			{
 				interval: 400,
-				poll: 200
+				poll: 200,
 			},
 			{
 				usePolling: true,
 				interval: 200,
-				poll: 400
+				poll: 400,
 			},
 			{
 				usePolling: false,
 				interval: 200,
-				poll: 400
-			}
+				poll: 400,
+			},
 		];
 
-		optionCases.forEach(optionCase => {
+		for (const optionCase of optionCases) {
 			describe(JSON.stringify(optionCase), () => {
 				let compiler;
 				let server;
@@ -617,11 +615,11 @@ describe("watchFiles option", () => {
 						{
 							watchFiles: {
 								paths: file,
-								options: optionCase
+								options: optionCase,
 							},
-							port
+							port,
 						},
-						compiler
+						compiler,
 					);
 
 					await server.start();
@@ -640,15 +638,15 @@ describe("watchFiles option", () => {
 
 				it("should reload when file content is changed", async () => {
 					page
-						.on("console", message => {
+						.on("console", (message) => {
 							consoleMessages.push(message);
 						})
-						.on("pageerror", error => {
+						.on("pageerror", (error) => {
 							pageErrors.push(error);
 						});
 
 					const response = await page.goto(`http://127.0.0.1:${port}/`, {
-						waitUntil: "networkidle0"
+						waitUntil: "networkidle0",
 					});
 
 					// should pass correct options to chokidar config
@@ -657,7 +655,7 @@ describe("watchFiles option", () => {
 					expect(response.status()).toMatchSnapshot("response status");
 
 					expect(
-						consoleMessages.map(message => message.text())
+						consoleMessages.map((message) => message.text()),
 					).toMatchSnapshot("console messages");
 
 					expect(pageErrors).toMatchSnapshot("page errors");
@@ -665,8 +663,8 @@ describe("watchFiles option", () => {
 					// change file content
 					fs.writeFileSync(file, "Kurosaki Ichigo", "utf8");
 
-					await new Promise(resolve => {
-						server.staticWatchers[0].on("change", async changedPath => {
+					await new Promise((resolve) => {
+						server.staticWatchers[0].on("change", async (changedPath) => {
 							// page reload
 							await page.waitForNavigation({ waitUntil: "networkidle0" });
 
@@ -677,6 +675,6 @@ describe("watchFiles option", () => {
 					});
 				});
 			});
-		});
+		}
 	});
 });
diff --git a/tests/e2e/web-socket-communication.test.js b/tests/e2e/web-socket-communication.test.js
index e78eafa..1cbfe3f 100644
--- a/tests/e2e/web-socket-communication.test.js
+++ b/tests/e2e/web-socket-communication.test.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const WebSocket = require("ws");
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
@@ -13,14 +11,14 @@ jest.setTimeout(60000);
 describe("web socket communication", () => {
 	const webSocketServers = ["ws", "sockjs"];
 
-	webSocketServers.forEach(websocketServer => {
+	for (const websocketServer of webSocketServers) {
 		it(`should work and close web socket client connection when web socket server closed ("${websocketServer}")`, async () => {
 			WebsocketServer.heartbeatInterval = 100;
 
 			const compiler = webpack(config);
 			const devServerOptions = {
 				port,
-				webSocketServer: websocketServer
+				webSocketServer: websocketServer,
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -33,19 +31,19 @@ describe("web socket communication", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message.text());
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				await page.goto(`http://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				await server.stop();
-				await new Promise(resolve => {
+				await new Promise((resolve) => {
 					const interval = setInterval(() => {
 						if (
 							consoleMessages.includes("[webpack-dev-server] Disconnected!")
@@ -59,8 +57,6 @@ describe("web socket communication", () => {
 
 				expect(consoleMessages).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 			}
@@ -72,7 +68,7 @@ describe("web socket communication", () => {
 			const compiler = webpack(config);
 			const devServerOptions = {
 				port,
-				webSocketServer: websocketServer
+				webSocketServer: websocketServer,
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -85,32 +81,30 @@ describe("web socket communication", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				await page.goto(`http://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 				await browser.close();
 
 				// Wait heartbeat
-				await new Promise(resolve => {
+				await new Promise((resolve) => {
 					setTimeout(() => {
 						resolve();
 					}, 200);
 				});
 
 				expect(server.webSocketServer.clients.length).toBe(0);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await server.stop();
 			}
@@ -122,7 +116,7 @@ describe("web socket communication", () => {
 			const compiler = webpack(config);
 			const devServerOptions = {
 				port,
-				webSocketServer: websocketServer
+				webSocketServer: websocketServer,
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -135,36 +129,34 @@ describe("web socket communication", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				await page.goto(`http://127.0.0.1:${port}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				await server.stop();
 				await server.start();
 
 				await page.waitForNavigation({
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
 			}
 		});
-	});
+	}
 
 	it(`should work and do heartbeat using ("ws" web socket server)`, async () => {
 		WebsocketServer.heartbeatInterval = 100;
@@ -172,7 +164,7 @@ describe("web socket communication", () => {
 		const compiler = webpack(config);
 		const devServerOptions = {
 			port,
-			webSocketServer: "ws"
+			webSocketServer: "ws",
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -184,8 +176,8 @@ describe("web socket communication", () => {
 			const ws = new WebSocket(`ws://127.0.0.1:${devServerOptions.port}/ws`, {
 				headers: {
 					host: `127.0.0.1:${devServerOptions.port}`,
-					origin: `http://127.0.0.1:${devServerOptions.port}`
-				}
+					origin: `http://127.0.0.1:${devServerOptions.port}`,
+				},
 			});
 
 			let opened = false;
@@ -195,7 +187,7 @@ describe("web socket communication", () => {
 				opened = true;
 			});
 
-			ws.on("error", error => {
+			ws.on("error", (error) => {
 				reject(error);
 			});
 
@@ -205,7 +197,7 @@ describe("web socket communication", () => {
 				}
 			});
 
-			ws.on("message", data => {
+			ws.on("message", (data) => {
 				const message = JSON.parse(data);
 
 				if (message.type === "ok") {
diff --git a/tests/e2e/web-socket-server-url.test.js b/tests/e2e/web-socket-server-url.test.js
index c537b38..f85cd53 100644
--- a/tests/e2e/web-socket-server-url.test.js
+++ b/tests/e2e/web-socket-server-url.test.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const express = require("express");
 const webpack = require("@rspack/core");
 const { createProxyMiddleware } = require("http-proxy-middleware");
@@ -26,7 +24,7 @@ describe("web socket server URL", () => {
 				webSocketServer,
 				port: devServerPort,
 				host: devServerHost,
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -40,14 +38,14 @@ describe("web socket server URL", () => {
 						target: `http://${devServerHost}:${devServerPort}`,
 						ws: true,
 						changeOrigin: true,
-						logLevel: "warn"
-					})
+						logLevel: "warn",
+					}),
 				);
 
 				return app.listen(proxyPort, proxyHost, callback);
 			}
 
-			const proxy = await new Promise(resolve => {
+			const proxy = await new Promise((resolve) => {
 				const proxyCreated = startProxy(() => {
 					resolve(proxyCreated);
 				});
@@ -60,10 +58,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -72,19 +70,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -92,19 +90,17 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://${proxyHost}:${proxyPort}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://${devServerHost}:${devServerPort}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://${devServerHost}:${devServerPort}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				proxy.close();
 				await browser.close();
@@ -123,7 +119,7 @@ describe("web socket server URL", () => {
 				webSocketServer,
 				port: devServerPort,
 				host: devServerHost,
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -137,14 +133,14 @@ describe("web socket server URL", () => {
 						target: `http://${devServerHost}:${devServerPort}`,
 						ws: true,
 						changeOrigin: true,
-						logLevel: "warn"
-					})
+						logLevel: "warn",
+					}),
 				);
 
 				return app.listen(proxyPort, proxyHost, callback);
 			}
 
-			const proxy = await new Promise(resolve => {
+			const proxy = await new Promise((resolve) => {
 				const proxyCreated = startProxy(() => {
 					resolve(proxyCreated);
 				});
@@ -157,10 +153,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -169,19 +165,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -189,20 +185,18 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://${proxyHost}:${proxyPort}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://${devServerHost}:${devServerPort}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://${devServerHost}:${devServerPort}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				proxy.close();
 				await browser.close();
@@ -220,13 +214,13 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				client: {
 					webSocketURL: {
-						hostname: devServerHost
-					}
+						hostname: devServerHost,
+					},
 				},
 				webSocketServer,
 				port: devServerPort,
 				host: devServerHost,
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -240,14 +234,14 @@ describe("web socket server URL", () => {
 						target: `http://${devServerHost}:${devServerPort}`,
 						ws: true,
 						changeOrigin: true,
-						logLevel: "warn"
-					})
+						logLevel: "warn",
+					}),
 				);
 
 				return app.listen(proxyPort, proxyHost, callback);
 			}
 
-			const proxy = await new Promise(resolve => {
+			const proxy = await new Promise((resolve) => {
 				const proxyCreated = startProxy(() => {
 					resolve(proxyCreated);
 				});
@@ -260,10 +254,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -272,39 +266,37 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
 					});
 				}
 				await page.goto(`http://${proxyHost}:${proxyPort}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://${devServerHost}:${devServerPort}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://${devServerHost}:${devServerPort}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				proxy.close();
 
@@ -324,7 +316,7 @@ describe("web socket server URL", () => {
 				webSocketServer,
 				port: "auto",
 				host: "local-ip",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -342,14 +334,14 @@ describe("web socket server URL", () => {
 						target: `http://${resolvedHost}:${resolvedPort}`,
 						ws: true,
 						changeOrigin: true,
-						logLevel: "warn"
-					})
+						logLevel: "warn",
+					}),
 				);
 
 				return app.listen(proxyPort, proxyHost, callback);
 			}
 
-			const proxy = await new Promise(resolve => {
+			const proxy = await new Promise((resolve) => {
 				const proxyCreated = startProxy(() => {
 					resolve(proxyCreated);
 				});
@@ -362,10 +354,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -374,19 +366,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -394,27 +386,25 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://${proxyHost}:${proxyPort}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://${resolvedHost}:${resolvedPort}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://${resolvedHost}:${resolvedPort}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				proxy.close();
 
 				await browser.close();
 				await server.stop();
 
-				delete process.env.WEBPACK_DEV_SERVER_BASE_PORT;
+				process.env.WEBPACK_DEV_SERVER_BASE_PORT = undefined;
 			}
 		});
 
@@ -423,13 +413,13 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				client: {
 					webSocketURL: {
-						protocol: "ws:"
-					}
+						protocol: "ws:",
+					},
 				},
 				webSocketServer,
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -442,10 +432,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -454,19 +444,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -474,20 +464,18 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://localhost:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://localhost:${port1}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://localhost:${port1}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -499,13 +487,13 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				client: {
 					webSocketURL: {
-						protocol: "auto:"
-					}
+						protocol: "auto:",
+					},
 				},
 				webSocketServer,
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -518,10 +506,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -530,19 +518,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -550,20 +538,18 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://localhost:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://localhost:${port1}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://localhost:${port1}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -575,13 +561,13 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				client: {
 					webSocketURL: {
-						protocol: "http:"
-					}
+						protocol: "http:",
+					},
 				},
 				webSocketServer,
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -594,10 +580,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -606,19 +592,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -626,20 +612,18 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://localhost:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://localhost:${port1}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://localhost:${port1}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -651,13 +635,13 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				client: {
 					webSocketURL: {
-						hostname: "127.0.0.1"
-					}
+						hostname: "127.0.0.1",
+					},
 				},
 				webSocketServer,
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -670,10 +654,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -682,19 +666,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -702,20 +686,18 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://127.0.0.1:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://127.0.0.1:${port1}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://127.0.0.1:${port1}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -727,13 +709,13 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				client: {
 					webSocketURL: {
-						hostname: "0.0.0.0"
-					}
+						hostname: "0.0.0.0",
+					},
 				},
 				webSocketServer,
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -746,10 +728,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -758,39 +740,37 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
 					});
 				}
 				await page.goto(`http://127.0.0.1:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://127.0.0.1:${port1}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://127.0.0.1:${port1}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -802,13 +782,13 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				client: {
 					webSocketURL: {
-						port: port1
-					}
+						port: port1,
+					},
 				},
 				webSocketServer,
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -821,10 +801,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -833,19 +813,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -853,20 +833,18 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://127.0.0.1:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://127.0.0.1:${port1}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://127.0.0.1:${port1}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -878,13 +856,13 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				client: {
 					webSocketURL: {
-						port: `${port1}`
-					}
+						port: `${port1}`,
+					},
 				},
 				webSocketServer,
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -897,10 +875,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -909,19 +887,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -929,20 +907,18 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://127.0.0.1:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://127.0.0.1:${port1}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://127.0.0.1:${port1}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -957,17 +933,17 @@ describe("web socket server URL", () => {
 					options: {
 						host: "0.0.0.0",
 						// "sockjs" doesn't support external server
-						port: webSocketServer === "sockjs" ? `${port1}` : `${port2}`
-					}
+						port: webSocketServer === "sockjs" ? `${port1}` : `${port2}`,
+					},
 				},
 				port: port1,
 				host: "0.0.0.0",
 				client: {
 					webSocketURL: {
-						port: webSocketServer === "sockjs" ? `${port1}` : `${port2}`
-					}
+						port: webSocketServer === "sockjs" ? `${port1}` : `${port2}`,
+					},
 				},
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -980,10 +956,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -992,19 +968,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -1012,7 +988,7 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://127.0.0.1:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
@@ -1020,14 +996,12 @@ describe("web socket server URL", () => {
 				expect(webSocketRequest.url).toContain(
 					webSocketServer === "sockjs"
 						? `${websocketURLProtocol}://127.0.0.1:${port1}/ws`
-						: `${websocketURLProtocol}://127.0.0.1:${port2}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+						: `${websocketURLProtocol}://127.0.0.1:${port2}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -1039,13 +1013,13 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				client: {
 					webSocketURL: {
-						port: 0
-					}
+						port: 0,
+					},
 				},
 				webSocketServer,
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -1058,10 +1032,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -1070,39 +1044,37 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
 					});
 				}
 				await page.goto(`http://127.0.0.1:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://127.0.0.1:${port1}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://127.0.0.1:${port1}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -1114,13 +1086,13 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				client: {
 					webSocketURL: {
-						pathname: "/ws"
-					}
+						pathname: "/ws",
+					},
 				},
 				webSocketServer,
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -1133,10 +1105,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -1145,19 +1117,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -1165,20 +1137,18 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://127.0.0.1:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://127.0.0.1:${port1}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://127.0.0.1:${port1}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -1191,7 +1161,7 @@ describe("web socket server URL", () => {
 				webSocketServer,
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -1204,10 +1174,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -1216,19 +1186,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -1236,20 +1206,18 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://127.0.0.1:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://127.0.0.1:${port1}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://127.0.0.1:${port1}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -1261,13 +1229,13 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				client: {
 					webSocketURL: {
-						username: "zenitsu"
-					}
+						username: "zenitsu",
+					},
 				},
 				webSocketServer,
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -1280,10 +1248,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -1292,39 +1260,37 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
 					});
 				}
 				await page.goto(`http://127.0.0.1:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://zenitsu@127.0.0.1:${port1}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://zenitsu@127.0.0.1:${port1}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -1339,14 +1305,14 @@ describe("web socket server URL", () => {
 						webSocketServer === "ws"
 							? {
 									username: "foo",
-									password: "chuntaro"
+									password: "chuntaro",
 								}
-							: {}
+							: {},
 				},
 				webSocketServer,
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -1359,10 +1325,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -1371,26 +1337,26 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
 					});
 				}
 				await page.goto(`http://127.0.0.1:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
@@ -1399,14 +1365,12 @@ describe("web socket server URL", () => {
 					// "sockjs" has bug with parsing URL
 					webSocketServer === "ws"
 						? `${websocketURLProtocol}://foo:chuntaro@127.0.0.1:${port1}/ws`
-						: `${websocketURLProtocol}://127.0.0.1:${port1}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+						: `${websocketURLProtocol}://127.0.0.1:${port1}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -1419,13 +1383,13 @@ describe("web socket server URL", () => {
 				client: {
 					webSocketURL: {
 						username: "zenitsu",
-						password: "chuntaro"
-					}
+						password: "chuntaro",
+					},
 				},
 				webSocketServer,
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -1438,10 +1402,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -1450,19 +1414,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -1470,20 +1434,18 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://127.0.0.1:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://zenitsu:chuntaro@127.0.0.1:${port1}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://zenitsu:chuntaro@127.0.0.1:${port1}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -1496,12 +1458,12 @@ describe("web socket server URL", () => {
 				webSocketServer: {
 					type: webSocketServer,
 					options: {
-						path: "/custom-ws/foo/bar"
-					}
+						path: "/custom-ws/foo/bar",
+					},
 				},
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -1514,10 +1476,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -1526,19 +1488,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/custom-ws\/foo\/bar/.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -1546,20 +1508,18 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://127.0.0.1:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://127.0.0.1:${port1}/custom-ws/foo/bar`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://127.0.0.1:${port1}/custom-ws/foo/bar`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -1573,12 +1533,12 @@ describe("web socket server URL", () => {
 				webSocketServer: {
 					type: webSocketServer,
 					options: {
-						path: webSocketServer === "ws" ? "" : "/custom-ws"
-					}
+						path: webSocketServer === "ws" ? "" : "/custom-ws",
+					},
 				},
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -1591,10 +1551,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -1603,19 +1563,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/custom-ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -1623,7 +1583,7 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://127.0.0.1:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
@@ -1631,14 +1591,12 @@ describe("web socket server URL", () => {
 				expect(webSocketRequest.url).toContain(
 					webSocketServer === "ws"
 						? `${websocketURLProtocol}://127.0.0.1:${port1}`
-						: `${websocketURLProtocol}://127.0.0.1:${port1}/custom-ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+						: `${websocketURLProtocol}://127.0.0.1:${port1}/custom-ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -1650,18 +1608,18 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				client: {
 					webSocketURL: {
-						pathname: "/custom-ws/foo/bar"
-					}
+						pathname: "/custom-ws/foo/bar",
+					},
 				},
 				webSocketServer: {
 					type: webSocketServer,
 					options: {
-						path: "/custom-ws/foo/bar"
-					}
+						path: "/custom-ws/foo/bar",
+					},
 				},
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -1674,10 +1632,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -1686,19 +1644,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/custom-ws\/foo\/bar/.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -1706,20 +1664,18 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://127.0.0.1:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://127.0.0.1:${port1}/custom-ws/foo/bar`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://127.0.0.1:${port1}/custom-ws/foo/bar`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -1731,18 +1687,18 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				client: {
 					webSocketURL: {
-						pathname: "/custom-ws"
-					}
+						pathname: "/custom-ws",
+					},
 				},
 				webSocketServer: {
 					type: webSocketServer,
 					options: {
-						path: "/custom-ws"
-					}
+						path: "/custom-ws",
+					},
 				},
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -1755,10 +1711,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -1767,19 +1723,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/custom-ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -1787,20 +1743,18 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://127.0.0.1:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://127.0.0.1:${port1}/custom-ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://127.0.0.1:${port1}/custom-ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -1813,18 +1767,18 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				client: {
 					webSocketURL: {
-						pathname: webSocketServer === "ws" ? "/custom-ws/" : "/custom-ws"
-					}
+						pathname: webSocketServer === "ws" ? "/custom-ws/" : "/custom-ws",
+					},
 				},
 				webSocketServer: {
 					type: webSocketServer,
 					options: {
-						path: webSocketServer === "ws" ? "/custom-ws/" : "/custom-ws"
-					}
+						path: webSocketServer === "ws" ? "/custom-ws/" : "/custom-ws",
+					},
 				},
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -1837,10 +1791,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -1849,39 +1803,37 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/custom-ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
 					});
 				}
 				await page.goto(`http://127.0.0.1:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://127.0.0.1:${port1}/custom-ws/`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://127.0.0.1:${port1}/custom-ws/`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -1894,18 +1846,18 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				client: {
 					webSocketURL: {
-						pathname: webSocketServer === "ws" ? "" : "/custom-ws"
-					}
+						pathname: webSocketServer === "ws" ? "" : "/custom-ws",
+					},
 				},
 				webSocketServer: {
 					type: webSocketServer,
 					options: {
-						path: webSocketServer === "ws" ? "" : "/custom-ws"
-					}
+						path: webSocketServer === "ws" ? "" : "/custom-ws",
+					},
 				},
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -1918,10 +1870,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -1930,19 +1882,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/custom-ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -1950,7 +1902,7 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://127.0.0.1:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
@@ -1958,14 +1910,12 @@ describe("web socket server URL", () => {
 				expect(webSocketRequest.url).toContain(
 					webSocketServer === "ws"
 						? `${websocketURLProtocol}://127.0.0.1:${port1}`
-						: `${websocketURLProtocol}://127.0.0.1:${port1}/custom-ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+						: `${websocketURLProtocol}://127.0.0.1:${port1}/custom-ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -1978,19 +1928,19 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				client: {
 					webSocketURL: {
-						pathname: "/custom-ws"
-					}
+						pathname: "/custom-ws",
+					},
 				},
 				webSocketServer: {
 					type: webSocketServer,
 					options:
 						webSocketServer === "ws"
 							? { path: "/custom-ws" }
-							: { prefix: "/custom-ws" }
+							: { prefix: "/custom-ws" },
 				},
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -2003,10 +1953,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -2015,19 +1965,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/custom-ws/.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -2035,20 +1985,18 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://127.0.0.1:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://127.0.0.1:${port1}/custom-ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://127.0.0.1:${port1}/custom-ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -2061,7 +2009,7 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				webSocketServer,
 				port: port1,
-				host: hostname
+				host: hostname,
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -2074,10 +2022,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -2086,39 +2034,37 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
 					});
 				}
 				await page.goto(`http://${hostname}:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://${hostname}:${port1}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://${hostname}:${port1}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -2131,7 +2077,7 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				webSocketServer,
 				port: port1,
-				host: "local-ip"
+				host: "local-ip",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -2144,10 +2090,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -2156,19 +2102,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -2176,20 +2122,18 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://${hostname}:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://${hostname}:${port1}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://${hostname}:${port1}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -2202,7 +2146,7 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				webSocketServer,
 				port: port1,
-				host: "local-ipv4"
+				host: "local-ipv4",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -2215,10 +2159,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -2227,39 +2171,37 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
 					});
 				}
 				await page.goto(`http://${hostname}:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://${hostname}:${port1}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://${hostname}:${port1}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -2272,7 +2214,7 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				webSocketServer,
 				port: port1,
-				server: "https"
+				server: "https",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -2285,10 +2227,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -2297,19 +2239,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -2317,27 +2259,25 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`https://${hostname}:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				if (webSocketServer === "ws") {
 					expect(webSocketRequest.url).toContain(
-						`wss://${hostname}:${port1}/ws`
+						`wss://${hostname}:${port1}/ws`,
 					);
 				} else {
 					expect(webSocketRequest.url).toContain(
-						`https://${hostname}:${port1}/ws`
+						`https://${hostname}:${port1}/ws`,
 					);
 				}
 
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -2350,7 +2290,7 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				webSocketServer,
 				port: port1,
-				server: "spdy"
+				server: "spdy",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -2363,10 +2303,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -2375,19 +2315,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -2395,27 +2335,25 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`https://${hostname}:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				if (webSocketServer === "ws") {
 					expect(webSocketRequest.url).toContain(
-						`wss://${hostname}:${port1}/ws`
+						`wss://${hostname}:${port1}/ws`,
 					);
 				} else {
 					expect(webSocketRequest.url).toContain(
-						`https://${hostname}:${port1}/ws`
+						`https://${hostname}:${port1}/ws`,
 					);
 				}
 
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -2429,7 +2367,7 @@ describe("web socket server URL", () => {
 			const devServerOptions = {
 				webSocketServer,
 				port: "auto",
-				host: "0.0.0.0"
+				host: "0.0.0.0",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -2444,10 +2382,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -2456,19 +2394,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -2476,25 +2414,23 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://127.0.0.1:${resolvedFreePort}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://127.0.0.1:${resolvedFreePort}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://127.0.0.1:${resolvedFreePort}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
 
-				delete process.env.WEBPACK_DEV_SERVER_BASE_PORT;
+				process.env.WEBPACK_DEV_SERVER_BASE_PORT = undefined;
 			}
 		});
 
@@ -2506,13 +2442,13 @@ describe("web socket server URL", () => {
 						protocol: "ws:",
 						hostname: "127.0.0.1",
 						port: port1,
-						pathname: "/ws"
-					}
+						pathname: "/ws",
+					},
 				},
 				webSocketServer,
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -2525,10 +2461,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -2537,19 +2473,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -2557,20 +2493,18 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://127.0.0.1:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://127.0.0.1:${port1}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://127.0.0.1:${port1}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -2581,12 +2515,12 @@ describe("web socket server URL", () => {
 			const compiler = webpack(config);
 			const devServerOptions = {
 				client: {
-					webSocketURL: `ws://127.0.0.1:${port1}/ws`
+					webSocketURL: `ws://127.0.0.1:${port1}/ws`,
 				},
 				webSocketServer,
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -2599,10 +2533,10 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
@@ -2611,19 +2545,19 @@ describe("web socket server URL", () => {
 				if (webSocketServer === "ws") {
 					const session = await page.target().createCDPSession();
 
-					session.on("Network.webSocketCreated", test => {
+					session.on("Network.webSocketCreated", (test) => {
 						webSocketRequests.push(test);
 					});
 
 					await session.send("Target.setAutoAttach", {
 						autoAttach: true,
 						flatten: true,
-						waitForDebuggerOnStart: true
+						waitForDebuggerOnStart: true,
 					});
 
 					sessionSubscribe(session);
 				} else {
-					page.on("request", request => {
+					page.on("request", (request) => {
 						if (/\/ws\//.test(request.url())) {
 							webSocketRequests.push({ url: request.url() });
 						}
@@ -2631,20 +2565,18 @@ describe("web socket server URL", () => {
 				}
 
 				await page.goto(`http://127.0.0.1:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
 				const webSocketRequest = webSocketRequests[0];
 
 				expect(webSocketRequest.url).toContain(
-					`${websocketURLProtocol}://127.0.0.1:${port1}/ws`
-				);
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
+					`${websocketURLProtocol}://127.0.0.1:${port1}/ws`,
 				);
+				expect(
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
 				expect(pageErrors).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -2655,12 +2587,12 @@ describe("web socket server URL", () => {
 			const compiler = webpack(config);
 			const devServerOptions = {
 				client: {
-					webSocketURL: "unknown://unknown.unknown/unknown"
+					webSocketURL: "unknown://unknown.unknown/unknown",
 				},
 				webSocketServer,
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -2673,25 +2605,25 @@ describe("web socket server URL", () => {
 				const consoleMessages = [];
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						consoleMessages.push(message);
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				await page.goto(`http://localhost:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
-				expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-					"console messages"
-				);
 				expect(
-					pageErrors.map(pageError => pageError.message.split("\n")[0])
+					consoleMessages.map((message) => message.text()),
+				).toMatchSnapshot("console messages");
+				expect(
+					pageErrors.map((pageError) =>
+						pageError.message.split("\n")[0].replace("SyntaxError: ", ""),
+					),
 				).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
@@ -2702,12 +2634,12 @@ describe("web socket server URL", () => {
 			const compiler = webpack(config);
 			const devServerOptions = {
 				client: {
-					webSocketURL: "ws://unknown.unknown/unknown"
+					webSocketURL: "ws://unknown.unknown/unknown",
 				},
 				webSocketServer,
 				port: port1,
 				host: "0.0.0.0",
-				allowedHosts: "all"
+				allowedHosts: "all",
 			};
 			const server = new Server(devServerOptions, compiler);
 
@@ -2722,7 +2654,7 @@ describe("web socket server URL", () => {
 				let isDisconnected = false;
 
 				page
-					.on("console", message => {
+					.on("console", (message) => {
 						const text = message.text();
 
 						if (!isDisconnected) {
@@ -2730,15 +2662,15 @@ describe("web socket server URL", () => {
 							consoleMessages.push(text.replace(/:[\d]+/g, ":<port>"));
 						}
 					})
-					.on("pageerror", error => {
+					.on("pageerror", (error) => {
 						pageErrors.push(error);
 					});
 
 				await page.goto(`http://localhost:${port1}/`, {
-					waitUntil: "networkidle0"
+					waitUntil: "networkidle0",
 				});
 
-				await new Promise(resolve => {
+				await new Promise((resolve) => {
 					const interval = setInterval(() => {
 						if (
 							consoleMessages.includes("[webpack-dev-server] Disconnected!")
@@ -2753,10 +2685,8 @@ describe("web socket server URL", () => {
 				// TODO: not stable on lynx linux ci
 				// expect(consoleMessages).toMatchSnapshot("console messages");
 				expect(
-					pageErrors.map(pageError => pageError.message.split("\n")[0])
+					pageErrors.map((pageError) => pageError.message.split("\n")[0]),
 				).toMatchSnapshot("page errors");
-			} catch (error) {
-				throw error;
 			} finally {
 				await browser.close();
 				await server.stop();
diff --git a/tests/e2e/web-socket-server.test.js b/tests/e2e/web-socket-server.test.js
index 44ba6ac..b1ee475 100644
--- a/tests/e2e/web-socket-server.test.js
+++ b/tests/e2e/web-socket-server.test.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
 const config = require("../fixtures/client-config/webpack.config");
@@ -14,7 +12,7 @@ describe("web socket server", () => {
 		const compiler = webpack(config);
 		const devServerOptions = {
 			webSocketServer: false,
-			port: devServerPort
+			port: devServerPort,
 		};
 		const server = new Server(devServerOptions, compiler);
 
@@ -27,39 +25,37 @@ describe("web socket server", () => {
 			const consoleMessages = [];
 
 			page
-				.on("console", message => {
+				.on("console", (message) => {
 					consoleMessages.push(message);
 				})
-				.on("pageerror", error => {
+				.on("pageerror", (error) => {
 					pageErrors.push(error);
 				});
 
 			const webSocketRequests = [];
 			const session = await page.target().createCDPSession();
 
-			session.on("Network.webSocketCreated", test => {
+			session.on("Network.webSocketCreated", (test) => {
 				webSocketRequests.push(test);
 			});
 
 			await session.send("Target.setAutoAttach", {
 				autoAttach: true,
 				flatten: true,
-				waitForDebuggerOnStart: true
+				waitForDebuggerOnStart: true,
 			});
 
 			sessionSubscribe(session);
 
 			await page.goto(`http://127.0.0.1:${port}/`, {
-				waitUntil: "networkidle0"
+				waitUntil: "networkidle0",
 			});
 
 			expect(webSocketRequests).toHaveLength(0);
-			expect(consoleMessages.map(message => message.text())).toMatchSnapshot(
-				"console messages"
+			expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+				"console messages",
 			);
 			expect(pageErrors).toMatchSnapshot("page errors");
-		} catch (error) {
-			throw error;
 		} finally {
 			await browser.close();
 			await server.stop();
diff --git a/tests/fixtures/custom-client/CustomClientEntry.js b/tests/fixtures/custom-client/CustomClientEntry.js
new file mode 100644
index 0000000..daf1cff
--- /dev/null
+++ b/tests/fixtures/custom-client/CustomClientEntry.js
@@ -0,0 +1 @@
+console.log("custom client entry");
diff --git a/tests/fixtures/custom-client/CustomClientHotEntry.js b/tests/fixtures/custom-client/CustomClientHotEntry.js
new file mode 100644
index 0000000..4432633
--- /dev/null
+++ b/tests/fixtures/custom-client/CustomClientHotEntry.js
@@ -0,0 +1 @@
+console.log("custom client hot entry");
diff --git a/tests/fixtures/ssl/localhost-cert.pem b/tests/fixtures/ssl/localhost-cert.pem
new file mode 100644
index 0000000..c845304
--- /dev/null
+++ b/tests/fixtures/ssl/localhost-cert.pem
@@ -0,0 +1,19 @@
+-----BEGIN CERTIFICATE-----
+MIIDCTCCAfGgAwIBAgIUevWiuCfenWuq9KyC8aQ/tc1Io14wDQYJKoZIhvcNAQEL
+BQAwFDESMBAGA1UEAwwJbG9jYWxob3N0MB4XDTI0MDQyNDE2MDYyMloXDTI0MDUy
+NDE2MDYyMlowFDESMBAGA1UEAwwJbG9jYWxob3N0MIIBIjANBgkqhkiG9w0BAQEF
+AAOCAQ8AMIIBCgKCAQEA1v/lb9u9WkqkF7zjIKe2R+b4S0sQnWIfBFZ0ggtaOL0a
+ntud/EuaGQgLtJgSwO2M2xIqKx+yoLhoM+273EJe0KmfJMxYNAkhwP9h6vrKnaQJ
+mpAhoalfEGyCrnHHMKISAAn4Rlc8NXnULoFhHzNm8bdqvP33rCmsJ+tNYC5kwzyt
+HvRNFyg9BOUfACiPW17opFH0rao3IfZrQ6yRbknef1pX1x2pbDAH14rCT/vXaTs6
+VGuqLE/wRsSt+7nMHy/PmXxMyb4G4/UflYtnKfmXpDRw+TDEGzvTZedtoOz+rrJC
+e989R9qYGrlPfyfZbI+O348FV66I+jcD+/EUQs+HkwIDAQABo1MwUTAdBgNVHQ4E
+FgQU6bk4LSwtVQEt7V/ev+Zj270zdAkwHwYDVR0jBBgwFoAU6bk4LSwtVQEt7V/e
+v+Zj270zdAkwDwYDVR0TAQH/BAUwAwEB/zANBgkqhkiG9w0BAQsFAAOCAQEAUBgo
+E3CZrrc/MaadFg1meNk+eKACmTsIa5cT6zi7MsvoKakXEd4bGd+iLifUzlAa1ygj
+dQppfprb5t68I7oO9/lkh2DfKrXxW/RpdhB05KslUd8q/3XY5kyao5quzeiVoMHR
+u+XYjoy2mTwdUC2uzFy6rkHsAkJy2vJJoDdlNsrKn6AZmh+voHHKrAtOL4gnanQV
+wR1u8eBVfk2MKIl2pNSCA4bD16uZyp3+oqq097BEoVa1pR+l8nwbsh/YfALifq/d
+P3yiN5+EqgiOIF9b8PZORe+Ry1O7uvPnU2ZRkVWPJ1S17Ms0lnr7IY3qjSBTuK66
+5uYi7ojrb5Vf0UL5oQ==
+-----END CERTIFICATE-----
diff --git a/tests/fixtures/ssl/localhost-privkey.pem b/tests/fixtures/ssl/localhost-privkey.pem
new file mode 100644
index 0000000..c260882
--- /dev/null
+++ b/tests/fixtures/ssl/localhost-privkey.pem
@@ -0,0 +1,28 @@
+-----BEGIN PRIVATE KEY-----
+MIIEugIBADANBgkqhkiG9w0BAQEFAASCBKQwggSgAgEAAoIBAQDW/+Vv271aSqQX
+vOMgp7ZH5vhLSxCdYh8EVnSCC1o4vRqe2538S5oZCAu0mBLA7YzbEiorH7KguGgz
+7bvcQl7QqZ8kzFg0CSHA/2Hq+sqdpAmakCGhqV8QbIKucccwohIACfhGVzw1edQu
+gWEfM2bxt2q8/fesKawn601gLmTDPK0e9E0XKD0E5R8AKI9bXuikUfStqjch9mtD
+rJFuSd5/WlfXHalsMAfXisJP+9dpOzpUa6osT/BGxK37ucwfL8+ZfEzJvgbj9R+V
+i2cp+ZekNHD5MMQbO9Nl522g7P6uskJ73z1H2pgauU9/J9lsj47fjwVXroj6NwP7
+8RRCz4eTAgMBAAECggEAA+zbFv43iEj5kvdfXC7DrK9iVBmUPZNXhqA/c0paxNNr
+A4B182+76f4UHKF0IjKUEkHUJEJpY/bJ7DzIY76QdZXLMoRKjfSmuZvQAVa/0T33
+8Or1ujpZ4nZgsmegX9ptorOL5VjdYAqP3aN+DvBEzl/vYnDujyWZn4bzvDBMpaXS
+39qW1MkcZ8UiP1fRad76+S57WnieBV+NRHYEAiDdMFKXLuw/igX/xOSZgq5Jh3I2
+hLS49S41dN1P9l9H2bPMw0CthNvMPPaemwKHz+84hSS+P4VJOWJzlGnXEdIFuqBR
+GFBESQzcemfS9DDB22Yt06YujBCbwTVVAxj73lnKkQKBgQDvYXK36J9y/NphDAWi
+Cwti5oE3eSfV0YazQwm+rRwC64wbpBFAm9ujwjUmaYBg75lBLF5nOOe8s1n95g5I
+tLfFb+zuZh8NNLjhfNE9/SNmRnnMvbcaDHeIE2RMAz+PuLN/gFLmsVIwK2X1LRC2
+0vHjw9Yzh6JLiOajAchzhZiCEQKBgQDl7R6Wfggo8myETA8Uv5tWot3IcquRkEl/
+TRCyao2/79rAGexS7piwD7FPdSDOk1zfZFYUOMzyMjj60sGcPRPqRX6D0usEODLQ
+TwsTJSCNgPnIOkqKkccwtqlTimbRIrPUSQfFPj56RzKKWdrJ/P3LPRjzkK7i3vLV
+EGlAENaLYwKBgHKSOnzpWr+HY+IFBgErthRs7LWnSDifYxATauuXIQwIvvNP0G4S
+6snzHss2vZonszstSDWxV8DKOq052eZUkIxv6H+l4wDIFiDeQ6uep73Ax3UF7EgM
+ZX18gombGGXqagcBXSxK/GJPsynomtJWHi38Ql5BcZ0jdffY157q9zZxAoGAPZtD
+Tt+GIDKUkP4wLEcKwDPzaPoQrngSuWFUz/ls8bi6zC4l/DKiBsqtn7Sqja8+ezzP
+M6vkfiCm084UwmA7LdJhC8E/52mHc/k55m9UQZYFV3kG8AoPbSYESLYUxoSd2ouW
+4WrEIs9g42EgFm8LMaG1Rc3GjlNejWhQSzI3yjECf3v7VoAcUwVfuVkwbm9W24vR
+neFTF8QBl//fxIdxZwoj5SrSgMOjmZ3pXA/ZbFJ0pB4Rh5dmKTYqdpfXsOTiBuwB
+XlqPVpN8UZEl3edpufLDyPldNej/9kEAkK5FS3YVyIQEg75739bCTlfzzCX1HdMx
+q98XYm/n5LWYFezsAt0=
+-----END PRIVATE KEY-----
diff --git a/tests/fixtures/worker-config-dev-server-false/index.js b/tests/fixtures/worker-config-dev-server-false/index.js
new file mode 100644
index 0000000..f78ab4a
--- /dev/null
+++ b/tests/fixtures/worker-config-dev-server-false/index.js
@@ -0,0 +1,7 @@
+const myWorker = new Worker("./worker-bundle.js");
+
+myWorker.onmessage = (event) => {
+	console.log(`Worker said: ${event.data}`);
+};
+
+myWorker.postMessage("message");
diff --git a/tests/fixtures/worker-config-dev-server-false/public/worker-bundle.js b/tests/fixtures/worker-config-dev-server-false/public/worker-bundle.js
new file mode 100644
index 0000000..fb4eecb
--- /dev/null
+++ b/tests/fixtures/worker-config-dev-server-false/public/worker-bundle.js
@@ -0,0 +1,48 @@
+(() => { // webpackBootstrap
+var __webpack_modules__ = ({});
+/************************************************************************/
+// The module cache
+var __webpack_module_cache__ = {};
+
+// The require function
+function __webpack_require__(moduleId) {
+
+// Check if module is in cache
+var cachedModule = __webpack_module_cache__[moduleId];
+if (cachedModule !== undefined) {
+return cachedModule.exports;
+}
+// Create a new module (and put it into the cache)
+var module = (__webpack_module_cache__[moduleId] = {
+exports: {}
+});
+// Execute the module function
+__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+
+// Return the exports of the module
+return module.exports;
+
+}
+
+/************************************************************************/
+// webpack/runtime/rspack_version
+(() => {
+__webpack_require__.rv = function () {
+	return "1.0.11";
+};
+
+})();
+// webpack/runtime/rspack_unique_id
+(() => {
+__webpack_require__.ruid = "bundler=rspack@1.0.11";
+
+})();
+/************************************************************************/
+postMessage("I'm working before postMessage");
+
+onmessage = (event) => {
+	postMessage(`Message sent: ${event.data}`);
+};
+
+})()
+;
\ No newline at end of file
diff --git a/tests/fixtures/worker-config-dev-server-false/webpack.config.js b/tests/fixtures/worker-config-dev-server-false/webpack.config.js
new file mode 100644
index 0000000..c057c41
--- /dev/null
+++ b/tests/fixtures/worker-config-dev-server-false/webpack.config.js
@@ -0,0 +1,45 @@
+const path = require("node:path");
+const HTMLGeneratorPlugin = require("../../helpers/html-generator-plugin");
+
+module.exports = [
+	{
+		name: "app",
+		// dependencies: ["worker"],
+		devtool: false,
+		target: "web",
+		entry: "./index.js",
+		mode: "development",
+		context: __dirname,
+		stats: "none",
+		output: {
+			path: path.resolve(__dirname, "./dist/"),
+		},
+		infrastructureLogging: {
+			level: "info",
+			stream: {
+				write: () => {},
+			},
+		},
+		plugins: [new HTMLGeneratorPlugin()],
+	},
+	{
+		name: "worker",
+		devtool: false,
+		target: "webworker",
+		entry: "./worker.js",
+		mode: "development",
+		context: __dirname,
+		stats: "none",
+		output: {
+			path: path.resolve(__dirname, "public"),
+			filename: "worker-bundle.js",
+		},
+		infrastructureLogging: {
+			level: "info",
+			stream: {
+				write: () => {},
+			},
+		},
+		devServer: false,
+	},
+];
diff --git a/tests/fixtures/worker-config-dev-server-false/worker.js b/tests/fixtures/worker-config-dev-server-false/worker.js
new file mode 100644
index 0000000..ae6802f
--- /dev/null
+++ b/tests/fixtures/worker-config-dev-server-false/worker.js
@@ -0,0 +1,5 @@
+postMessage("I'm working before postMessage");
+
+onmessage = (event) => {
+	postMessage(`Message sent: ${event.data}`);
+};
diff --git a/tests/fixtures/worker-config/index.js b/tests/fixtures/worker-config/index.js
new file mode 100644
index 0000000..0008271
--- /dev/null
+++ b/tests/fixtures/worker-config/index.js
@@ -0,0 +1,7 @@
+const myWorker = new Worker("./worker.js");
+
+myWorker.onmessage = (event) => {
+	console.log(`Worker said: ${event.data}`);
+};
+
+myWorker.postMessage("message");
diff --git a/tests/fixtures/worker-config/webpack.config.js b/tests/fixtures/worker-config/webpack.config.js
new file mode 100644
index 0000000..7377b8f
--- /dev/null
+++ b/tests/fixtures/worker-config/webpack.config.js
@@ -0,0 +1,43 @@
+const HTMLGeneratorPlugin = require("../../helpers/html-generator-plugin");
+
+module.exports = [
+	{
+		name: "app",
+		dependencies: ["worker"],
+		devtool: false,
+		target: "web",
+		entry: "./index.js",
+		mode: "development",
+		context: __dirname,
+		stats: "none",
+		output: {
+			path: "/",
+		},
+		infrastructureLogging: {
+			level: "info",
+			stream: {
+				write: () => {},
+			},
+		},
+		plugins: [new HTMLGeneratorPlugin()],
+	},
+	{
+		name: "worker",
+		devtool: false,
+		target: "webworker",
+		entry: "./worker.js",
+		mode: "development",
+		context: __dirname,
+		stats: "none",
+		output: {
+			path: "/",
+			filename: "worker.js",
+		},
+		infrastructureLogging: {
+			level: "info",
+			stream: {
+				write: () => {},
+			},
+		},
+	},
+];
diff --git a/tests/fixtures/worker-config/worker.js b/tests/fixtures/worker-config/worker.js
new file mode 100644
index 0000000..ae6802f
--- /dev/null
+++ b/tests/fixtures/worker-config/worker.js
@@ -0,0 +1,5 @@
+postMessage("I'm working before postMessage");
+
+onmessage = (event) => {
+	postMessage(`Message sent: ${event.data}`);
+};
diff --git a/tests/helpers/conditional-test.js b/tests/helpers/conditional-test.js
index 5d0ba71..0677dd4 100644
--- a/tests/helpers/conditional-test.js
+++ b/tests/helpers/conditional-test.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const isWindows = process.platform === "win32";
 
 function skipTestOnWindows(reason) {
diff --git a/tests/helpers/custom-http.js b/tests/helpers/custom-http.js
index 0678c55..f24c3ed 100644
--- a/tests/helpers/custom-http.js
+++ b/tests/helpers/custom-http.js
@@ -1,5 +1,3 @@
-"use strict";
-
-const customHTTP = require("http");
+const customHTTP = require("node:http");
 
 module.exports = customHTTP;
diff --git a/tests/helpers/get-port.js b/tests/helpers/get-port.js
index 05898a7..c08ac91 100644
--- a/tests/helpers/get-port.js
+++ b/tests/helpers/get-port.js
@@ -1,13 +1,11 @@
-"use strict";
-
 /*
  * Based on the packages get-port https://www.npmjs.com/package/get-port
  * and portfinder https://www.npmjs.com/package/portfinder
  * The code structure is similar to get-port, but it searches
  * ports deterministically like portfinder
  */
-const net = require("net");
-const os = require("os");
+const net = require("node:net");
+const os = require("node:os");
 
 const minPort = 1024;
 const maxPort = 65_535;
@@ -75,7 +73,7 @@ const getAvailablePort = async (port, hosts) => {
 			/* We throw an error only if the interface exists */
 			if (
 				!nonExistentInterfaceErrors.has(
-					/** @type {NodeJS.ErrnoException} */ (error).code
+					/** @type {NodeJS.ErrnoException} */ (error).code,
 				)
 			) {
 				throw error;
@@ -118,7 +116,7 @@ async function getPorts(basePort, host) {
 			/* Try next port if port is busy; throw for any other error */
 			if (
 				!portUnavailableErrors.has(
-					/** @type {NodeJS.ErrnoException} */ (error).code
+					/** @type {NodeJS.ErrnoException} */ (error).code,
 				)
 			) {
 				throw error;
diff --git a/tests/helpers/global-setup-test.js b/tests/helpers/global-setup-test.js
index 744d26d..e814874 100644
--- a/tests/helpers/global-setup-test.js
+++ b/tests/helpers/global-setup-test.js
@@ -1,5 +1,3 @@
-"use strict";
-
 // eslint-disable-next-line import/no-extraneous-dependencies
 const tcpPortUsed = require("tcp-port-used");
 const { webpackVersion } = require("@rspack/core/package.json");
@@ -11,20 +9,20 @@ console.log(`\n Running tests for webpack @${webpackVersion} \n`);
 async function validatePorts() {
 	const samples = [];
 
-	Object.keys(ports).forEach(key => {
+	for (const key of Object.keys(ports)) {
 		const value = ports[key];
 		const arr = Array.isArray(value) ? value : [value];
 
-		arr.forEach(port => {
-			const check = tcpPortUsed.check(port, "localhost").then(inUse => {
+		for (const port of arr) {
+			const check = tcpPortUsed.check(port, "localhost").then((inUse) => {
 				if (inUse) {
 					throw new Error(`${port} has already used. [${key}]`);
 				}
 			});
 
 			samples.push(check);
-		});
-	});
+		}
+	}
 
 	try {
 		await Promise.all(samples);
diff --git a/tests/helpers/html-generator-plugin.js b/tests/helpers/html-generator-plugin.js
index e8da3b9..9614db2 100644
--- a/tests/helpers/html-generator-plugin.js
+++ b/tests/helpers/html-generator-plugin.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const HTMLContentForIndex = `
 <!DOCTYPE html>
 <html>
@@ -14,7 +12,7 @@ const HTMLContentForIndex = `
 </html>
 `;
 
-const HTMLContentForAssets = assetName => `
+const HTMLContentForAssets = (assetName) => `
 <!DOCTYPE html>
 <html>
   <head>
@@ -46,13 +44,13 @@ module.exports = class HTMLGeneratorPlugin {
 	apply(compiler) {
 		const pluginName = "html-generator-plugin";
 
-		compiler.hooks.thisCompilation.tap(pluginName, compilation => {
+		compiler.hooks.thisCompilation.tap(pluginName, (compilation) => {
 			const { RawSource } = compiler.webpack.sources;
 
 			compilation.hooks.processAssets.tap(
 				{
 					name: pluginName,
-					stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL
+					stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL,
 				},
 				() => {
 					const indexSource = new RawSource(HTMLContentForIndex);
@@ -67,15 +65,15 @@ module.exports = class HTMLGeneratorPlugin {
 
 						if (assetName !== "main.js" && assetName.endsWith(".js")) {
 							const assetSource = new RawSource(
-								HTMLContentForAssets(assetName)
+								HTMLContentForAssets(assetName),
 							);
 							compilation.emitAsset(
 								assetName.replace(".js", ".html"),
-								assetSource
+								assetSource,
 							);
 						}
 					}
-				}
+				},
 			);
 		});
 	}
diff --git a/tests/helpers/normalize-options.js b/tests/helpers/normalize-options.js
index 46e5872..1b370f6 100644
--- a/tests/helpers/normalize-options.js
+++ b/tests/helpers/normalize-options.js
@@ -1,5 +1,3 @@
-"use strict";
-
 function normalizeOptions(options) {
 	const normalizedOptions = {};
 
@@ -8,13 +6,11 @@ function normalizeOptions(options) {
 		let value = options[propertyName];
 
 		if (Array.isArray(value)) {
-			value = value.map(item => {
+			value = value.map((item) => {
 				if (Buffer.isBuffer(item)) {
 					return "<Buffer>";
-				} else if (
-					typeof item.pem !== "undefined" &&
-					Buffer.isBuffer(item.pem)
-				) {
+				}
+				if (typeof item.pem !== "undefined" && Buffer.isBuffer(item.pem)) {
 					item.pem = "<Buffer>";
 				} else if (
 					typeof item.buf !== "undefined" &&
diff --git a/tests/helpers/normalize.js b/tests/helpers/normalize.js
index 6610922..469e119 100644
--- a/tests/helpers/normalize.js
+++ b/tests/helpers/normalize.js
@@ -1,51 +1,58 @@
-const path = require("path");
+const path = require("node:path");
 
 const CURRENT_CWD = process.cwd();
 const ROOT = path.resolve(__dirname, "../../");
 
 const CSS_LOADER = path.dirname(require.resolve("css-loader"));
-const RELATIVE_CSS_LOADER = path.relative(path.dirname(path.resolve(__dirname, "../fixtures/reload-config/webpack.config")), CSS_LOADER);
+const RELATIVE_CSS_LOADER = path.relative(
+	path.dirname(
+		path.resolve(__dirname, "../fixtures/reload-config/webpack.config"),
+	),
+	CSS_LOADER,
+);
 const RSPACK = path.dirname(require.resolve("@rspack/core/package.json"));
 
 const rspack = require("@rspack/core");
 const RSPACK_MODULE = require.cache[require.resolve("@rspack/core")];
-const TAPABLE = path.dirname(RSPACK_MODULE.require.resolve("@rspack/lite-tapable"));
+const TAPABLE = path.dirname(
+	RSPACK_MODULE.require.resolve("@rspack/lite-tapable"),
+);
 
-const normalize = str => {
+const normalize = (str) => {
 	let normalizedStr = str.replace(/(\\)+/g, "/");
-	
-	normalizedStr = normalizedStr.split(
-		RSPACK.replace(/(\\)+/g, "/")
-	).join("<rspack>");
 
-	normalizedStr = normalizedStr.split(
-		CSS_LOADER.replace(/(\\)+/g, "/")
-	).join("<cssloader>");
+	normalizedStr = normalizedStr
+		.split(RSPACK.replace(/(\\)+/g, "/"))
+		.join("<rspack>");
 
-	normalizedStr = normalizedStr.split(
-		RELATIVE_CSS_LOADER.replace(/(\\)+/g, "/")
-	).join("<cssloader>");
+	normalizedStr = normalizedStr
+		.split(CSS_LOADER.replace(/(\\)+/g, "/"))
+		.join("<cssloader>");
 
-	normalizedStr = normalizedStr.split(
-		RELATIVE_CSS_LOADER.replace(/(\\)+/g, "/")
-	).join("<cssloader>");
+	normalizedStr = normalizedStr
+		.split(RELATIVE_CSS_LOADER.replace(/(\\)+/g, "/"))
+		.join("<cssloader>");
 
-	normalizedStr = normalizedStr.split(
-		TAPABLE.replace(/(\\)+/g, "/")
-	).join("<tapable>");
+	normalizedStr = normalizedStr
+		.split(RELATIVE_CSS_LOADER.replace(/(\\)+/g, "/"))
+		.join("<cssloader>");
 
-	normalizedStr = normalizedStr.split(
-		ROOT.replace(/(\\)+/g, "/")
-	).join("<root>");
+	normalizedStr = normalizedStr
+		.split(TAPABLE.replace(/(\\)+/g, "/"))
+		.join("<tapable>");
 
-	normalizedStr = normalizedStr.split(
-		CURRENT_CWD.replace(/(\\)+/g, "/")
-	).join("<cwd>");
+	normalizedStr = normalizedStr
+		.split(ROOT.replace(/(\\)+/g, "/"))
+		.join("<root>");
+
+	normalizedStr = normalizedStr
+		.split(CURRENT_CWD.replace(/(\\)+/g, "/"))
+		.join("<cwd>");
 
 	normalizedStr = normalizedStr.replace(/:\d+:\d+/g, ":<line>:<row>");
 	normalizedStr = normalizedStr.replace(
 		/@@ -\d+,\d+ \+\d+,\d+ @@/g,
-		"@@ ... @@"
+		"@@ ... @@",
 	);
 	return normalizedStr;
 };
@@ -56,5 +63,5 @@ expect.addSnapshotSerializer({
 	},
 	print(received) {
 		return normalize(received);
-	}
+	},
 });
diff --git a/tests/helpers/ports-map.js b/tests/helpers/ports-map.js
index 9303e57..07cf4e2 100644
--- a/tests/helpers/ports-map.js
+++ b/tests/helpers/ports-map.js
@@ -1,5 +1,3 @@
-"use strict";
-
 // important: new port mappings must be added to the bottom of this list
 const listOfTests = {
 	// CLI tests
@@ -80,21 +78,23 @@ const listOfTests = {
 	"normalize-option": 1,
 	"setup-middlewares-option": 1,
 	"options-request-response": 2,
-	app: 1
+	app: 1,
 };
 
 let startPort = 8089;
 
 const ports = {};
 
-Object.keys(listOfTests).forEach(key => {
+for (const key of Object.keys(listOfTests)) {
 	const value = listOfTests[key];
 
 	ports[key] =
 		value === 1
-			? (startPort += 1)
-			: [...new Array(value)].map(() => (startPort += 1));
-});
+			? // biome-ignore lint/suspicious/noAssignInExpressions: _
+				(startPort += 1)
+			: // biome-ignore lint/suspicious/noAssignInExpressions: _
+				[...new Array(value)].map(() => (startPort += 1));
+}
 
 const busy = {};
 
@@ -102,18 +102,18 @@ module.exports = new Proxy(ports, {
 	get(target, name) {
 		if (!target[name]) {
 			throw new Error(
-				`Requested "${name}" port(s) for tests not found, please update "test/ports-map.js".`
+				`Requested "${name}" port(s) for tests not found, please update "test/ports-map.js".`,
 			);
 		}
 
 		if (busy[name]) {
 			throw new Error(
-				`The "${name}" port is already in use in another test, please add a new one.`
+				`The "${name}" port is already in use in another test, please add a new one.`,
 			);
 		}
 
 		busy[name] = true;
 
 		return target[name];
-	}
+	},
 });
diff --git a/tests/helpers/puppeteer-constants.js b/tests/helpers/puppeteer-constants.js
index 4c8f3d8..5446d43 100644
--- a/tests/helpers/puppeteer-constants.js
+++ b/tests/helpers/puppeteer-constants.js
@@ -1,5 +1,3 @@
-"use strict";
-
 module.exports = {
 	reloadReadyDelay: 5000,
 	completeReloadDelay: 10000,
@@ -48,6 +46,6 @@ module.exports = {
 		"--prerender-from-omnibox=disabled",
 		"--use-gl=swiftshader",
 		"--use-mock-keychain",
-		"--disable-field-trial-config"
-	]
+		"--disable-field-trial-config",
+	],
 };
diff --git a/tests/helpers/run-browser.js b/tests/helpers/run-browser.js
index 91948e0..b483a00 100644
--- a/tests/helpers/run-browser.js
+++ b/tests/helpers/run-browser.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const puppeteer = require("puppeteer");
 const { puppeteerArgs } = require("./puppeteer-constants");
 
@@ -30,14 +28,14 @@ function runBrowser(config) {
 				// because of invalid localhost certificate
 				acceptInsecureCerts: true,
 				// args come from: https://github.com/alixaxel/chrome-aws-lambda/blob/master/source/index.js
-				args: puppeteerArgs
+				args: puppeteerArgs,
 			})
-			.then(launchedBrowser => {
+			.then((launchedBrowser) => {
 				browser = launchedBrowser;
 
 				return runPage(launchedBrowser, config);
 			})
-			.then(newPage => {
+			.then((newPage) => {
 				page = newPage;
 
 				resolve({ page, browser });
@@ -55,33 +53,33 @@ function runPage(browser, config) {
 	const options = {
 		viewport: {
 			width: 500,
-			height: 500
+			height: 500,
 		},
 		userAgent: "",
-		...config
+		...config,
 	};
 
 	return Promise.resolve()
 		.then(() => browser.newPage())
-		.then(newPage => {
+		.then((newPage) => {
 			page = newPage;
 			page.emulate(options);
 
 			return page.setRequestInterception(true);
 		})
 		.then(() => {
-			page.on("request", interceptedRequest => {
+			page.on("request", (interceptedRequest) => {
 				if (interceptedRequest.isInterceptResolutionHandled()) return;
 				if (interceptedRequest.url().includes("favicon.ico")) {
 					interceptedRequest.respond({
 						status: 200,
 						contentType: "image/png",
-						body: "Empty"
+						body: "Empty",
 					});
 				} else {
 					interceptedRequest.continue(
 						interceptedRequest.continueRequestOverrides(),
-						10
+						10,
 					);
 				}
 			});
diff --git a/tests/helpers/session-subscribe.js b/tests/helpers/session-subscribe.js
index 5d079a0..01be197 100644
--- a/tests/helpers/session-subscribe.js
+++ b/tests/helpers/session-subscribe.js
@@ -1,7 +1,5 @@
-"use strict";
-
 module.exports = async function sessionSubscribe(session) {
-	session.on("sessionattached", s => {
+	session.on("sessionattached", (s) => {
 		sessionSubscribe(s);
 	});
 	session.send("Network.enable");
diff --git a/tests/helpers/setup-test.js b/tests/helpers/setup-test.js
index 99a74a5..b3897d0 100644
--- a/tests/helpers/setup-test.js
+++ b/tests/helpers/setup-test.js
@@ -1,5 +1,3 @@
-"use strict";
-
 process.env.CHOKIDAR_USEPOLLING = true;
 
 jest.setTimeout(400000);
diff --git a/tests/helpers/snapshot-resolver.js b/tests/helpers/snapshot-resolver.js
index 0a17d51..bec30e6 100644
--- a/tests/helpers/snapshot-resolver.js
+++ b/tests/helpers/snapshot-resolver.js
@@ -1,25 +1,23 @@
-"use strict";
-
-const path = require("path");
-const webpack = require("webpack");
+const path = require("node:path");
+const webpack = require("@rspack/core");
 
 const [webpackVersion] = webpack.version;
 const snapshotExtension = `.snap.webpack${webpackVersion}`;
 
 module.exports = {
-	resolveSnapshotPath: testPath =>
+	resolveSnapshotPath: (testPath) =>
 		path.join(
 			path.dirname(testPath),
 			"__snapshots__",
-			`${path.basename(testPath)}${snapshotExtension}`
+			`${path.basename(testPath)}${snapshotExtension}`,
 		),
-	resolveTestPath: snapshotPath =>
+	resolveTestPath: (snapshotPath) =>
 		snapshotPath
 			.replace(`${path.sep}__snapshots__`, "")
 			.slice(0, -snapshotExtension.length),
 	testPathForConsistencyCheck: path.join(
 		"consistency_check",
 		"__tests__",
-		"example.test.js"
-	)
+		"example.test.js",
+	),
 };
diff --git a/tests/helpers/test-server.js b/tests/helpers/test-server.js
index 027acd7..d1663cc 100644
--- a/tests/helpers/test-server.js
+++ b/tests/helpers/test-server.js
@@ -1,6 +1,4 @@
-"use strict";
-
-const webpack = require("webpack");
+const webpack = require("@rspack/core");
 const { RspackDevServer: Server } = require("@rspack/dev-server");
 
 let server;
@@ -13,14 +11,14 @@ function startFullSetup(config, options, done) {
 		options.static = false;
 	} else if (options.static === null) {
 		// this provides a way of using the default static value
-		delete options.static;
+		options.static = undefined;
 	}
 
 	const compiler = webpack(config);
 
 	server = new Server(options, compiler);
 
-	server.startCallback(error => {
+	server.startCallback((error) => {
 		if (error && done) {
 			return done(error);
 		}
@@ -32,14 +30,14 @@ function startFullSetup(config, options, done) {
 
 	return {
 		server,
-		compiler
+		compiler,
 	};
 }
 
 function startAwaitingCompilationFullSetup(config, options, done) {
 	let readyCount = 0;
 
-	const ready = error => {
+	const ready = (error) => {
 		if (error && done) {
 			done(error);
 
@@ -91,5 +89,5 @@ function close(done) {
 
 module.exports = {
 	start,
-	close
+	close,
 };
diff --git a/tests/helpers/trusted-types-html-generator-plugin.js b/tests/helpers/trusted-types-html-generator-plugin.js
index ee647d3..9e5b019 100644
--- a/tests/helpers/trusted-types-html-generator-plugin.js
+++ b/tests/helpers/trusted-types-html-generator-plugin.js
@@ -1,5 +1,3 @@
-"use strict";
-
 const HTMLContentForIndex = `
 <!DOCTYPE html>
 <html>
@@ -40,14 +38,14 @@ module.exports = class HTMLGeneratorPlugin {
 	apply(compiler) {
 		const pluginName = "html-generator-plugin";
 
-		compiler.hooks.thisCompilation.tap(pluginName, compilation => {
+		compiler.hooks.thisCompilation.tap(pluginName, (compilation) => {
 			if (compiler.webpack) {
 				const { RawSource } = compiler.webpack.sources;
 
 				compilation.hooks.processAssets.tap(
 					{
 						name: pluginName,
-						stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL
+						stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL,
 					},
 					() => {
 						const indexSource = new RawSource(HTMLContentForIndex);
@@ -55,7 +53,7 @@ module.exports = class HTMLGeneratorPlugin {
 
 						compilation.emitAsset("index.html", indexSource);
 						compilation.emitAsset("test.html", testSource);
-					}
+					},
 				);
 			} else {
 				compilation.hooks.additionalAssets.tap(pluginName, () => {
@@ -65,7 +63,7 @@ module.exports = class HTMLGeneratorPlugin {
 						},
 						size() {
 							return HTMLContentForIndex.length;
-						}
+						},
 					});
 					compilation.emitAsset("test.html", {
 						source() {
@@ -73,7 +71,7 @@ module.exports = class HTMLGeneratorPlugin {
 						},
 						size() {
 							return HTMLContentForTest.length;
-						}
+						},
 					});
 				});
 			}
diff --git a/tests/normalizeOptions.test.ts b/tests/normalizeOptions.test.ts
index 412e0e6..ee8edd6 100644
--- a/tests/normalizeOptions.test.ts
+++ b/tests/normalizeOptions.test.ts
@@ -1,5 +1,5 @@
-import { RspackOptions, rspack } from "@rspack/core";
-import { Configuration, RspackDevServer } from "@rspack/dev-server";
+import { type RspackOptions, rspack } from "@rspack/core";
+import { type Configuration, RspackDevServer } from "@rspack/dev-server";
 import ReactRefreshPlugin from "@rspack/plugin-react-refresh";
 // @ts-expect-error
 import serializer from "jest-serializer-path";
@@ -22,14 +22,14 @@ describe.skip("normalize options snapshot", () => {
 	it("port string", async () => {
 		await match({
 			devServer: {
-				port: "9000"
-			}
+				port: "9000",
+			},
 		});
 	});
 
 	it("additional entires should added", async () => {
 		expect(
-			await getAdditionEntries({}, { entry: ["something"] })
+			await getAdditionEntries({}, { entry: ["something"] }),
 		).toMatchSnapshot();
 	});
 
@@ -40,48 +40,48 @@ describe.skip("normalize options snapshot", () => {
 			{},
 			{
 				mode: "production",
-				entry: ["something"]
-			}
+				entry: ["something"],
+			},
 		);
-		expect(entries1["undefined"]).not.toContain(reactRefreshEntry);
+		expect(entries1.undefined).not.toContain(reactRefreshEntry);
 		const entries2 = await getAdditionEntries(
 			{},
 			{
 				mode: "production",
 				entry: ["something"],
-				plugins: [new ReactRefreshPlugin({ forceEnable: true })]
-			}
+				plugins: [new ReactRefreshPlugin({ forceEnable: true })],
+			},
 		);
-		expect(entries2["undefined"]).toContain(reactRefreshEntry);
+		expect(entries2.undefined).toContain(reactRefreshEntry);
 		const entries3 = await getAdditionEntries(
 			{},
 			{
 				mode: "development",
 				entry: ["something"],
-				plugins: [new ReactRefreshPlugin()]
-			}
+				plugins: [new ReactRefreshPlugin()],
+			},
 		);
-		expect(entries3["undefined"]).toContain(reactRefreshEntry);
+		expect(entries3.undefined).toContain(reactRefreshEntry);
 		const entries4 = await getAdditionEntries(
 			{},
 			{
 				mode: "production",
 				entry: ["something"],
-				plugins: [new ReactRefreshPlugin()]
-			}
+				plugins: [new ReactRefreshPlugin()],
+			},
 		);
-		expect(entries4["undefined"]).not.toContain(reactRefreshEntry);
+		expect(entries4.undefined).not.toContain(reactRefreshEntry);
 	});
 
 	it("should apply HMR plugin by default", async () => {
 		const compiler = rspack({
 			entry: ENTRY,
-			stats: "none"
+			stats: "none",
 		});
 		const server = new RspackDevServer({}, compiler);
 		await server.start();
 		const hmrPlugins = compiler.__internal__builtinPlugins.filter(
-			p => p.name === "HotModuleReplacementPlugin"
+			(p) => p.name === "HotModuleReplacementPlugin",
 		);
 		expect(hmrPlugins.length).toBe(1);
 		expect(server.options.hot).toBe(true);
@@ -92,12 +92,12 @@ describe.skip("normalize options snapshot", () => {
 		const compiler = rspack([
 			{
 				entry: ENTRY,
-				stats: "none"
+				stats: "none",
 			},
 			{
 				entry: ENTRY1,
-				stats: "none"
-			}
+				stats: "none",
+			},
 		]);
 		const server = new RspackDevServer({}, compiler);
 		await server.start();
@@ -109,10 +109,10 @@ describe.skip("normalize options snapshot", () => {
 		const devServerOptions = {
 			client: {
 				webSocketTransport: require.resolve(
-					"./fixtures/custom-client/CustomSockJSClient"
-				)
+					"./fixtures/custom-client/CustomSockJSClient",
+				),
 			},
-			webSocketServer: "sockjs"
+			webSocketServer: "sockjs",
 		};
 		const server = new RspackDevServer(devServerOptions, compiler);
 		await server.start();
@@ -124,36 +124,37 @@ async function match(config: RspackOptions) {
 	const compiler = rspack({
 		...config,
 		entry: ENTRY,
-		stats: "none"
+		stats: "none",
 	});
 	const server = new RspackDevServer(
 		compiler.options.devServer ?? {},
-		compiler
+		compiler,
 	);
 	await server.start();
 	// it will break ci
 	//@ts-ignore
-	delete server.options.port;
+	server.options.port = undefined;
 	expect(server.options).toMatchSnapshot();
 	await server.stop();
 }
 
 async function getAdditionEntries(
 	serverConfig: Configuration,
-	config: RspackOptions
+	config: RspackOptions,
 ) {
 	const compiler = rspack({
 		...config,
 		stats: "none",
-		entry: ENTRY
+		entry: ENTRY,
 	});
 
 	const server = new RspackDevServer(serverConfig, compiler);
 	await server.start();
 	const entries = compiler.__internal__builtinPlugins
-		.filter(p => p.name === "EntryPlugin")
-		.map(p => p.options)
-		.reduce<Object>((acc: any, cur: any) => {
+		.filter((p) => p.name === "EntryPlugin")
+		.map((p) => p.options)
+		// biome-ignore lint/suspicious/noExplicitAny: _
+		.reduce<Record<string, any>>((acc: any, cur: any) => {
 			const name = cur.options.name;
 			const request = cur.entry;
 			if (acc[name]) {
@@ -167,15 +168,15 @@ async function getAdditionEntries(
 	const value = Object.fromEntries(
 		Object.entries(entries).map(([key, item]) => {
 			// @ts-expect-error
-			const replaced = item.import?.map(entry => {
+			const replaced = item.import?.map((entry) => {
 				const array = entry
 					.replace(/\\/g, "/")
 					.replace(/port=\d+/g, "")
 					.split("/");
-				return "<prefix>" + "/" + array.slice(-3).join("/");
+				return `<prefix>/${array.slice(-3).join("/")}`;
 			});
 			return [key, replaced];
-		})
+		}),
 	);
 	await server.stop();
 	return value;
diff --git a/tests/tsconfig.json b/tests/tsconfig.json
index 09037e0..c4e73fb 100644
--- a/tests/tsconfig.json
+++ b/tests/tsconfig.json
@@ -1,10 +1,10 @@
 {
-  "extends": "../tsconfig.json",
-  "compilerOptions": {
-    "allowJs": true,
-    "checkJs": false,
-    "rootDir": "../"
-  },
-  "include": ["../src", "../tests", "../client-src"],
-  "references": []
+	"extends": "../tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": false,
+		"rootDir": "../"
+	},
+	"include": ["../src", "../tests", "../client-src"],
+	"references": []
 }
diff --git a/tsconfig.build.json b/tsconfig.build.json
index 7973b10..73db71e 100644
--- a/tsconfig.build.json
+++ b/tsconfig.build.json
@@ -1,7 +1,7 @@
 {
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "sourceMap": false,
-    "declarationMap": false
-  }
+	"extends": "./tsconfig.json",
+	"compilerOptions": {
+		"sourceMap": false,
+		"declarationMap": false
+	}
 }
diff --git a/tsconfig.client.json b/tsconfig.client.json
index 48a2109..54d2e8b 100644
--- a/tsconfig.client.json
+++ b/tsconfig.client.json
@@ -1,14 +1,14 @@
 {
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "module": "ES2020",
-    "target": "ES5",
-    "outDir": "client",
-    "rootDir": "client-src",
-    "composite": false,
-    "sourceMap": false,
-    "declarationMap": false,
-    "declaration": false
-  },
-  "include": ["client-src"]
+	"extends": "./tsconfig.json",
+	"compilerOptions": {
+		"module": "ES2020",
+		"target": "ES5",
+		"outDir": "client",
+		"rootDir": "client-src",
+		"composite": false,
+		"sourceMap": false,
+		"declarationMap": false,
+		"declaration": false
+	},
+	"include": ["client-src"]
 }
diff --git a/tsconfig.json b/tsconfig.json
index e0e61d1..0568d2f 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,25 +1,25 @@
 {
-  "compilerOptions": {
-    "module": "NodeNext",
-    "moduleResolution": "NodeNext",
-    "target": "ES2021",
-    "esModuleInterop": true,
-    "declaration": true,
-    "isolatedModules": true,
-    "sourceMap": true,
-    "declarationMap": true,
-    "composite": true,
-    "forceConsistentCasingInFileNames": true,
-    "allowJs": true,
-    "checkJs": true,
-    "strict": true,
-    "skipLibCheck": true,
-    "noUnusedLocals": true,
-    "outDir": "dist",
-    "rootDir": "src"
-  },
-  "ts-node": {
-    "transpileOnly": true
-  },
-  "include": ["src"]
+	"compilerOptions": {
+		"module": "NodeNext",
+		"moduleResolution": "NodeNext",
+		"target": "ES2021",
+		"esModuleInterop": true,
+		"declaration": true,
+		"isolatedModules": true,
+		"sourceMap": true,
+		"declarationMap": true,
+		"composite": true,
+		"forceConsistentCasingInFileNames": true,
+		"allowJs": true,
+		"checkJs": true,
+		"strict": true,
+		"skipLibCheck": true,
+		"noUnusedLocals": true,
+		"outDir": "dist",
+		"rootDir": "src"
+	},
+	"ts-node": {
+		"transpileOnly": true
+	},
+	"include": ["src"]
 }