test: wip

Author: lubieowoce

test/e2e/app-dir/navigation-with-queued-actions/app/page.tsx

@@ -1,30 +1,27 @@
 'use client'
 
 import { useRouter } from 'next/navigation'
-import { useEffect, useState } from 'react'
+import { useState } from 'react'
 import { myAction } from './server'
 
 export default function Page() {
   const router = useRouter()
   const [text, setText] = useState('initial')
 
-  useEffect(() => {
-    let count = 1
-    const myActionWrapped = async () => {
-      const id = count++
-      console.log('myAction()', `[call number ${id}]`)
-
-      await myAction()
-      console.log('-> myAction() finished', `[call number ${id}]`)
-    }
-    Promise.all([myActionWrapped(), myActionWrapped()]).then(() =>
-      setText('actions finished')
-    )
-    setTimeout(() => {
-      console.log(`router.replace('?')`)
-      router.replace('?')
-    })
-  }, [router])
-
-  return <>{text}</>
+  return (
+    <>
+      <button
+        type="button"
+        onClick={() => {
+          Promise.all([myAction(0), myAction(1)]).then(() => setText('done'))
+          setTimeout(() => {
+            router.replace('?')
+          })
+        }}
+      >
+        run actions
+      </button>
+      <div id="action-state">{text}</div>
+    </>
+  )
 }

test/e2e/app-dir/navigation-with-queued-actions/app/server.ts

@@ -1,3 +1,8 @@
 'use server'
 
-export const myAction = async () => {}
+import { setTimeout } from 'timers/promises'
+
+export async function myAction(id: number) {
+  console.log(`myAction(${id}) :: server`)
+  await setTimeout(100)
+}

test/e2e/app-dir/navigation-with-queued-actions/index.test.ts

@@ -0,0 +1,18 @@
+import { nextTestSetup } from '../../../lib/e2e-utils'
+import { retry } from '../../../lib/next-test-utils'
+
+describe('actions', () => {
+  const { next } = nextTestSetup({ files: __dirname })
+  it('works', async () => {
+    const browser = await next.browser('/')
+    await browser.elementByCss('button').click()
+    await retry(
+      async () => {
+        expect(await browser.elementById('action-state').text()).toEqual('done')
+      },
+      undefined,
+      undefined,
+      'wait for both actions to finish'
+    )
+  })
+})