Add test case for the permalink option of useFormState (#56329)

Ref: facebook/react#27372.

Co-authored-by: JJ Kasper <jj@jjsweb.site>

Author: shuding

test/e2e/app-dir/actions/app-action-form-state.test.ts

@@ -53,5 +53,21 @@ createNextDescribe(
         return browser.elementByCss('#hydrated').text()
       }, 'hydrated')
     })
+
+    it('should send the action to the provided permalink with form state when JS disabled', async () => {
+      const browser = await next.browser('/client/form-state/page-2', {
+        disableJavaScript: true,
+      })
+
+      // Simulate a progressively enhanced form request
+      await browser.eval(
+        `document.getElementById('name-input').value = 'test-permalink'`
+      )
+      await browser.eval(`document.getElementById('form-state-form').submit()`)
+
+      await check(() => {
+        return browser.elementByCss('#form-state').text()
+      }, 'initial-state:test-permalink')
+    })
   }
 )

test/e2e/app-dir/actions/app/client/form-state/page-2/page.js

@@ -0,0 +1,31 @@
+'use client'
+
+import { experimental_useFormState } from 'react-dom'
+import { appendName } from '../actions'
+import { useEffect, useState } from 'react'
+
+export default function Page() {
+  const [state, appendNameFormAction] = experimental_useFormState(
+    appendName,
+    'initial-state',
+    '/client/form-state'
+  )
+
+  const [hydrated, setHydrated] = useState(false)
+  useEffect(() => {
+    setHydrated(true)
+  }, [])
+
+  return (
+    <>
+      <form id="form-state-form" action={appendNameFormAction}>
+        <p id="form-state">{state}</p>
+        <input id="name-input" name="name" />
+        <button id="submit-form" type="submit">
+          log
+        </button>
+      </form>
+      {hydrated ? <p id="hydrated">hydrated</p> : null}
+    </>
+  )
+}

test/e2e/app-dir/actions/app/client/form-state/page.js

@@ -7,7 +7,8 @@ import { useEffect, useState } from 'react'
 export default function Page() {
   const [state, appendNameFormAction] = experimental_useFormState(
     appendName,
-    'initial-state'
+    'initial-state',
+    '/client/form-state'
   )
 
   const [hydrated, setHydrated] = useState(false)