fd59a007e1
This PR fixes the issue where an inline Server Action gets exported. As
this isn't the designed use case for inline Server Actions (they're
supposed to be defined and used inside another closure, such as
components), we are not handling the export cases currently:
```ts
export async function action() {
"use server"
...
}
<form action={action}/>
```
...which gets compiled into:
```ts
export async function action() {} // No-op function
<form action={...actionReference...}/>
```
Note that everything works inside this module until you `import` that
action and use it in another module.
To tackle that, this PR changes how that works as described in
`server/27/output.js`.
Closes NEXT-2140
58 lines
1.7 KiB
TypeScript
58 lines
1.7 KiB
TypeScript
/* eslint-disable jest/no-standalone-expect */
|
|
import { createNextDescribe } from 'e2e-utils'
|
|
import { check } from 'next-test-utils'
|
|
import type { Response } from 'playwright-chromium'
|
|
|
|
createNextDescribe(
|
|
'app-dir action progressive enhancement',
|
|
{
|
|
files: __dirname,
|
|
dependencies: {
|
|
react: 'latest',
|
|
nanoid: 'latest',
|
|
'react-dom': 'latest',
|
|
'server-only': 'latest',
|
|
},
|
|
},
|
|
({ next, isNextDev, isNextStart, isNextDeploy }) => {
|
|
it('should support formData and redirect without JS', async () => {
|
|
let responseCode
|
|
const browser = await next.browser('/server', {
|
|
disableJavaScript: true,
|
|
beforePageLoad(page) {
|
|
page.on('response', (response: Response) => {
|
|
const url = new URL(response.url())
|
|
const status = response.status()
|
|
if (url.pathname.includes('/server')) {
|
|
responseCode = status
|
|
}
|
|
})
|
|
},
|
|
})
|
|
|
|
await browser.eval(`document.getElementById('name').value = 'test'`)
|
|
await browser.elementByCss('#submit').click()
|
|
|
|
await check(() => {
|
|
return browser.eval('window.location.pathname + window.location.search')
|
|
}, '/header?name=test&hidden-info=hi')
|
|
|
|
expect(responseCode).toBe(303)
|
|
})
|
|
|
|
it('should support actions from client without JS', async () => {
|
|
const browser = await next.browser('/server', {
|
|
disableJavaScript: true,
|
|
})
|
|
|
|
await browser.eval(
|
|
`document.getElementById('client-name').value = 'test'`
|
|
)
|
|
await browser.elementByCss('#there').click()
|
|
|
|
await check(() => {
|
|
return browser.eval('window.location.pathname + window.location.search')
|
|
}, '/header?name=test&hidden-info=hi')
|
|
})
|
|
}
|
|
)
|