Add failing test for "use cache" with useActionState

test/e2e/app-dir/use-cache/app/use-action-state/cached.ts

@@ -0,0 +1,7 @@
+'use cache'
+
+export async function getRandomValue() {
+  const v = Math.random()
+  console.log(v)
+  return v
+}

test/e2e/app-dir/use-cache/app/use-action-state/page.tsx

@@ -0,0 +1,15 @@
+'use client'
+
+import { useActionState } from 'react'
+import { getRandomValue } from './cached'
+
+export default function Page() {
+  const [result, formAction, isPending] = useActionState(getRandomValue, -1)
+
+  return (
+    <form action={formAction}>
+      <button id="submit-button">Submit</button>
+      <p>{isPending ? 'loading...' : result}</p>
+    </form>
+  )
+}

test/e2e/app-dir/use-cache/use-cache.test.ts

@@ -373,4 +373,24 @@ describe('use-cache', () => {
 
     expect(await browser.elementByCss('#random').text()).toBe(initialValue)
   })
+
+  it('works with useActionState if previousState parameter is not used in "use cache" function', async () => {
+    const browser = await next.browser('/use-action-state')
+
+    let value = await browser.elementByCss('p').text()
+    expect(value).toBe('-1')
+
+    await browser.elementByCss('button').click()
+
+    await retry(async () => {
+      value = await browser.elementByCss('p').text()
+      expect(value).toMatch(/\d\.\d+/)
+    })
+
+    await browser.elementByCss('button').click()
+
+    await retry(async () => {
+      expect(await browser.elementByCss('p').text()).toBe(value)
+    })
+  })
 })