diff --git a/crates/rspack_core/src/normal_module.rs b/crates/rspack_core/src/normal_module.rs
index 1ff06a8cd4b3..eb8808ad454e 100644
--- a/crates/rspack_core/src/normal_module.rs
+++ b/crates/rspack_core/src/normal_module.rs
@@ -613,6 +613,7 @@ impl Module for NormalModule {
         module_type: &inner.module_type,
         module_layer: inner.layer.as_ref(),
         module_user_request: &inner.user_request,
+        module_match_resource: inner.match_resource.as_ref(),
         module_source_map_kind: inner.source_map_kind,
         loaders: &inner.loaders,
         resource_data: &inner.resource_data,
diff --git a/crates/rspack_core/src/parser_and_generator.rs b/crates/rspack_core/src/parser_and_generator.rs
index e2937aba00b9..bc91a5b05f87 100644
--- a/crates/rspack_core/src/parser_and_generator.rs
+++ b/crates/rspack_core/src/parser_and_generator.rs
@@ -31,6 +31,7 @@ pub struct ParseContext<'a> {
   pub module_user_request: &'a str,
   pub module_parser_options: Option<&'a ParserOptions>,
   pub module_source_map_kind: SourceMapKind,
+  pub module_match_resource: Option<&'a ResourceData>,
   #[debug(skip)]
   pub loaders: &'a [BoxLoader],
   pub resource_data: &'a ResourceData,
diff --git a/crates/rspack_plugin_css/src/parser_and_generator/mod.rs b/crates/rspack_plugin_css/src/parser_and_generator/mod.rs
index 1e3f6663df8f..1153592b9464 100644
--- a/crates/rspack_plugin_css/src/parser_and_generator/mod.rs
+++ b/crates/rspack_plugin_css/src/parser_and_generator/mod.rs
@@ -117,6 +117,7 @@ impl ParserAndGenerator for CssParserAndGenerator {
       build_info,
       build_meta,
       loaders,
+      module_match_resource,
       ..
     } = parse_context;
 
@@ -134,6 +135,7 @@ impl ParserAndGenerator for CssParserAndGenerator {
 
     let source = remove_bom(source);
     let source_code = source.source().into_string_lossy();
+    let resource_data = module_match_resource.unwrap_or(resource_data);
     let resource_path = resource_data.path();
     let cached_source_code = OnceCell::new();
     let get_source_code = || {
diff --git a/crates/rspack_plugin_css/src/runtime/css_loading_with_loading.ejs b/crates/rspack_plugin_css/src/runtime/css_loading_with_loading.ejs
index c264d3b22509..45954be33932 100644
--- a/crates/rspack_plugin_css/src/runtime/css_loading_with_loading.ejs
+++ b/crates/rspack_plugin_css/src/runtime/css_loading_with_loading.ejs
@@ -48,7 +48,9 @@
 						}
 					}
 				};
-				var link = loadStylesheet(chunkId, url, loadingEnded, undefined, fetchPriority);
+				if (typeof document !== 'undefined') {
+					loadStylesheet(chunkId, url, loadingEnded, undefined, fetchPriority);
+				} else { loadingEnded({ type: 'load' }); }
 			} else installedChunks[chunkId] = 0;
 		}
 	}
diff --git a/tests/rspack-test/configCases/css/css-auto/index.js b/tests/rspack-test/configCases/css/css-auto/index.js
index 971cbf67de2f..178688b8fb84 100644
--- a/tests/rspack-test/configCases/css/css-auto/index.js
+++ b/tests/rspack-test/configCases/css/css-auto/index.js
@@ -11,8 +11,11 @@ it("should correctly compile css/auto", () => {
 	expect(style.getPropertyValue("background")).toBe("rgb(255, 0, 0)");
 	expect(style1.class).toBe("_style1_module_less-class");
 	expect(style2.class).toBe("_style2_modules_less-class");
-	// DIFF: rspack not generate loader path in ident name
-	expect(style3.class).toBe("_style3_module_js-class");
-	expect(style4.class).toBe("_style4_module_less_loader_js_style4_js-class");
-	expect(style5.class).toBe("_style5_module_css_loader_js_style4_js-class");
+	// DIFF: should use module id instead of relative path
+	// expect(style3.class).toBe("_style3_module_less_loader_js_style3_module_js-class");
+	// expect(style4.class).toBe("_style4_module_less_loader_js_style4_js-class");
+	// expect(style5.class).toBe("_style5_module_css_loader_js_style4_js-class");
+	expect(style3.class).toBe("_style3_module_less-class");
+	expect(style4.class).toBe("_style4_module_less-class");
+	expect(style5.class).toBe("_style5_module_css-class");
 });
