test: cleanup

Author: hi-ogawa

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

@@ -1,4 +1,4 @@
-.test-css-query-client-inline {
+.test-css-inline-client {
   padding: 8px;
   margin: 4px;
 }

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

@@ -1,3 +1,3 @@
-.test-css-query-client-raw {
+.test-css-raw-client {
   font-weight: bold;
 }

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

@@ -1,3 +1,3 @@
-.test-css-query-client-url {
+.test-css-url-client {
   border: 2px solid rgb(0, 0, 255);
 }

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

@@ -7,18 +7,13 @@ import cssRaw from './client-raw.css?raw'
 export function TestCssQueriesClient() {
   return (
     <div>
-      <div data-testid="test-css-queries-client-url">
-        CSS URL (client): {cssUrl}
-      </div>
-      <div data-testid="test-css-queries-client-inline">
-        CSS Inline (client):{' '}
+      <div className="test-css-url-client">test-css-url-client: {cssUrl}</div>
+      <div className="test-css-inline-client">
+        test-css-inline-client:{' '}
         {typeof cssInline === 'string' ? 'string' : 'other'}
       </div>
-      <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">
-        Normal CSS import works (client)
+      <div className="test-css-raw-client">
+        test-css-raw-client: {typeof cssRaw === 'string' ? 'string' : 'other'}
       </div>
     </div>
   )

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

@@ -1,4 +1,4 @@
-.test-css-query-server-inline {
+.test-css-inline-server {
   padding: 4px;
   margin: 2px;
 }

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

@@ -1,3 +1,3 @@
-.test-css-query-server-raw {
+.test-css-raw-server {
   text-decoration: underline;
 }

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

@@ -1,3 +1,3 @@
-.test-css-query-server-url {
+.test-css-url-server {
   border: 2px solid rgb(255, 0, 0);
 }

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

@@ -7,18 +7,13 @@ export function TestCssQueries() {
   return (
     <div>
       <div>
-        <div data-testid="test-css-queries-server-url">
-          CSS URL (server): {cssUrl}
-        </div>
-        <div data-testid="test-css-queries-server-inline">
-          CSS Inline (server):{' '}
+        <div className="test-css-url-server">test-css-url-server: {cssUrl}</div>
+        <div className="test-css-inline-server">
+          test-css-inline-server:{' '}
           {typeof cssInline === 'string' ? 'string' : 'other'}
         </div>
-        <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 className="test-css-raw-server">
+          test-css-raw-server: {typeof cssRaw === 'string' ? 'string' : 'other'}
         </div>
       </div>
       <TestCssQueriesClient />