mirror of https://github.com/nuxt/nuxt.git
107 lines
3.9 KiB
JavaScript
107 lines
3.9 KiB
JavaScript
import consola from 'consola'
|
|
import { loadFixture, getPort, Nuxt, wChunk } from '../utils'
|
|
|
|
let nuxt, port
|
|
const url = route => 'http://localhost:' + port + route
|
|
|
|
const renderRoute = async (_url) => {
|
|
const window = await nuxt.server.renderAndGetWindow(url(_url))
|
|
const head = window.document.head.innerHTML
|
|
const html = window.document.body.innerHTML
|
|
return { window, head, html }
|
|
}
|
|
|
|
describe('spa', () => {
|
|
beforeAll(async () => {
|
|
const config = await loadFixture('spa')
|
|
nuxt = new Nuxt(config)
|
|
port = await getPort()
|
|
await nuxt.server.listen(port, 'localhost')
|
|
})
|
|
|
|
test('/ (basic spa)', async () => {
|
|
const { html } = await renderRoute('/')
|
|
expect(html).toMatch('Hello SPA!')
|
|
expect(consola.log).not.toHaveBeenCalledWith('created')
|
|
expect(consola.log).toHaveBeenCalledWith('mounted')
|
|
consola.log.mockClear()
|
|
})
|
|
|
|
test('/ (include preload and prefetch resources)', async () => {
|
|
const { head } = await renderRoute('/')
|
|
expect(head).toMatch(`<link rel="preload" href="/_nuxt/runtime.js" as="script">`)
|
|
expect(head).toMatch(`<link rel="preload" href="/_nuxt/commons.app.js" as="script">`)
|
|
expect(head).toMatch(`<link rel="preload" href="/_nuxt/app.js" as="script">`)
|
|
expect(head).toMatch(`<link rel="prefetch" href="/_nuxt/${wChunk('pages/custom.js')}">`)
|
|
expect(head).toMatch(`<link rel="prefetch" href="/_nuxt/${wChunk('pages/error-handler-async.js')}">`)
|
|
expect(head).toMatch(`<link rel="prefetch" href="/_nuxt/${wChunk('pages/error-handler-object.js')}">`)
|
|
expect(head).toMatch(`<link rel="prefetch" href="/_nuxt/${wChunk('pages/error-handler-string.js')}">`)
|
|
expect(head).toMatch(`<link rel="prefetch" href="/_nuxt/${wChunk('pages/error-handler.js')}">`)
|
|
expect(head).toMatch(`<link rel="prefetch" href="/_nuxt/${wChunk('pages/index.js')}">`)
|
|
expect(head).toMatch(`<link rel="prefetch" href="/_nuxt/${wChunk('pages/mounted.js')}">`)
|
|
consola.log.mockClear()
|
|
})
|
|
|
|
test('/custom (custom layout)', async () => {
|
|
const { html } = await renderRoute('/custom')
|
|
expect(html).toMatch('Custom layout')
|
|
expect(consola.log).toHaveBeenCalledWith('created')
|
|
expect(consola.log).toHaveBeenCalledWith('mounted')
|
|
consola.log.mockClear()
|
|
})
|
|
|
|
test('/mounted', async () => {
|
|
const { html } = await renderRoute('/mounted')
|
|
expect(html).toMatch('<h1>Test: updated</h1>')
|
|
})
|
|
|
|
test('/error-handler', async () => {
|
|
const { html } = await renderRoute('/error-handler')
|
|
expect(html).toMatch('error handler triggered: fetch error!')
|
|
})
|
|
|
|
test('/error-handler-object', async () => {
|
|
const { html } = await renderRoute('/error-handler-object')
|
|
expect(html).toMatch('error handler triggered: fetch error!')
|
|
})
|
|
|
|
test('/error-handler-string', async () => {
|
|
const { html } = await renderRoute('/error-handler-string')
|
|
expect(html).toMatch('error handler triggered: fetch error!')
|
|
})
|
|
|
|
test('/error-handler-async', async () => {
|
|
const { html } = await renderRoute('/error-handler-async')
|
|
expect(html).toMatch('error handler triggered: asyncData error!')
|
|
})
|
|
|
|
test('/тест雨 (test non ascii route)', async () => {
|
|
const { html } = await renderRoute('/тест雨')
|
|
expect(html).toMatch('Hello unicode SPA!')
|
|
expect(consola.log).not.toHaveBeenCalledWith('created')
|
|
expect(consola.log).toHaveBeenCalledWith('mounted')
|
|
consola.log.mockClear()
|
|
})
|
|
|
|
test('/async no asyncData leak', async () => {
|
|
const window = await nuxt.server.renderAndGetWindow(url('/async'))
|
|
|
|
const navigate = url => new Promise((resolve, reject) => {
|
|
window.$nuxt.$router.push(url, resolve, reject)
|
|
})
|
|
|
|
for (let i = 0; i < 3; i++) {
|
|
await navigate('/')
|
|
await navigate('/async')
|
|
}
|
|
|
|
const { $data } = window.$nuxt.$route.matched[0].instances.default
|
|
expect(Object.keys($data).length).toBe(1)
|
|
})
|
|
|
|
// Close server and ask nuxt to stop listening to file changes
|
|
afterAll(async () => {
|
|
await nuxt.close()
|
|
})
|
|
})
|