diff --git a/tests/rspack-test/configCases/css/css-auto/test.filter.js b/tests/rspack-test/configCases/css/css-auto/test.filter.js
deleted file mode 100644
index 18eafafceed9..000000000000
--- a/tests/rspack-test/configCases/css/css-auto/test.filter.js
+++ /dev/null
@@ -1,6 +0,0 @@
-const { FilteredStatus } = require("@rspack/test-tools/helper/util/filterUtil");
-
-module.exports = () => [
-  FilteredStatus.PARTIAL_PASS,
-  "FIXME: ident name not contain loader path"
-];
diff --git a/tests/rspack-test/configCases/css/css-order-concatenate-modules/__snapshot__/main.css.txt b/tests/rspack-test/configCases/css/css-order-concatenate-modules/__snapshot__/main.css.txt
new file mode 100644
index 000000000000..6534f43a6d3e
--- /dev/null
+++ b/tests/rspack-test/configCases/css/css-order-concatenate-modules/__snapshot__/main.css.txt
@@ -0,0 +1 @@
+.c{    color: black;}.b{    color: green;}.a {    color: red;}
\ No newline at end of file
diff --git a/tests/rspack-test/configCases/css/css-order-concatenate-modules/index.js b/tests/rspack-test/configCases/css/css-order-concatenate-modules/index.js
index faf7574346a1..374fb1a2bb86 100644
--- a/tests/rspack-test/configCases/css/css-order-concatenate-modules/index.js
+++ b/tests/rspack-test/configCases/css/css-order-concatenate-modules/index.js
@@ -4,10 +4,11 @@ c()
 b()
 a()
 
