test: add e2e

Author: hi-ogawa

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

@@ -473,6 +473,21 @@ function defineTest(f: Fixture) {
         'color',
         'rgb(255, 165, 0)',
       )
+      await expectNoServerLinkStylesheet(page)
+    })
+
+    function expectNoServerLinkStylesheet(page: Page) {
+      // check only manually inserted stylesheet link exists
+      return expect(page.locator('link[rel="stylesheet"]')).toHaveAttribute(
+        'href',
+        '/test-style-server-manual.css',
+      )
+    }
+
+    test('no duplicate css', async ({ page }) => {
+      await page.goto(f.url())
+      await waitForHydration(page)
+      await expectNoServerLinkStylesheet(page)
     })
 
     test('adding/removing css client @js', async ({ page }) => {
@@ -557,6 +572,7 @@ function defineTest(f: Fixture) {
         'color',
         'rgb(255, 165, 0)',
       )
+      await expectNoServerLinkStylesheet(page)
     })
 
     // TODO: need a way to add/remove links on server hmr. for now, it requires a manually reload.

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

@@ -6,12 +6,6 @@ import { waitForHydration } from './helper'
 test.describe('dev-default', () => {
   const f = useFixture({ root: 'examples/starter', mode: 'dev' })
   defineStarterTest(f)
-
-  test('no duplicate css', async ({ page }) => {
-    await page.goto(f.url())
-    await waitForHydration(page)
-    // TODO
-  })
 })
 
 test.describe('build-default', () => {

packages/plugin-rsc/examples/basic/public/test.css renamed to packages/plugin-rsc/examples/basic/public/test-style-server-manual.css

@@ -10,7 +10,7 @@ export function TestStyleServer() {
       </div>
       <link
         rel="stylesheet"
-        href="/test.css"
+        href="/test-style-server-manual.css"
         precedence="test-style-server-manual"
       />
       <div className="test-style-server-manual">test-style-server-manual</div>