Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-22 05:35:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

test: start listening for requests earlier (#24985)

Browse Source
This commit is contained in:
Julien Huang 2024-01-01 13:33:11 +01:00 committed by GitHub
parent 5d22f8f34d
commit 4d40e2e996
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
test/basic.test.ts
View File

@ -1459,9 +1459,10 @@ describe.skipIf(isDev() || isWebpack)('inlining component styles', () => {
describe('server components/islands', () => { describe('server components/islands', () => {
it('/islands', async () => { it('/islands', async () => {
const { page } = await renderPage('/islands') const { page } = await renderPage('/islands')
const islandRequest = page.waitForResponse(response => response.url().includes('/__nuxt_island/') && response.status() === 200)
await page.locator('#increase-pure-component').click() await page.locator('#increase-pure-component').click()
await page.waitForResponse(response => response.url().includes('/__nuxt_island/') && response.status() === 200) await islandRequest
await page.locator('#slot-in-server').getByText('Slot with in .server component').waitFor() await page.locator('#slot-in-server').getByText('Slot with in .server component').waitFor()
await page.locator('#test-slot').getByText('Slot with name test').waitFor() await page.locator('#test-slot').getByText('Slot with name test').waitFor()
@ -1469,11 +1470,12 @@ describe('server components/islands', () => {
expect(await page.locator('.fallback-slot-content').all()).toHaveLength(2) expect(await page.locator('.fallback-slot-content').all()).toHaveLength(2)
// test islands update // test islands update
expect(await page.locator('.box').innerHTML()).toContain('"number": 101,') expect(await page.locator('.box').innerHTML()).toContain('"number": 101,')
await page.locator('#update-server-components').click() const requests = [
await Promise.all([
page.waitForResponse(response => response.url().includes('/__nuxt_island/LongAsyncComponent') && response.status() === 200), page.waitForResponse(response => response.url().includes('/__nuxt_island/LongAsyncComponent') && response.status() === 200),
page.waitForResponse(response => response.url().includes('/__nuxt_island/AsyncServerComponent') && response.status() === 200) page.waitForResponse(response => response.url().includes('/__nuxt_island/AsyncServerComponent') && response.status() === 200)
]) ]
await page.locator('#update-server-components').click()
await Promise.all(requests)
await page.locator('#async-server-component-count').getByText('1').waitFor() await page.locator('#async-server-component-count').getByText('1').waitFor()
await page.locator('#long-async-component-count').getByText('1').waitFor() await page.locator('#long-async-component-count').getByText('1').waitFor()
@ -1958,11 +1960,12 @@ describe('component islands', () => {
// test islands update // test islands update
expect(await page.locator('.box').innerHTML()).toContain('"number": 101,') expect(await page.locator('.box').innerHTML()).toContain('"number": 101,')
await page.locator('#update-server-components').click() const islandRequests = [
await Promise.all([
page.waitForResponse(response => response.url().includes('/__nuxt_island/LongAsyncComponent') && response.status() === 200), page.waitForResponse(response => response.url().includes('/__nuxt_island/LongAsyncComponent') && response.status() === 200),
page.waitForResponse(response => response.url().includes('/__nuxt_island/AsyncServerComponent') && response.status() === 200) page.waitForResponse(response => response.url().includes('/__nuxt_island/AsyncServerComponent') && response.status() === 200)
]) ]
await page.locator('#update-server-components').click()
await Promise.all(islandRequests)
await page.locator('#long-async-component-count').getByText('1').waitFor() await page.locator('#long-async-component-count').getByText('1').waitFor()