-it("keep consistent css order", function() {
+it("keep consistent css order", function () {
 	const fs = __non_webpack_require__("fs");
+	const path = __non_webpack_require__("path");
 	let source = fs.readFileSync(__dirname + "/main.css", "utf-8");
-	expect(removeComments(source)).toMatchSnapshot()
+	expect(removeComments(source)).toMatchFileSnapshot(path.join(__SNAPSHOT__, 'main.css.txt'))
 });
 
 function removeComments(source) {
diff --git a/tests/rspack-test/configCases/css/css-order-concatenate-modules/rspack.config.js b/tests/rspack-test/configCases/css/css-order-concatenate-modules/rspack.config.js
index d86dc527f415..187450f79735 100644
--- a/tests/rspack-test/configCases/css/css-order-concatenate-modules/rspack.config.js
+++ b/tests/rspack-test/configCases/css/css-order-concatenate-modules/rspack.config.js
@@ -11,6 +11,9 @@ module.exports = {
 	optimization: {
 		concatenateModules: true
 	},
+	experiments: {
+		css: false
+	},
 	module: {
 		rules: [
 			{
diff --git a/tests/rspack-test/configCases/css/css-order-concatenate-modules/test.filter.js b/tests/rspack-test/configCases/css/css-order-concatenate-modules/test.filter.js
deleted file mode 100644
index 053bead87968..000000000000
--- a/tests/rspack-test/configCases/css/css-order-concatenate-modules/test.filter.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports = () => "FIXME: failed to import css modules";
\ No newline at end of file
diff --git a/tests/rspack-test/configCases/css/css-order-reexport/__snapshot__/main.css.txt b/tests/rspack-test/configCases/css/css-order-reexport/__snapshot__/main.css.txt
new file mode 100644
index 000000000000..428c9c2c20bf
--- /dev/null
+++ b/tests/rspack-test/configCases/css/css-order-reexport/__snapshot__/main.css.txt
@@ -0,0 +1 @@
+.dependency::before {	content: "dependency";}.dependency2::before {	content: "dependency2";}
\ No newline at end of file
diff --git a/tests/rspack-test/configCases/css/css-order-reexport/index.js b/tests/rspack-test/configCases/css/css-order-reexport/index.js
index 6901b689ea55..b4f9bf0518fc 100644
--- a/tests/rspack-test/configCases/css/css-order-reexport/index.js
+++ b/tests/rspack-test/configCases/css/css-order-reexport/index.js
@@ -3,10 +3,11 @@ component(dependency, dependency2);
 
 // https://github.com/webpack/webpack/issues/18961
 // https://github.com/jantimon/reproduction-webpack-css-order
-it("keep consistent css order", function() {
+it("keep consistent css order", function () {
 	const fs = __non_webpack_require__("fs");
+	const path = __non_webpack_require__("path");
 	let source = fs.readFileSync(__dirname + "/main.css", "utf-8");
-	expect(removeComments(source)).toMatchSnapshot()
+	expect(removeComments(source)).toMatchFileSnapshot(path.join(__SNAPSHOT__, 'main.css.txt'))
 });
 
 function removeComments(source) {
diff --git a/tests/rspack-test/configCases/css/css-order-reexport/rspack.config.js b/tests/rspack-test/configCases/css/css-order-reexport/rspack.config.js
index dcfeb029ac2a..cfb8e25a8fce 100644
--- a/tests/rspack-test/configCases/css/css-order-reexport/rspack.config.js
+++ b/tests/rspack-test/configCases/css/css-order-reexport/rspack.config.js
@@ -11,6 +11,9 @@ module.exports = {
 	optimization: {
 		concatenateModules: false
 	},
+	experiments: {
+		css: false
+	},
 	module: {
 		rules: [
 			{
diff --git a/tests/rspack-test/configCases/css/css-order-reexport/test.filter.js b/tests/rspack-test/configCases/css/css-order-reexport/test.filter.js
deleted file mode 100644
index 053bead87968..000000000000
--- a/tests/rspack-test/configCases/css/css-order-reexport/test.filter.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports = () => "FIXME: failed to import css modules";
\ No newline at end of file
diff --git a/tests/rspack-test/configCases/css/css-order/__snapshot__/main.css.txt b/tests/rspack-test/configCases/css/css-order/__snapshot__/main.css.txt
new file mode 100644
index 000000000000..e1a3bb465b0a
--- /dev/null
+++ b/tests/rspack-test/configCases/css/css-order/__snapshot__/main.css.txt
@@ -0,0 +1 @@
+.teaser-module {  padding: 20px;  border: 1px solid #ddd;  border-radius: 8px;  margin: 16px;}.teaser-module {  background-color: orange;}.button-module {  padding: 8px 16px;  background-color: #007bff;  color: white;  border: none;  border-radius: 4px;}
\ No newline at end of file
diff --git a/tests/rspack-test/configCases/css/css-order/index.js b/tests/rspack-test/configCases/css/css-order/index.js
index 15b3c646d115..dc7abb33546e 100644
--- a/tests/rspack-test/configCases/css/css-order/index.js
+++ b/tests/rspack-test/configCases/css/css-order/index.js
@@ -4,10 +4,11 @@ document.body.innerHTML = Teaser();
 
 // https://github.com/webpack/webpack/issues/18961
 // https://github.com/jantimon/reproduction-webpack-css-order
-it("keep consistent css order", function() {
+it("keep consistent css order", function () {
 	const fs = __non_webpack_require__("fs");
+	const path = __non_webpack_require__("path");
 	let source = fs.readFileSync(__dirname + "/main.css", "utf-8");
-	expect(removeComments(source)).toMatchSnapshot()
+	expect(removeComments(source)).toMatchFileSnapshot(path.join(__SNAPSHOT__, 'main.css.txt'))
 });
 
 function removeComments(source) {
diff --git a/tests/rspack-test/configCases/css/css-order/package.json b/tests/rspack-test/configCases/css/css-order/package.json
index ffca90bc3c3e..85dd6313c76f 100644
--- a/tests/rspack-test/configCases/css/css-order/package.json
+++ b/tests/rspack-test/configCases/css/css-order/package.json
@@ -2,7 +2,5 @@
   "name": "css-order",
   "version": "1.0.0",
   "sideEffects": false,
-  "devDependencies": {
-    "mini-css-extract-plugin": "^2.9.4"
-  }
-}
+  "devDependencies": {}
+}
\ No newline at end of file
diff --git a/tests/rspack-test/configCases/css/css-order/rspack.config.js b/tests/rspack-test/configCases/css/css-order/rspack.config.js
index cfb887b4d374..46ce5c953bf8 100644
--- a/tests/rspack-test/configCases/css/css-order/rspack.config.js
+++ b/tests/rspack-test/configCases/css/css-order/rspack.config.js
@@ -11,13 +11,16 @@ module.exports = {
 	optimization: {
 		concatenateModules: false
 	},
+	experiments: {
+		css: false
+	},
 	module: {
 		rules: [
 			{
 				test: /\.module\.css$/,
 				use: [
 					{
-						loader: MiniCssExtractPlugin.loader
+						loader: MiniCssExtractPlugin.loader,
 					},
 					{
 						loader: "css-loader",
diff --git a/tests/rspack-test/configCases/css/css-order/test.filter.js b/tests/rspack-test/configCases/css/css-order/test.filter.js
deleted file mode 100644
index 053bead87968..000000000000
--- a/tests/rspack-test/configCases/css/css-order/test.filter.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports = () => "FIXME: failed to import css modules";
\ No newline at end of file
diff --git a/tests/rspack-test/configCases/css/css-order2/__snapshot__/main.css.txt b/tests/rspack-test/configCases/css/css-order2/__snapshot__/main.css.txt
new file mode 100644
index 000000000000..428c9c2c20bf
--- /dev/null
+++ b/tests/rspack-test/configCases/css/css-order2/__snapshot__/main.css.txt
@@ -0,0 +1 @@
+.dependency::before {	content: "dependency";}.dependency2::before {	content: "dependency2";}
\ No newline at end of file
diff --git a/tests/rspack-test/configCases/css/css-order2/index.js b/tests/rspack-test/configCases/css/css-order2/index.js
index 6fd0e91c3850..4cf8271a8481 100644
--- a/tests/rspack-test/configCases/css/css-order2/index.js
+++ b/tests/rspack-test/configCases/css/css-order2/index.js
@@ -3,10 +3,11 @@ component()
 
 // https://github.com/webpack/webpack/issues/18961
 // https://github.com/jantimon/reproduction-webpack-css-order
-it("keep consistent css order", function() {
+it("keep consistent css order", function () {
 	const fs = __non_webpack_require__("fs");
+	const path = __non_webpack_require__("path");
 	let source = fs.readFileSync(__dirname + "/main.css", "utf-8");
-	expect(removeComments(source)).toMatchSnapshot()
+	expect(removeComments(source)).toMatchFileSnapshot(path.join(__SNAPSHOT__, 'main.css.txt'))
 });
 
 function removeComments(source) {
diff --git a/tests/rspack-test/configCases/css/css-order2/rspack.config.js b/tests/rspack-test/configCases/css/css-order2/rspack.config.js
index dcfeb029ac2a..cfb8e25a8fce 100644
--- a/tests/rspack-test/configCases/css/css-order2/rspack.config.js
+++ b/tests/rspack-test/configCases/css/css-order2/rspack.config.js
@@ -11,6 +11,9 @@ module.exports = {
 	optimization: {
 		concatenateModules: false
 	},
+	experiments: {
+		css: false
+	},
 	module: {
 		rules: [
 			{
diff --git a/tests/rspack-test/configCases/css/css-order2/test.filter.js b/tests/rspack-test/configCases/css/css-order2/test.filter.js
deleted file mode 100644
index 053bead87968..000000000000
--- a/tests/rspack-test/configCases/css/css-order2/test.filter.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports = () => "FIXME: failed to import css modules";
\ No newline at end of file
diff --git a/tests/rspack-test/configCases/css/css-order3/__snapshot__/main.css.txt b/tests/rspack-test/configCases/css/css-order3/__snapshot__/main.css.txt
new file mode 100644
index 000000000000..be72d62fb05f
--- /dev/null
+++ b/tests/rspack-test/configCases/css/css-order3/__snapshot__/main.css.txt
@@ -0,0 +1 @@
+.dependency3::before {	content: "dependency3";}.dependency::before {	content: "dependency";}.dependency2::before {	content: "dependency2";}
\ No newline at end of file
diff --git a/tests/rspack-test/configCases/css/css-order3/index.js b/tests/rspack-test/configCases/css/css-order3/index.js
index 6fd0e91c3850..4cf8271a8481 100644
--- a/tests/rspack-test/configCases/css/css-order3/index.js
+++ b/tests/rspack-test/configCases/css/css-order3/index.js
@@ -3,10 +3,11 @@ component()
 
 // https://github.com/webpack/webpack/issues/18961
 // https://github.com/jantimon/reproduction-webpack-css-order
-it("keep consistent css order", function() {
+it("keep consistent css order", function () {
 	const fs = __non_webpack_require__("fs");
+	const path = __non_webpack_require__("path");
 	let source = fs.readFileSync(__dirname + "/main.css", "utf-8");
-	expect(removeComments(source)).toMatchSnapshot()
+	expect(removeComments(source)).toMatchFileSnapshot(path.join(__SNAPSHOT__, 'main.css.txt'))
 });
 
 function removeComments(source) {
diff --git a/tests/rspack-test/configCases/css/css-order3/rspack.config.js b/tests/rspack-test/configCases/css/css-order3/rspack.config.js
index dcfeb029ac2a..cfb8e25a8fce 100644
--- a/tests/rspack-test/configCases/css/css-order3/rspack.config.js
+++ b/tests/rspack-test/configCases/css/css-order3/rspack.config.js
@@ -11,6 +11,9 @@ module.exports = {
 	optimization: {
 		concatenateModules: false
 	},
+	experiments: {
+		css: false
+	},
 	module: {
 		rules: [
 			{
diff --git a/tests/rspack-test/configCases/css/css-order3/test.filter.js b/tests/rspack-test/configCases/css/css-order3/test.filter.js
deleted file mode 100644
index 053bead87968..000000000000
--- a/tests/rspack-test/configCases/css/css-order3/test.filter.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports = () => "FIXME: failed to import css modules";
\ No newline at end of file
diff --git a/tests/rspack-test/configCases/css/external-in-web/dynamic.css b/tests/rspack-test/configCases/css/external-in-web/dynamic.css
index 65928e678f5c..8f00dc93e127 100644
--- a/tests/rspack-test/configCases/css/external-in-web/dynamic.css
+++ b/tests/rspack-test/configCases/css/external-in-web/dynamic.css
@@ -1,2 +1,2 @@
 @import "style2.css";
-@import "https://test.cases/path/@rspack/coreconfigCases/css/external-in-web/dynamic-external.css";
\ No newline at end of file
+@import "https://test.cases/root/configCases/css/external-in-web/dynamic-external.css";
\ No newline at end of file
diff --git a/tests/rspack-test/configCases/css/external-in-web/index.js b/tests/rspack-test/configCases/css/external-in-web/index.js
index 7a59e872fad7..ba2a6aa2cc4f 100644
--- a/tests/rspack-test/configCases/css/external-in-web/index.js
+++ b/tests/rspack-test/configCases/css/external-in-web/index.js
@@ -1,29 +1,29 @@
 import * as style from "./style.css";
 
-it("should import an external CSS inside CSS", () => {
-	const bodyStyle = getComputedStyle(document.body);
+it("should import an external CSS inside CSS", async () => {
+	const links = Array.from(Object.values(window["__LINK_SHEET__"]));
+	const css = links.join("\n");
 
-	expect(bodyStyle.getPropertyValue("color")).toBe(" green");
-	expect(bodyStyle.getPropertyValue("padding")).toBe(" 10px");
+	expect(css).toContain("color: green");
+	expect(css).toContain("padding: 10px");
 });
 
 // import * as style1 from "http://test.com/import.css";
 
 it("should work with an external URL", () => {
-	const url = new URL("https://test.cases/url-external.css", import.meta.url);
+	const url = new URL("https://test.cases/path/url-external.css", import.meta.url);
 
 	expect(url.toString().endsWith("url-external.css")).toBe(true);
 });
 
 it("should import an external css dynamically", async () => {
 	const x = await import("./dynamic.css");
-	expect(x).toEqual({});
-	const bodyStyle = getComputedStyle(document.body);
-	expect(bodyStyle.getPropertyValue("color")).toBe(" red");
-	expect(bodyStyle.getPropertyValue("background")).toBe(
-		" url(//example.com/image.png) url(https://example.com/image.png)"
-	);
-	expect(bodyStyle.getPropertyValue("background-image")).toBe(
-		" url(http://example.com/image.png)"
-	);
+	expect(Object.keys(x)).toEqual([]);
+
+	const links = Array.from(Object.values(window["__LINK_SHEET__"]));
+	const css = links.join("\n");
+
+	expect(css).toContain("color: red");
+	expect(css).toContain("background: url(//example.com/image.png) url(https://example.com/image.png)");
+	expect(css).toContain("background-image: url(http://example.com/image.png)");
 });
diff --git a/tests/rspack-test/configCases/css/external-in-web/rspack.config.js b/tests/rspack-test/configCases/css/external-in-web/rspack.config.js
index dae37eaa73b1..a2a72e1c9879 100644
--- a/tests/rspack-test/configCases/css/external-in-web/rspack.config.js
+++ b/tests/rspack-test/configCases/css/external-in-web/rspack.config.js
@@ -11,14 +11,14 @@ module.exports = [
 			css: true
 		}
 	},
-	{
-		target: "web",
-		optimization: {
-			chunkIds: "named"
-		},
-		experiments: {
-			css: true,
-			outputModule: true
-		}
-	}
+	// {
+	// 	target: "web",
+	// 	optimization: {
+	// 		chunkIds: "named"
+	// 	},
+	// 	experiments: {
+	// 		css: true,
+	// 		outputModule: true
+	// 	}
+	// }
 ];
diff --git a/tests/rspack-test/configCases/css/external-in-web/style.css b/tests/rspack-test/configCases/css/external-in-web/style.css
index 3723c6a04dc0..3686c100f777 100644
--- a/tests/rspack-test/configCases/css/external-in-web/style.css
+++ b/tests/rspack-test/configCases/css/external-in-web/style.css
@@ -1,4 +1,4 @@
-@import "https://test.cases/path/@rspack/coreconfigCases/css/external-in-web/external.css";
+@import "https://test.cases/root/configCases/css/external-in-web/external.css";
 
 body {
 	padding: 10px;
diff --git a/tests/rspack-test/configCases/css/external-in-web/test.config.js b/tests/rspack-test/configCases/css/external-in-web/test.config.js
index f6d6af0f996a..6682cd7fb09e 100644
--- a/tests/rspack-test/configCases/css/external-in-web/test.config.js
+++ b/tests/rspack-test/configCases/css/external-in-web/test.config.js
@@ -2,12 +2,15 @@
 
 module.exports = {
 	moduleScope(scope, stats, options) {
-		const link = scope.window.document.createElement("link");
-		link.rel = "stylesheet";
-		link.href = options.experiments.outputModule ? "bundle1.css" : "bundle0.css";
-		scope.window.document.head.appendChild(link);
 	},
 	findBundle(i) {
-		return i === 0 ? ["dynamic_css.bundle0.js", "bundle0.js"] : ["bundle1.mjs"];
+		return i === 0 ? [
+			// "dynamic_css.bundle0.js",
+			"bundle0.css",
+			"bundle0.js"
+		] : [
+			"bundle1.css",
+			"bundle1.mjs"
+		];
 	}
 };
diff --git a/tests/rspack-test/configCases/css/external-in-web/test.filter.js b/tests/rspack-test/configCases/css/external-in-web/test.filter.js
deleted file mode 100644
index 9f91fd86475a..000000000000
--- a/tests/rspack-test/configCases/css/external-in-web/test.filter.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports = () => "FIXME: timeout";
\ No newline at end of file
diff --git a/tests/rspack-test/configCases/css/import/index.js b/tests/rspack-test/configCases/css/import/index.js
index 6ee47ccf39a8..4c89e85386f6 100644
--- a/tests/rspack-test/configCases/css/import/index.js
+++ b/tests/rspack-test/configCases/css/import/index.js
@@ -1,4 +1,5 @@
 import "./style.css";
+import path from "path";
 
 it("should compile", () => {
 	const links = document.getElementsByTagName("link");
@@ -9,5 +10,5 @@ it("should compile", () => {
 		css.push(link.sheet.css);
 	}
 
-	expect(css).toMatchSnapshot();
+	expect(css).toMatchFileSnapshot(path.join(__SNAPSHOT__, 'bundle0.css.txt'));
 });
diff --git a/tests/rspack-test/configCases/css/import/style.css b/tests/rspack-test/configCases/css/import/style.css
index 35f9c5b500f6..bf99e09efa3b 100644
--- a/tests/rspack-test/configCases/css/import/style.css
+++ b/tests/rspack-test/configCases/css/import/style.css
@@ -61,8 +61,8 @@
 @import url(style2.css) screen and (orientation:landscape);
 @import url(style2.css) screen and (orientation:landscape);
 @import url(style2.css) (min-width: 100px);
-@import url(https://test.cases/path/@rspack/coreconfigCases/css/import/external.css);
-@import url(https://test.cases/path/@rspack/coreconfigCases/css/import/external.css) screen and (orientation:landscape);
+@import url(https://test.cases/root/configCases/css/import/external.css);
+@import url(https://test.cases/root/configCases/css/import/external.css) screen and (orientation:landscape);
 @import "//example.com/style.css";
 @import url('test.css?foo=1&bar=1');
 @import url('style2.css?foo=1&bar=1#hash');
diff --git a/tests/rspack-test/configCases/css/import/style10.css b/tests/rspack-test/configCases/css/import/style10.css
index b046634507a4..6cff992fc5b4 100644
--- a/tests/rspack-test/configCases/css/import/style10.css
+++ b/tests/rspack-test/configCases/css/import/style10.css
@@ -1,5 +1,5 @@
 @import url(./style11.css);
-@import url(https://test.cases/path/@rspack/coreconfigCases/css/import/external1.css);
+@import url(https://test.cases/root/configCases/css/import/external1.css);
 @import url(./style12.css);
 @import url(./style13.css);
 
diff --git a/tests/rspack-test/configCases/css/import/style12.css b/tests/rspack-test/configCases/css/import/style12.css
index 475a6265b2ac..bf93ca99719f 100644
--- a/tests/rspack-test/configCases/css/import/style12.css
+++ b/tests/rspack-test/configCases/css/import/style12.css
@@ -1,4 +1,4 @@
-@import url(https://test.cases/path/@rspack/coreconfigCases/css/import/external2.css);
+@import url(https://test.cases/root/configCases/css/import/external2.css);
 
 .style12 {
 	color: red;
diff --git a/tests/rspack-test/configCases/css/import/style13.css b/tests/rspack-test/configCases/css/import/style13.css
index e96a441a70f7..d536575e28e1 100644
--- a/tests/rspack-test/configCases/css/import/style13.css
+++ b/tests/rspack-test/configCases/css/import/style13.css
@@ -1,4 +1,4 @@
-@import url(https://test.cases/path/@rspack/coreconfigCases/css/import/external2.css);
+@import url(https://test.cases/root/configCases/css/import/external2.css);
 
 div {
   color: red;
diff --git a/tests/rspack-test/configCases/css/no-extra-js-exports-output/test.filter.js b/tests/rspack-test/configCases/css/no-extra-js-exports-output/test.filter.js
deleted file mode 100644
index 3de01665fa52..000000000000
--- a/tests/rspack-test/configCases/css/no-extra-js-exports-output/test.filter.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports = () => "FIXME: generated js modules";
\ No newline at end of file
diff --git a/tests/rspack-test/configCases/css/no-extra-js-exports-output/test.js b/tests/rspack-test/configCases/css/no-extra-js-exports-output/test.js
index 691d2ce7ecb9..5682f4f47ec4 100644
--- a/tests/rspack-test/configCases/css/no-extra-js-exports-output/test.js
+++ b/tests/rspack-test/configCases/css/no-extra-js-exports-output/test.js
@@ -13,12 +13,16 @@ it("should work", () => {
 		// and it still output two runtime module:
 		// 	 'webpack/runtime/make namespace object'
 		// 	 'webpack/runtime/css loading'
-		expect(stats.modules.length).toBe(4);
+		// DIFF: rspack generate extra js modules for css modules
+		// expect(stats.modules.length).toBe(4);
+		expect(stats.modules.length).toBe(8);
 	} else if (__STATS_I__ === 1) {
 		stats.modules
 			.filter(module => module.moduleType === "css/auto")
 			.forEach(module => {
-				expect(module.sizes["javascript"] === 1).toBe(true);
+				// DIFF: rspack generate js modules for size 42
+				// expect(module.sizes["javascript"] === 1).toBe(true);
+				expect(module.sizes["javascript"] === 42).toBe(true);
 			});
 	} else if (__STATS_I__ === 2) {
 		stats.modules
diff --git a/tests/rspack-test/configCases/css/parsing/cases/bad-url-token.css b/tests/rspack-test/configCases/css/parsing/cases/bad-url-token.css
index 748e2c643e42..7fef92d2166c 100644
--- a/tests/rspack-test/configCases/css/parsing/cases/bad-url-token.css
+++ b/tests/rspack-test/configCases/css/parsing/cases/bad-url-token.css
@@ -1,11 +1,14 @@
 a {
-	background-image: url(   ./image.jpg  a  );
+	background-image: url(./image.jpg  a  );
 }
 
-div {
+/**
+ * DIFF: rspack can not parse this
+ */
+/* div {
 	background: url(image.png\
 	);
-}
+} */
 
 a {
 	background: \url(te st);
@@ -18,11 +21,12 @@ div {
 
 div {
 	background: url(image.
-	png);
+ png);
 	color: red;
 }
 
 p::before {
 	content: "tes
-	t";
-}
+ t";
+
+}
\ No newline at end of file
diff --git a/tests/rspack-test/configCases/css/parsing/style.css b/tests/rspack-test/configCases/css/parsing/style.css
index 65298f537cf2..35926982d159 100644
--- a/tests/rspack-test/configCases/css/parsing/style.css
+++ b/tests/rspack-test/configCases/css/parsing/style.css
@@ -1,6 +1,5 @@
 @import "./cases/at-rule.css";
-/* FIXME: Can't resolve 'image.png' */
-/* @import "./cases/bad-url-token.css"; */
+@import "./cases/bad-url-token.css";
 @import "./cases/cdo-and-cdc.css";
 @import "./cases/comment.css";
 @import "./cases/dashed-ident.css";
diff --git a/tests/rspack-test/configCases/css/universal/index.js b/tests/rspack-test/configCases/css/universal/index.js
index aa3fa1d2f041..a4b69165d086 100644
--- a/tests/rspack-test/configCases/css/universal/index.js
+++ b/tests/rspack-test/configCases/css/universal/index.js
@@ -5,16 +5,16 @@ it("should work", () => new Promise((resolve, reject) => {
 	const done = err => (err ? reject(err) : resolve());
 	expect(pureStyle).toEqual(nsObj({}));
 	const style = getComputedStyle(document.body);
-	expect(style.getPropertyValue("background")).toBe(" red");
-  expect(styles.foo).toBe('_style_modules_css-foo');
+	expect(style.getPropertyValue("background")).toBe("red");
+	expect(styles.foo).toBe('_style_modules_css-foo');
 
 	import(/* webpackPrefetch: true */ "./style2.css").then(x => {
 		expect(x).toEqual(nsObj({}));
 		const style = getComputedStyle(document.body);
-		expect(style.getPropertyValue("color")).toBe(" blue");
+		expect(style.getPropertyValue("color")).toBe("rgb(0, 0, 255)");
 
 		import(/* webpackPrefetch: true */ "./style2.modules.css").then(x => {
-		  expect(x.bar).toBe("_style2_modules_css-bar");
+			expect(x.bar).toBe("_style2_modules_css-bar");
 			done();
 		}, done);
 	}, done);
diff --git a/tests/rspack-test/configCases/css/universal/rspack.config.js b/tests/rspack-test/configCases/css/universal/rspack.config.js
index b13b560fad31..8db9294e4e88 100644
--- a/tests/rspack-test/configCases/css/universal/rspack.config.js
+++ b/tests/rspack-test/configCases/css/universal/rspack.config.js
@@ -1,6 +1,8 @@
 /** @type {import("@rspack/core").Configuration} */
 module.exports = {
-	target: ["web", "node"],
+	// DIFF: no css file is generated in node target
+	// target: ["web", "node"],
+	target: "web",
 	mode: "development",
 	experiments: {
 		css: true,
diff --git a/tests/rspack-test/configCases/css/universal/style.css b/tests/rspack-test/configCases/css/universal/style.css
index f0d5b13bffd9..a247d75fafe7 100644
--- a/tests/rspack-test/configCases/css/universal/style.css
+++ b/tests/rspack-test/configCases/css/universal/style.css
@@ -1,3 +1,3 @@
 body {
 	background: red;
-}
+}
\ No newline at end of file
diff --git a/tests/rspack-test/configCases/css/universal/style.modules.css b/tests/rspack-test/configCases/css/universal/style.modules.css
index cedf0a6d1f17..63fcf4355f07 100644
--- a/tests/rspack-test/configCases/css/universal/style.modules.css
+++ b/tests/rspack-test/configCases/css/universal/style.modules.css
@@ -1,3 +1,3 @@
 .foo {
 	color: red;
-}
+}
\ No newline at end of file
diff --git a/tests/rspack-test/configCases/css/universal/style2.css b/tests/rspack-test/configCases/css/universal/style2.css
index 36505138bc99..92b8f5d39b2f 100644
--- a/tests/rspack-test/configCases/css/universal/style2.css
+++ b/tests/rspack-test/configCases/css/universal/style2.css
@@ -1,3 +1,3 @@
 body {
 	color: blue;
-}
+}
\ No newline at end of file
diff --git a/tests/rspack-test/configCases/css/universal/style2.modules.css b/tests/rspack-test/configCases/css/universal/style2.modules.css
index de51739f73da..d5d5732d1003 100644
--- a/tests/rspack-test/configCases/css/universal/style2.modules.css
+++ b/tests/rspack-test/configCases/css/universal/style2.modules.css
@@ -1,3 +1,3 @@
 .bar {
 	background: blue;
-}
+}
\ No newline at end of file
diff --git a/tests/rspack-test/configCases/css/universal/style3.modules.css b/tests/rspack-test/configCases/css/universal/style3.modules.css
index 2e28374deb9c..fafbf9171023 100644
--- a/tests/rspack-test/configCases/css/universal/style3.modules.css
+++ b/tests/rspack-test/configCases/css/universal/style3.modules.css
@@ -1,3 +1,3 @@
 .baz {
 	background: blue;
-}
+}
\ No newline at end of file
diff --git a/tests/rspack-test/configCases/css/universal/test.config.js b/tests/rspack-test/configCases/css/universal/test.config.js
index 0590757288f9..c1d0cde327ca 100644
--- a/tests/rspack-test/configCases/css/universal/test.config.js
+++ b/tests/rspack-test/configCases/css/universal/test.config.js
@@ -1,8 +1,8 @@
 module.exports = {
 	moduleScope(scope) {
-		const link = scope.window.document.createElement("link");
-		link.rel = "stylesheet";
-		link.href = "bundle0.css";
-		scope.window.document.head.appendChild(link);
+		// const link = scope.window.document.createElement("link");
+		// link.rel = "stylesheet";
+		// link.href = "bundle0.css";
+		// scope.window.document.head.appendChild(link);
 	}
 };
diff --git a/tests/rspack-test/configCases/css/universal/test.filter.js b/tests/rspack-test/configCases/css/universal/test.filter.js
deleted file mode 100644
index 8f29f66c63a0..000000000000
--- a/tests/rspack-test/configCases/css/universal/test.filter.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports = () => "FIXME: panic ' invalid wasm loading type: universal'";