test(plugin-rsc): add non-form action server action tests (#1080)

Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>

Author: hi-ogawa

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

@@ -355,6 +355,26 @@ function defineTest(f: Fixture) {
     )
   }
 
+  test('non form action error @js', async ({ page }) => {
+    await page.goto(f.url())
+    await waitForHydration(page)
+    await expect(page.getByTestId('non-form-action-error')).toContainText('?')
+    await page.getByTestId('non-form-action-error').click()
+    await expect(page.getByTestId('non-form-action-error')).toContainText(
+      'non-form-action-error',
+    )
+  })
+
+  test('non form action args @js', async ({ page }) => {
+    await page.goto(f.url())
+    await waitForHydration(page)
+    await expect(page.getByTestId('non-form-action-args')).toContainText('?')
+    await page.getByTestId('non-form-action-args').click()
+    await expect(page.getByTestId('non-form-action-args')).toContainText(
+      'received: test-42',
+    )
+  })
+
   test('useActionState with jsx @js', async ({ page }) => {
     await page.goto(f.url())
     await waitForHydration(page)

packages/plugin-rsc/examples/basic/src/routes/action-from-client/action.tsx

@@ -25,3 +25,14 @@ export async function testAction2() {
 export async function testActionState(prev: number) {
   return prev + 1
 }
+
+export async function testNonFormActionError() {
+  throw new Error('non-form-action-error')
+}
+
+export async function testNonFormActionArgs(data: {
+  name: string
+  count: number
+}) {
+  return `received: ${data.name}-${data.count}`
+}

packages/plugin-rsc/examples/basic/src/routes/action-from-client/client.tsx

@@ -1,7 +1,13 @@
 'use client'
 
 import React from 'react'
-import { testAction, testAction2, testActionState } from './action'
+import {
+  testAction,
+  testAction2,
+  testActionState,
+  testNonFormActionArgs,
+  testNonFormActionError,
+} from './action'
 
 export function TestActionFromClient() {
   return (
@@ -23,3 +29,37 @@ export function TestUseActionState() {
     </form>
   )
 }
+
+export function TestNonFormActionError() {
+  const [state, setState] = React.useState('?')
+  return (
+    <button
+      data-testid="non-form-action-error"
+      onClick={async () => {
+        try {
+          await testNonFormActionError()
+          setState('no-error')
+        } catch (e) {
+          setState(e instanceof Error ? e.message : 'unknown-error')
+        }
+      }}
+    >
+      non-form-action-error: {state}
+    </button>
+  )
+}
+
+export function TestNonFormActionArgs() {
+  const [state, setState] = React.useState('?')
+  return (
+    <button
+      data-testid="non-form-action-args"
+      onClick={async () => {
+        const result = await testNonFormActionArgs({ name: 'test', count: 42 })
+        setState(result)
+      }}
+    >
+      non-form-action-args: {state}
+    </button>
+  )
+}

packages/plugin-rsc/examples/basic/src/routes/root.tsx

@@ -10,6 +10,8 @@ import {
 import { TestServerActionError } from './action-error/server'
 import {
   TestActionFromClient,
+  TestNonFormActionArgs,
+  TestNonFormActionError,
   TestUseActionState,
 } from './action-from-client/client'
 import { TestActionStateServer } from './action-state/server'
@@ -95,6 +97,8 @@ export function Root(props: { url: URL }) {
         <TestSuspense url={props.url} />
         <TestActionFromClient />
         <TestUseActionState />
+        <TestNonFormActionError />
+        <TestNonFormActionArgs />
         <TestPayloadServer url={props.url} />
         <TestServerActionBindReset />
         <TestServerActionBindSimple />