test: normalize tailwind v4 e2e output

sonofmagic · sonofmagic · commit 29102f27def5 · 2026-05-07T13:19:58.000+08:00
diff --git a/e2e/__snapshots__/apps-generator-mode/compare/report.json b/e2e/__snapshots__/apps-generator-mode/compare/report.json
@@ -3501,7 +3501,7 @@
       "hasRawArbitrarySelector": false
     },
     "generator": {
-      "bytes": 502633,
+      "bytes": 502630,
       "selectors": [
         ".-m-_b20px_B",
         ".-mt-2",
@@ -6496,7 +6496,7 @@
       "hasWeappEscapedArbitrarySelector": true,
       "hasRawArbitrarySelector": false
     },
-    "deltaBytes": 100714,
+    "deltaBytes": 100711,
     "generatorBytesRatio": 1.2506,
     "sharedSelectors": [
       ".-m-_b20px_B",
@@ -7580,7 +7580,7 @@
       "hasRawArbitrarySelector": false
     },
     "generator": {
-      "bytes": 65762,
+      "bytes": 65747,
       "selectors": [
         ".-m-_b20px_B",
         ".-mt-2",
@@ -7733,8 +7733,8 @@
       "hasWeappEscapedArbitrarySelector": true,
       "hasRawArbitrarySelector": false
     },
-    "deltaBytes": 25249,
-    "generatorBytesRatio": 1.6232,
+    "deltaBytes": 25234,
+    "generatorBytesRatio": 1.6229,
     "sharedSelectors": [
       ".-m-_b20px_B",
       ".-mt-2",
@@ -7775,7 +7775,7 @@
     ],
     "status": "passed",
     "legacy": {
-      "bytes": 349563,
+      "bytes": 349505,
       "selectors": [
         "._bchunkhash_c8_B",
         "._bhash_c8_B",
@@ -12102,8 +12102,8 @@
       "hasWeappEscapedArbitrarySelector": true,
       "hasRawArbitrarySelector": false
     },
-    "deltaBytes": 15875,
-    "generatorBytesRatio": 1.0454,
+    "deltaBytes": 15933,
+    "generatorBytesRatio": 1.0456,
     "sharedSelectors": [
       "._bchunkhash_c8_B",
       "._bhash_c8_B",
@@ -12178,7 +12178,7 @@
       "hasRawArbitrarySelector": false
     },
     "generator": {
-      "bytes": 4701,
+      "bytes": 4698,
       "selectors": [
         ".before_ccontent-_b_q11111_q_B:before",
         ".before_ccontent-_b_q222_q_B:before",
@@ -12231,8 +12231,8 @@
       "hasWeappEscapedArbitrarySelector": true,
       "hasRawArbitrarySelector": false
     },
-    "deltaBytes": 171,
-    "generatorBytesRatio": 1.0377,
+    "deltaBytes": 168,
+    "generatorBytesRatio": 1.0371,
     "sharedSelectors": [
       ".before_ccontent-_b_q11111_q_B:before",
       ".before_ccontent-_b_q222_q_B:before",
@@ -13000,7 +13000,7 @@
       "hasRawArbitrarySelector": false
     },
     "generator": {
-      "bytes": 123826,
+      "bytes": 123820,
       "selectors": [
         ".-m-_b20px_B",
         ".-mt-2",
@@ -13306,8 +13306,8 @@
       "hasWeappEscapedArbitrarySelector": true,
       "hasRawArbitrarySelector": false
     },
-    "deltaBytes": 7998,
-    "generatorBytesRatio": 1.0691,
+    "deltaBytes": 7992,
+    "generatorBytesRatio": 1.069,
     "sharedSelectors": [
       ".-m-_b20px_B",
       ".-mt-2",
@@ -13346,7 +13346,7 @@
     ],
     "status": "passed",
     "legacy": {
-      "bytes": 6578,
+      "bytes": 6575,
       "selectors": [
         ".bg-_b_hfff_B",
         ".bg-_blength_c100_v_100_v_B",
@@ -13399,7 +13399,7 @@
       "hasRawArbitrarySelector": false
     },
     "generator": {
-      "bytes": 6496,
+      "bytes": 6493,
       "selectors": [
         ".bg-_b_hfff_B",
         ".bg-_blength_c100_v_100_v_B",
@@ -16406,7 +16406,7 @@
       "hasRawArbitrarySelector": false
     },
     "generator": {
-      "bytes": 199204,
+      "bytes": 199192,
       "selectors": [
         ".after_ccontent-_b_au_x4f60_u_x597d_u_x554a_u_xff0c_u_x6211_u_x8fd9_u_x662f_u_x4e2d_u_x6587_u_x5b57_u_x7b26_u_x4e32__a_B:after",
         ".after_ccontent-_b_qu_x4f60_u_x597d_u_x554a_u_xff0c_u_x6211_u_x5f88_u_x65e0_u_x804a__q_B:after",
@@ -19295,8 +19295,8 @@
       "hasWeappEscapedArbitrarySelector": true,
       "hasRawArbitrarySelector": false
     },
-    "deltaBytes": 9320,
-    "generatorBytesRatio": 1.0491,
+    "deltaBytes": 9308,
+    "generatorBytesRatio": 1.049,
     "sharedSelectors": [
       ".after_ccontent-_b_au_x4f60_u_x597d_u_x554a_u_xff0c_u_x6211_u_x8fd9_u_x662f_u_x4e2d_u_x6587_u_x5b57_u_x7b26_u_x4e32__a_B:after",
       ".after_ccontent-_b_qu_x4f60_u_x597d_u_x554a_u_xff0c_u_x6211_u_x5f88_u_x65e0_u_x804a__q_B:after",
@@ -19338,7 +19338,7 @@
     ],
     "status": "passed",
     "legacy": {
-      "bytes": 16858,
+      "bytes": 16857,
       "selectors": [
         ".-m-_b20px_B",
         ".-mt-2",
@@ -19457,7 +19457,7 @@
       "hasRawArbitrarySelector": false
     },
     "generator": {
-      "bytes": 16902,
+      "bytes": 16901,
       "selectors": [
         ".-m-_b20px_B",
         ".-mt-2",
@@ -19614,7 +19614,7 @@
     ],
     "status": "passed",
     "legacy": {
-      "bytes": 19938,
+      "bytes": 19937,
       "selectors": [
         ".-m-_b20px_B",
         ".-mt-2",
@@ -19742,7 +19742,7 @@
       "hasRawArbitrarySelector": false
     },
     "generator": {
-      "bytes": 19982,
+      "bytes": 19981,
       "selectors": [
         ".-m-_b20px_B",
         ".-mt-2",
diff --git a/e2e/__snapshots__/apps-generator-mode/compare/report.md b/e2e/__snapshots__/apps-generator-mode/compare/report.md
@@ -8,19 +8,19 @@ This report is generated by `pnpm e2e:apps-generator`. It compares each demo app
 | --- | --- | --- | --- | ---: | ---: | ---: | ---: | --- | --- | --- | --- |
 | vite-native | apps | passed | `vite-native/dist/app.wxss` (+2) | 4940 | 7613 | +2673 | 1.5411 | none | no | no | no |
 | vite-native-ts | apps | passed | `vite-native-ts/dist/app.wxss` (+3) | 12391 | 24184 | +11793 | 1.9517 | none | no | no | no |
-| uni-app-vue3-vite | demo | passed | `uni-app-vue3-vite/dist/build/mp-weixin/app.wxss` (+10) | 401919 | 502633 | +100714 | 1.2506 | none | no | no | no |
+| uni-app-vue3-vite | demo | passed | `uni-app-vue3-vite/dist/build/mp-weixin/app.wxss` (+10) | 401919 | 502630 | +100711 | 1.2506 | none | no | no | no |
 | uni-app-tailwindcss-v4 | demo | passed | `uni-app-tailwindcss-v4/dist/build/mp-weixin/app.wxss` (+2) | 48552 | 49689 | +1137 | 1.0234 | none | no | no | no |
 | uni-app-tailwindcss-v5 | demo | passed | `uni-app-tailwindcss-v5/dist/build/mp-weixin/app.wxss` (+2) | 57474 | 54109 | -3365 | 0.9415 | none | no | no | no |
-| taro-app | demo | passed | `taro-app/dist/app.wxss` (+5) | 40513 | 65762 | +25249 | 1.6232 | none | no | no | no |
-| taro-webpack-tailwindcss-v4 | demo | passed | `taro-webpack-tailwindcss-v4/dist/app.wxss` (+1) | 349563 | 365438 | +15875 | 1.0454 | none | no | no | no |
-| taro-app-vite | demo | passed | `taro-app-vite/dist/app.wxss` (+2) | 4530 | 4701 | +171 | 1.0377 | none | no | no | no |
+| taro-app | demo | passed | `taro-app/dist/app.wxss` (+5) | 40513 | 65747 | +25234 | 1.6229 | none | no | no | no |
+| taro-webpack-tailwindcss-v4 | demo | passed | `taro-webpack-tailwindcss-v4/dist/app.wxss` (+1) | 349505 | 365438 | +15933 | 1.0456 | none | no | no | no |
+| taro-app-vite | demo | passed | `taro-app-vite/dist/app.wxss` (+2) | 4530 | 4698 | +168 | 1.0371 | none | no | no | no |
 | taro-vite-tailwindcss-v4 | demo | passed | `taro-vite-tailwindcss-v4/dist/app.wxss` (+2) | 1992 | 5534 | +3542 | 2.7781 | none | no | no | no |
 | taro-vite-tailwindcss-v5 | demo | passed | `taro-vite-tailwindcss-v5/dist/app.wxss` (+2) | 4055 | 23764 | +19709 | 5.8604 | none | no | no | no |
-| taro-vue3-app | demo | passed | `taro-vue3-app/dist/app.wxss` (+1) | 115828 | 123826 | +7998 | 1.0691 | none | no | no | no |
-| gulp-app | demo | passed | `gulp-app/dist/app.wxss` (+2) | 6578 | 6496 | -82 | 0.9875 | none | no | no | no |
-| mpx-app | demo | passed | `mpx-app/dist/wx/app.wxss` (+23) | 189884 | 199204 | +9320 | 1.0491 | none | no | no | no |
-| mpx-tailwindcss-v4 | demo | passed | `mpx-tailwindcss-v4/dist/wx/app.wxss` (+3) | 16858 | 16902 | +44 | 1.0026 | none | no | no | no |
-| mpx-tailwindcss-v5 | demo | passed | `mpx-tailwindcss-v5/dist/wx/app.wxss` (+3) | 19938 | 19982 | +44 | 1.0022 | none | no | no | no |
+| taro-vue3-app | demo | passed | `taro-vue3-app/dist/app.wxss` (+1) | 115828 | 123820 | +7992 | 1.069 | none | no | no | no |
+| gulp-app | demo | passed | `gulp-app/dist/app.wxss` (+2) | 6575 | 6493 | -82 | 0.9875 | none | no | no | no |
+| mpx-app | demo | passed | `mpx-app/dist/wx/app.wxss` (+23) | 189884 | 199192 | +9308 | 1.049 | none | no | no | no |
+| mpx-tailwindcss-v4 | demo | passed | `mpx-tailwindcss-v4/dist/wx/app.wxss` (+3) | 16857 | 16901 | +44 | 1.0026 | none | no | no | no |
+| mpx-tailwindcss-v5 | demo | passed | `mpx-tailwindcss-v5/dist/wx/app.wxss` (+3) | 19937 | 19981 | +44 | 1.0022 | none | no | no | no |
 
 ## Notes
 
diff --git a/e2e/__snapshots__/apps-generator-mode/compare/report.zh-CN.md b/e2e/__snapshots__/apps-generator-mode/compare/report.zh-CN.md
@@ -8,19 +8,19 @@
 | --- | --- | --- | --- | ---: | ---: | ---: | ---: | --- | --- | --- | --- |
 | vite-native | apps | 通过 | `vite-native/dist/app.wxss` (+2) | 4940 | 7613 | +2673 | 1.5411 | 无 | 否 | 否 | 否 |
 | vite-native-ts | apps | 通过 | `vite-native-ts/dist/app.wxss` (+3) | 12391 | 24184 | +11793 | 1.9517 | 无 | 否 | 否 | 否 |
-| uni-app-vue3-vite | demo | 通过 | `uni-app-vue3-vite/dist/build/mp-weixin/app.wxss` (+10) | 401919 | 502633 | +100714 | 1.2506 | 无 | 否 | 否 | 否 |
+| uni-app-vue3-vite | demo | 通过 | `uni-app-vue3-vite/dist/build/mp-weixin/app.wxss` (+10) | 401919 | 502630 | +100711 | 1.2506 | 无 | 否 | 否 | 否 |
 | uni-app-tailwindcss-v4 | demo | 通过 | `uni-app-tailwindcss-v4/dist/build/mp-weixin/app.wxss` (+2) | 48552 | 49689 | +1137 | 1.0234 | 无 | 否 | 否 | 否 |
 | uni-app-tailwindcss-v5 | demo | 通过 | `uni-app-tailwindcss-v5/dist/build/mp-weixin/app.wxss` (+2) | 57474 | 54109 | -3365 | 0.9415 | 无 | 否 | 否 | 否 |
-| taro-app | demo | 通过 | `taro-app/dist/app.wxss` (+5) | 40513 | 65762 | +25249 | 1.6232 | 无 | 否 | 否 | 否 |
-| taro-webpack-tailwindcss-v4 | demo | 通过 | `taro-webpack-tailwindcss-v4/dist/app.wxss` (+1) | 349563 | 365438 | +15875 | 1.0454 | 无 | 否 | 否 | 否 |
-| taro-app-vite | demo | 通过 | `taro-app-vite/dist/app.wxss` (+2) | 4530 | 4701 | +171 | 1.0377 | 无 | 否 | 否 | 否 |
+| taro-app | demo | 通过 | `taro-app/dist/app.wxss` (+5) | 40513 | 65747 | +25234 | 1.6229 | 无 | 否 | 否 | 否 |
+| taro-webpack-tailwindcss-v4 | demo | 通过 | `taro-webpack-tailwindcss-v4/dist/app.wxss` (+1) | 349505 | 365438 | +15933 | 1.0456 | 无 | 否 | 否 | 否 |
+| taro-app-vite | demo | 通过 | `taro-app-vite/dist/app.wxss` (+2) | 4530 | 4698 | +168 | 1.0371 | 无 | 否 | 否 | 否 |
 | taro-vite-tailwindcss-v4 | demo | 通过 | `taro-vite-tailwindcss-v4/dist/app.wxss` (+2) | 1992 | 5534 | +3542 | 2.7781 | 无 | 否 | 否 | 否 |
 | taro-vite-tailwindcss-v5 | demo | 通过 | `taro-vite-tailwindcss-v5/dist/app.wxss` (+2) | 4055 | 23764 | +19709 | 5.8604 | 无 | 否 | 否 | 否 |
-| taro-vue3-app | demo | 通过 | `taro-vue3-app/dist/app.wxss` (+1) | 115828 | 123826 | +7998 | 1.0691 | 无 | 否 | 否 | 否 |
-| gulp-app | demo | 通过 | `gulp-app/dist/app.wxss` (+2) | 6578 | 6496 | -82 | 0.9875 | 无 | 否 | 否 | 否 |
-| mpx-app | demo | 通过 | `mpx-app/dist/wx/app.wxss` (+23) | 189884 | 199204 | +9320 | 1.0491 | 无 | 否 | 否 | 否 |
-| mpx-tailwindcss-v4 | demo | 通过 | `mpx-tailwindcss-v4/dist/wx/app.wxss` (+3) | 16858 | 16902 | +44 | 1.0026 | 无 | 否 | 否 | 否 |
-| mpx-tailwindcss-v5 | demo | 通过 | `mpx-tailwindcss-v5/dist/wx/app.wxss` (+3) | 19938 | 19982 | +44 | 1.0022 | 无 | 否 | 否 | 否 |
+| taro-vue3-app | demo | 通过 | `taro-vue3-app/dist/app.wxss` (+1) | 115828 | 123820 | +7992 | 1.069 | 无 | 否 | 否 | 否 |
+| gulp-app | demo | 通过 | `gulp-app/dist/app.wxss` (+2) | 6575 | 6493 | -82 | 0.9875 | 无 | 否 | 否 | 否 |
+| mpx-app | demo | 通过 | `mpx-app/dist/wx/app.wxss` (+23) | 189884 | 199192 | +9308 | 1.049 | 无 | 否 | 否 | 否 |
+| mpx-tailwindcss-v4 | demo | 通过 | `mpx-tailwindcss-v4/dist/wx/app.wxss` (+3) | 16857 | 16901 | +44 | 1.0026 | 无 | 否 | 否 | 否 |
+| mpx-tailwindcss-v5 | demo | 通过 | `mpx-tailwindcss-v5/dist/wx/app.wxss` (+3) | 19937 | 19981 | +44 | 1.0022 | 无 | 否 | 否 | 否 |
 
 ## 说明
 
diff --git a/e2e/__snapshots__/apps-generator-mode/css-output/gulp-app.md b/e2e/__snapshots__/apps-generator-mode/css-output/gulp-app.md
@@ -7,8 +7,8 @@ Generator CSS files: app.wxss, index.wxss, more.wxss
 
 | Mode | Bytes | Selectors | @supports | :hover | Tailwind banner | Raw arbitrary selector | Weapp escaped arbitrary selector |
 | --- | ---: | ---: | --- | --- | --- | --- | --- |
-| legacy | 6578 | 43 | false | false | false | false | true |
-| generator | 6496 | 47 | false | false | false | false | true |
+| legacy | 6575 | 43 | false | false | false | false | true |
+| generator | 6493 | 47 | false | false | false | false | true |
 
 ## Diff
 
diff --git a/e2e/__snapshots__/apps-generator-mode/css-output/mpx-app.md b/e2e/__snapshots__/apps-generator-mode/css-output/mpx-app.md
@@ -8,7 +8,7 @@ Generator CSS files: app.wxss, styles/base.wxss, styles/components.wxss, styles/
 | Mode | Bytes | Selectors | @supports | :hover | Tailwind banner | Raw arbitrary selector | Weapp escaped arbitrary selector |
 | --- | ---: | ---: | --- | --- | --- | --- | --- |
 | legacy | 189884 | 2877 | false | false | false | false | true |
-| generator | 199204 | 2880 | false | false | false | false | true |
+| generator | 199192 | 2880 | false | false | false | false | true |
 
 ## Diff
 
diff --git a/e2e/__snapshots__/apps-generator-mode/css-output/mpx-tailwindcss-v4.md b/e2e/__snapshots__/apps-generator-mode/css-output/mpx-tailwindcss-v4.md
@@ -7,8 +7,8 @@ Generator CSS files: app.wxss, styles/app.wxss, app.wxss, index.wxss
 
 | Mode | Bytes | Selectors | @supports | :hover | Tailwind banner | Raw arbitrary selector | Weapp escaped arbitrary selector |
 | --- | ---: | ---: | --- | --- | --- | --- | --- |
-| legacy | 16858 | 109 | false | false | false | false | true |
-| generator | 16902 | 109 | false | false | false | false | true |
+| legacy | 16857 | 109 | false | false | false | false | true |
+| generator | 16901 | 109 | false | false | false | false | true |
 
 ## Diff
 
diff --git a/e2e/__snapshots__/apps-generator-mode/css-output/mpx-tailwindcss-v5.md b/e2e/__snapshots__/apps-generator-mode/css-output/mpx-tailwindcss-v5.md
@@ -7,8 +7,8 @@ Generator CSS files: app.wxss, styles/app.wxss, app.wxss, index.wxss
 
 | Mode | Bytes | Selectors | @supports | :hover | Tailwind banner | Raw arbitrary selector | Weapp escaped arbitrary selector |
 | --- | ---: | ---: | --- | --- | --- | --- | --- |
-| legacy | 19938 | 118 | false | false | false | false | true |
-| generator | 19982 | 118 | false | false | false | false | true |
+| legacy | 19937 | 118 | false | false | false | false | true |
+| generator | 19981 | 118 | false | false | false | false | true |
 
 ## Diff
 
diff --git a/e2e/__snapshots__/apps-generator-mode/css-output/taro-app-vite.md b/e2e/__snapshots__/apps-generator-mode/css-output/taro-app-vite.md
@@ -8,7 +8,7 @@ Generator CSS files: app.wxss, app-origin.wxss, index.wxss
 | Mode | Bytes | Selectors | @supports | :hover | Tailwind banner | Raw arbitrary selector | Weapp escaped arbitrary selector |
 | --- | ---: | ---: | --- | --- | --- | --- | --- |
 | legacy | 4530 | 23 | false | false | false | false | true |
-| generator | 4701 | 44 | false | false | false | false | true |
+| generator | 4698 | 44 | false | false | false | false | true |
 
 ## Diff
 
diff --git a/e2e/__snapshots__/apps-generator-mode/css-output/taro-app.md b/e2e/__snapshots__/apps-generator-mode/css-output/taro-app.md
@@ -8,7 +8,7 @@ Generator CSS files: app.wxss, index.wxss, index.wxss, index.wxss, index.wxss, i
 | Mode | Bytes | Selectors | @supports | :hover | Tailwind banner | Raw arbitrary selector | Weapp escaped arbitrary selector |
 | --- | ---: | ---: | --- | --- | --- | --- | --- |
 | legacy | 40513 | 140 | false | false | false | false | true |
-| generator | 65762 | 144 | false | false | false | false | true |
+| generator | 65747 | 144 | false | false | false | false | true |
 
 ## Diff
 
diff --git a/e2e/__snapshots__/apps-generator-mode/css-output/taro-vue3-app.md b/e2e/__snapshots__/apps-generator-mode/css-output/taro-vue3-app.md
@@ -8,7 +8,7 @@ Generator CSS files: app.wxss, index.wxss
 | Mode | Bytes | Selectors | @supports | :hover | Tailwind banner | Raw arbitrary selector | Weapp escaped arbitrary selector |
 | --- | ---: | ---: | --- | --- | --- | --- | --- |
 | legacy | 115828 | 296 | false | false | false | false | true |
-| generator | 123826 | 297 | false | false | false | false | true |
+| generator | 123820 | 297 | false | false | false | false | true |
 
 ## Diff
 
diff --git a/e2e/__snapshots__/apps-generator-mode/css-output/taro-webpack-tailwindcss-v4.md b/e2e/__snapshots__/apps-generator-mode/css-output/taro-webpack-tailwindcss-v4.md
@@ -7,7 +7,7 @@ Generator CSS files: app.wxss, index.wxss
 
 | Mode | Bytes | Selectors | @supports | :hover | Tailwind banner | Raw arbitrary selector | Weapp escaped arbitrary selector |
 | --- | ---: | ---: | --- | --- | --- | --- | --- |
-| legacy | 349563 | 2152 | false | false | false | false | true |
+| legacy | 349505 | 2152 | false | false | false | false | true |
 | generator | 365438 | 2156 | false | false | false | false | true |
 
 ## Diff
diff --git a/e2e/__snapshots__/apps-generator-mode/css-output/uni-app-vue3-vite.md b/e2e/__snapshots__/apps-generator-mode/css-output/uni-app-vue3-vite.md
@@ -8,7 +8,7 @@ Generator CSS files: app.wxss, a.wxss, b.wxss, index.wxss, index.wxss, index.wxs
 | Mode | Bytes | Selectors | @supports | :hover | Tailwind banner | Raw arbitrary selector | Weapp escaped arbitrary selector |
 | --- | ---: | ---: | --- | --- | --- | --- | --- |
 | legacy | 401919 | 2818 | false | false | false | false | true |
-| generator | 502633 | 2986 | false | false | false | false | true |
+| generator | 502630 | 2986 | false | false | false | false | true |
 
 ## Diff
 
diff --git a/e2e/apps-generator-mode-compare.test.ts b/e2e/apps-generator-mode-compare.test.ts
@@ -273,8 +273,8 @@ function createReportItem(
   legacyResult: { css: string, cssFiles: string[] },
   generatorResult: { css: string, cssFiles: string[] },
 ): CompareReportItem {
-  const legacyCss = legacyResult.css
-  const generatorCss = generatorResult.css
+  const legacyCss = normalizeCssForSummary(legacyResult.css)
+  const generatorCss = normalizeCssForSummary(generatorResult.css)
   const legacy = summarizeCss(legacyCss)
   const generator = summarizeCss(generatorCss)
   const legacySelectorSet = new Set(legacy.selectors)
@@ -377,6 +377,10 @@ function normalizeCssSnapshot(css: string) {
     .join('\n')
 }
 
+function normalizeCssForSummary(css: string) {
+  return `${normalizeCssSnapshot(css)}\n`
+}
+
 function createCssOutputDiffSnapshot(project: CompareProject, legacyCss: string, generatorCss: string) {
   return createTwoFilesPatch(
     `${project.name}/legacy.css`,
@@ -398,10 +402,10 @@ function createCssOutputComparisonSnapshot(
   legacyResult: { css: string, cssFiles: string[] },
   generatorResult: { css: string, cssFiles: string[] },
 ) {
-  const legacy = summarizeCss(legacyResult.css)
-  const generator = summarizeCss(generatorResult.css)
   const legacyCss = normalizeCssSnapshot(legacyResult.css)
   const generatorCss = normalizeCssSnapshot(generatorResult.css)
+  const legacy = summarizeCss(`${legacyCss}\n`)
+  const generator = summarizeCss(`${generatorCss}\n`)
   const diff = createCssOutputDiffSnapshot(project, legacyCss, generatorCss)
   return [
     `# ${project.name} CSS Output Comparison`,
diff --git a/e2e/projectTest.ts b/e2e/projectTest.ts
@@ -211,6 +211,7 @@ async function runProjectTest(entry: ProjectEntry, options: ProjectTestOptions)
 
   const cssSnapshots = await collectCssSnapshots(projectPath, entry.cssFile, {
     classList: extraction?.classList,
+    normalizeWebpackAppSplitNoise: entry.name === 'taro-webpack-tailwindcss-v4',
   })
   for (const snapshot of cssSnapshots) {
     await expectProjectSnapshot(options.suite, entry.name, snapshot.fileName, snapshot.content)
diff --git a/e2e/snapshotUtils.test.ts b/e2e/snapshotUtils.test.ts
diff --git a/e2e/snapshotUtils.ts b/e2e/snapshotUtils.ts
