60f0837b67
### Why?
I really dislike the way `.chain` works right now, it shouldn't mutate
the `BrowserInterface`, this PR changes it so it's just a pure chain
without weird side effects.
One example with the current version (before this PR):
```
const el = browser.elementByCss('#version-2')
await el.text()
// throws
await el.text()
```
### Additional Changes
- removes selenium (which is completely unused)
- updates playwright
- makes the playwright tracing not error all the time
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'
|
|
|
|
createNextDescribe(
|
|
'app-dir action progressive enhancement',
|
|
{
|
|
files: __dirname,
|
|
dependencies: {
|
|
react: 'latest',
|
|
nanoid: 'latest',
|
|
'react-dom': 'latest',
|
|
'server-only': 'latest',
|
|
},
|
|
},
|
|
({ next }) => {
|
|
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')
|
|
})
|
|
}
|
|
)
|