test: cleanup

Author: hi-ogawa

packages/plugin-rsc/examples/basic/src/routes/css-queries/client.css

@@ -1,29 +1,20 @@
 'use client'
 
-// Test CSS imports with special queries (?url, ?inline, ?raw) in client components
-// These should not be collected for server-side rendering
 import cssUrl from './client-url.css?url'
 import cssInline from './client-inline.css?inline'
 import cssRaw from './client-raw.css?raw'
-import './client.css' // Normal import should still work
 
-export default function CssQueriesClientTest() {
+export function TestCssQueriesClient() {
   return (
-    <div className="test-css-query-client-normal">
+    <div>
       <div data-testid="test-css-queries-client-url">
         CSS URL (client): {cssUrl}
       </div>
-      <div
-        data-testid="test-css-queries-client-inline"
-        style={{ display: 'none' }}
-      >
+      <div data-testid="test-css-queries-client-inline">
         CSS Inline (client):{' '}
         {typeof cssInline === 'string' ? 'string' : 'other'}
       </div>
-      <div
-        data-testid="test-css-queries-client-raw"
-        style={{ display: 'none' }}
-      >
+      <div data-testid="test-css-queries-client-raw">
         CSS Raw (client): {typeof cssRaw === 'string' ? 'string' : 'other'}
       </div>
       <div data-testid="test-css-queries-client-normal">

packages/plugin-rsc/examples/basic/src/routes/css-queries/client.tsx

@@ -1,39 +1,27 @@
-// Test CSS imports with special queries (?url, ?inline, ?raw) in server component
-// These should not be collected for server-side rendering
 import cssUrl from './server-url.css?url'
 import cssInline from './server-inline.css?inline'
 import cssRaw from './server-raw.css?raw'
-import './server.css' // Normal import should still work
-import CssQueriesClientTest from './client'
+import { TestCssQueriesClient } from './client'
 
-export default function CssQueriesTest() {
+export function TestCssQueries() {
   return (
     <div>
-      {/* Server component test */}
-      <div className="test-css-query-server-normal">
+      <div>
         <div data-testid="test-css-queries-server-url">
           CSS URL (server): {cssUrl}
         </div>
-        <div
-          data-testid="test-css-queries-server-inline"
-          style={{ display: 'none' }}
-        >
+        <div data-testid="test-css-queries-server-inline">
           CSS Inline (server):{' '}
           {typeof cssInline === 'string' ? 'string' : 'other'}
         </div>
-        <div
-          data-testid="test-css-queries-server-raw"
-          style={{ display: 'none' }}
-        >
+        <div data-testid="test-css-queries-server-raw">
           CSS Raw (server): {typeof cssRaw === 'string' ? 'string' : 'other'}
         </div>
         <div data-testid="test-css-queries-server-normal">
           Normal CSS import works (server)
         </div>
       </div>
-
-      {/* Client component test */}
-      <CssQueriesClientTest />
+      <TestCssQueriesClient />
     </div>
   )
 }

packages/plugin-rsc/examples/basic/src/routes/css-queries/server.css

@@ -30,12 +30,12 @@ import { TestUseCache } from './use-cache/server'
 import { TestReactCache } from './react-cache/server'
 import { TestHydrationMismatch } from './hydration-mismatch/server'
 import { TestBrowserOnly } from './browser-only/client'
-import CssQueriesTest from './css-queries/server'
 import { TestTransitiveCjsClient } from './deps/transitive-cjs/client'
 import TestDepCssInServer from '@vitejs/test-dep-css-in-server/server'
 import { TestHmrSharedServer } from './hmr-shared/server'
 import { TestHmrSharedClient } from './hmr-shared/client'
 import { TestHmrSharedAtomic } from './hmr-shared/atomic/server'
+import { TestCssQueries } from './css-queries/server'
 
 export function Root(props: { url: URL }) {
   return (
@@ -84,7 +84,7 @@ export function Root(props: { url: URL }) {
         <TestBrowserOnly />
         <TestUseCache />
         <TestReactCache url={props.url} />
-        <CssQueriesTest />
+        <TestCssQueries />
       </body>
     </html>
   )