fix: css test

Author: crashmax-dev

src/css.ts

@@ -1,8 +1,21 @@
+import { transform } from './helpers.js'
+
 export class CSS {
   private readonly styles = new Map<string, string>()
 
-  add(path: string, styles: string): string {
-    this.styles.set(path, styles.replace('\n', ''))
+  async add(
+    name: string,
+    file: string,
+    isBuildWatch: boolean
+  ): Promise<string> {
+    const styles = await transform({
+      name,
+      file,
+      minify: isBuildWatch,
+      loader: 'css'
+    })
+
+    this.styles.set(name, styles.replace('\n', ''))
     return ''
   }
 

src/index.ts

@@ -97,13 +97,7 @@ export default function UserscriptPlugin(
         let code = src
 
         if (regexpStyles.test(path)) {
-          const styles = await transform({
-            minify: !isBuildWatch,
-            file: code,
-            name: path,
-            loader: 'css'
-          })
-          code = css.add(path, styles)
+          code = await css.add(path, code, !isBuildWatch)
         }
 
         if (path.includes(config.entry)) {

test/css.test.ts

@@ -20,15 +20,15 @@ const style2 = `
 
 test('snapshot css modules', async () => {
   const css = new CSS()
-  await css.add(style1, '/style1.css')
-  await css.add(style2, '/style2.css')
+  await css.add('/style1.css', style1, true)
+  await css.add('/style2.css', style2, true)
   css.merge(['/style2.css'])
   expect(css.inject()).toMatchSnapshot()
 })
 
 test('snapshot css modules (undefined)', async () => {
   const css = new CSS()
-  await css.add(style1, '/style1.css')
+  await css.add('/style1.css', style1, true)
   css.merge([])
   expect(css.inject()).toMatchSnapshot()
 })