test: restore test for vitejs#9353

playground/backend-integration/__tests__/backend-integration.spec.ts

@@ -37,6 +37,7 @@ describe.runIf(isBuild)('build', () => {
     const cssAssetEntry = manifest['global.css']
     const scssAssetEntry = manifest['nested/blue.scss']
     const imgAssetEntry = manifest['../images/logo.png']
+    const dirFooAssetEntry = manifest['../dynamic/foo.css'] // '\\' should not be used even on windows
     expect(htmlEntry.css.length).toEqual(1)
     expect(htmlEntry.assets.length).toEqual(1)
     expect(cssAssetEntry?.file).not.toBeUndefined()
@@ -46,6 +47,7 @@ describe.runIf(isBuild)('build', () => {
     expect(scssAssetEntry?.isEntry).toEqual(true)
     expect(imgAssetEntry?.file).not.toBeUndefined()
     expect(imgAssetEntry?.isEntry).toBeUndefined()
+    expect(dirFooAssetEntry).not.toBeUndefined()
     // use the entry name
     expect(manifest['bar.css']).not.toBeUndefined()
     expect(manifest['foo.css']).toBeUndefined()

playground/backend-integration/dir/foo.css

@@ -1,3 +1,3 @@
-.windows-path-foo {
+.entry-name-foo {
   color: blue;
 }

playground/backend-integration/frontend/dynamic/foo.css

@@ -0,0 +1,3 @@
+.windows-path-foo {
+  color: blue;
+}

playground/backend-integration/frontend/dynamic/foo.ts

@@ -0,0 +1 @@
+import './foo.css'

playground/backend-integration/frontend/entrypoints/main.ts

@@ -1,4 +1,5 @@
 import 'vite/modulepreload-polyfill'
+import('../dynamic/foo') // should be dynamic import to split chunks
 
 export const colorClass = 'text-black'