Nuxt/test/spa-loader/spa-preloader-outside-enabled.test.ts

import { fileURLToPath } from 'node:url'
import { describe, expect, it } from 'vitest'
import { isWindows } from 'std-env'
import { createPage, setup, url } from '@nuxt/test-utils/e2e'
import type { Page } from 'playwright-core'
import { join } from 'pathe'

const isWebpack = process.env.TEST_BUILDER === 'webpack' || process.env.TEST_BUILDER === 'rspack'
const isDev = process.env.TEST_ENV === 'dev'

const fixtureDir = fileURLToPath(new URL('../fixtures/spa-loader', import.meta.url))

if (!isDev) {
  await setup({
    rootDir: fixtureDir,
    server: true,
    browser: true,
    setupTimeout: (isWindows ? 360 : 120) * 1000,
    nuxtConfig: {
      buildDir: isDev ? join(fixtureDir, '.nuxt', 'test', Math.random().toString(36).slice(2, 8)) : undefined,
      builder: isWebpack ? 'webpack' : 'vite',
      spaLoadingTemplate: true,
      experimental: {
        spaLoadingTemplateLocation: 'body',
      },
    },
  })
}

describe.skipIf(isDev)('spaLoadingTemplateLocation flag is set to `body`', () => {
  it('should render spa-loader', async () => {
    const page = await createPage()
    await page.goto(url('/spa'), { waitUntil: 'domcontentloaded' })

    await page.getByTestId('loader').waitFor({ state: 'visible' })
    expect(await page.getByTestId('content').isHidden()).toBeTruthy()

    await page.getByTestId('content').waitFor({ state: 'visible' })
    expect(await page.getByTestId('loader').isHidden()).toBeTruthy()

    await page.close()
  }, 60_000)

  it('should render content without spa-loader', async () => {
    const page = await createPage()
    await page.goto(url('/ssr'), { waitUntil: 'domcontentloaded' })

    const [loaderIsHidden, contentIsHidden] = await getState(page)

    expect(loaderIsHidden).toBeTruthy()
    expect(contentIsHidden).toBeFalsy()

    await page.close()
  }, 60_000)
})

function getState (page: Page) {
  const loader = page.getByTestId('loader')
  const content = page.getByTestId('content')

  return Promise.all([
    loader.isHidden(),
    content.isHidden(),
  ])
}