test: add e2e

Author: hi-ogawa

packages/plugin-rsc/e2e/basic.test.ts

@@ -637,6 +637,24 @@ function defineTest(f: Fixture) {
         'rgb(255, 0, 0)',
       )
     })
+
+    test('tailwind no redundant server hmr', async ({ page }) => {
+      await page.goto(f.url())
+      await waitForHydration(page)
+      const logs: string[] = []
+      page.on('console', (msg) => {
+        if (msg.type() === 'log') {
+          logs.push(msg.text())
+        }
+      })
+      f.createEditor('src/routes/tailwind/unused.tsx').resave()
+      await page.waitForTimeout(200)
+      f.createEditor('src/routes/tailwind/server.tsx').resave()
+      await page.waitForTimeout(200)
+      expect(logs).toEqual([
+        expect.stringMatching(/\[vite-rsc:update\].*\/tailwind\/server.tsx/),
+      ])
+    })
   })
 
   test('temporary references @js', async ({ page }) => {

packages/plugin-rsc/e2e/fixture.ts

@@ -142,6 +142,9 @@ export function useFixture(options: {
       reset(): void {
         fs.writeFileSync(filepath, originalFiles[filepath]!)
       },
+      resave(): void {
+        fs.writeFileSync(filepath, current)
+      },
     }
   }
 

packages/plugin-rsc/examples/basic/src/framework/entry.browser.tsx

@@ -70,7 +70,8 @@ async function main() {
 
   // implement server HMR by trigering re-fetch/render of RSC upon server code change
   if (import.meta.hot) {
-    import.meta.hot.on('rsc:update', () => {
+    import.meta.hot.on('rsc:update', (e) => {
+      console.log('[vite-rsc:update]', e.file)
       fetchRscPayload()
     })
   }

packages/plugin-rsc/examples/basic/src/routes/tailwind/unused.tsx

@@ -1 +1 @@
-console.log('unused file text-[#f12345]')
+console.log(<div className="unused">unused</div>)

packages/plugin-rsc/src/plugin.ts

@@ -406,7 +406,7 @@ export default function vitePluginRsc(
                 importers.length > 0 &&
                 importers.every((m) => m.id && isCSSRequest(m.id))
               ) {
-                return
+                return []
               }
             }