mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-29 17:07:22 +00:00
42 lines
1.3 KiB
TypeScript
42 lines
1.3 KiB
TypeScript
import { fileURLToPath } from 'node:url'
|
|
import { describe, expect, it } from 'vitest'
|
|
import { isWindows } from 'std-env'
|
|
import { $fetch, getBrowser, setup, url } from '@nuxt/test-utils'
|
|
|
|
const isWebpack =
|
|
process.env.TEST_BUILDER === 'webpack' ||
|
|
process.env.TEST_BUILDER === 'rspack'
|
|
|
|
await setup({
|
|
rootDir: fileURLToPath(new URL('../fixtures/spa-loader', import.meta.url)),
|
|
dev: process.env.TEST_ENV === 'dev',
|
|
server: true,
|
|
browser: true,
|
|
setupTimeout: (isWindows ? 360 : 120) * 1000,
|
|
nuxtConfig: {
|
|
builder: isWebpack ? 'webpack' : 'vite',
|
|
spaLoadingTemplate: true,
|
|
experimental: {
|
|
spaPreloaderOutside: false,
|
|
},
|
|
},
|
|
})
|
|
|
|
describe('spaPreloaderOutside flag is disabled', () => {
|
|
it('shoul be render loader inside appTag', async () => {
|
|
const html = await $fetch('/spa')
|
|
expect(html).toContain(`<div id="__nuxt"><div data-testid="loader">loading...</div>\n</div>`)
|
|
})
|
|
|
|
it('spa-loader does not appear while the app is mounting', async () => {
|
|
const browser = await getBrowser()
|
|
const page = await browser.newPage({})
|
|
await page.goto(url('/spa'), { waitUntil: 'domcontentloaded' })
|
|
|
|
const loader = page.getByTestId('__nuxt-spa-loader')
|
|
expect(await loader.isHidden()).toBeTruthy()
|
|
|
|
await page.close()
|
|
}, 60_000)
|
|
})
|