Nuxt/test/spa.test.js

85 lines
2.4 KiB
JavaScript
Raw Normal View History

2017-10-07 09:07:52 +00:00
import test from 'ava'
import { Nuxt, Builder } from '..'
2017-12-13 05:38:46 +00:00
import { interceptLog, release } from './helpers/console'
2018-03-16 16:12:06 +00:00
import { loadConfig } from './helpers/config'
2017-10-07 09:07:52 +00:00
let nuxt = null
const port = 4012
2018-01-13 05:22:11 +00:00
const url = route => 'http://localhost:' + port + route
2017-10-07 09:07:52 +00:00
const renderRoute = async _url => {
const window = await nuxt.renderAndGetWindow(url(_url))
const head = window.document.head.innerHTML
2017-10-07 09:07:52 +00:00
const html = window.document.body.innerHTML
return { window, head, html }
2017-10-07 09:07:52 +00:00
}
// Init nuxt.js and create server listening on localhost:4000
test.serial('Init Nuxt.js', async t => {
2018-03-16 16:12:06 +00:00
const config = loadConfig('spa')
const logSpy = await interceptLog(async () => {
nuxt = new Nuxt(config)
await new Builder(nuxt).build()
await nuxt.listen(port, 'localhost')
})
t.true(logSpy.calledWithMatch('DONE'))
t.true(logSpy.calledWithMatch('OPEN'))
2017-10-07 09:07:52 +00:00
})
test.serial('/ (basic spa)', async t => {
const logSpy = await interceptLog()
2017-10-07 09:07:52 +00:00
const { html } = await renderRoute('/')
t.true(html.includes('Hello SPA!'))
release()
t.true(logSpy.withArgs('created').notCalled)
t.true(logSpy.withArgs('mounted').calledOnce)
2017-10-07 09:07:52 +00:00
})
test.serial('/custom (custom layout)', async t => {
const logSpy = await interceptLog()
2017-10-07 15:24:15 +00:00
const { html } = await renderRoute('/custom')
2017-10-07 09:07:52 +00:00
t.true(html.includes('Custom layout'))
release()
t.true(logSpy.withArgs('created').calledOnce)
t.true(logSpy.withArgs('mounted').calledOnce)
2017-10-07 09:07:52 +00:00
})
test.serial('/custom (not default layout)', async t => {
const logSpy = await interceptLog()
const { head } = await renderRoute('/custom')
t.false(head.includes('src="/_nuxt/layouts/default.'))
release()
t.true(logSpy.withArgs('created').calledOnce)
t.true(logSpy.withArgs('mounted').calledOnce)
})
test.serial('/custom (call mounted and created once)', async t => {
2017-12-13 05:38:46 +00:00
const logSpy = await interceptLog()
await renderRoute('/custom')
2017-12-13 05:38:46 +00:00
release()
t.true(logSpy.withArgs('created').calledOnce)
t.true(logSpy.withArgs('mounted').calledOnce)
})
test.serial('/mounted', async t => {
const { html } = await renderRoute('/mounted')
t.true(html.includes('<h1>Test: updated</h1>'))
})
test('/_nuxt/ (access publicPath in spa mode)', async t => {
2018-01-13 05:22:11 +00:00
const { response: { statusCode, statusMessage } } = await t.throws(
renderRoute('/_nuxt/')
)
t.is(statusCode, 404)
t.is(statusMessage, 'ResourceNotFound')
})
2017-10-07 09:07:52 +00:00
// Close server and ask nuxt to stop listening to file changes
test.after.always('Closing server and nuxt.js', async t => {
await nuxt.close()
2017-10-07 09:07:52 +00:00
})