mirror of
https://github.com/nuxt/nuxt.git
synced 2024-12-05 03:47:12 +00:00
174 lines
5.0 KiB
JavaScript
Executable File
174 lines
5.0 KiB
JavaScript
Executable File
import test from 'ava'
|
|
import { resolve } from 'path'
|
|
import rp from 'request-promise-native'
|
|
import stdMocks from 'std-mocks'
|
|
import { Nuxt, Builder } from '../index.js'
|
|
|
|
const port = 4003
|
|
const url = (route) => 'http://localhost:' + port + route
|
|
|
|
let nuxt = null
|
|
|
|
// Init nuxt.js and create server listening on localhost:4000
|
|
test.before('Init Nuxt.js', async t => {
|
|
const options = {
|
|
rootDir: resolve(__dirname, 'fixtures/basic'),
|
|
dev: false
|
|
}
|
|
nuxt = new Nuxt(options)
|
|
await new Builder(nuxt).build()
|
|
|
|
await nuxt.listen(port, 'localhost')
|
|
})
|
|
|
|
test('/stateless', async t => {
|
|
const { html } = await nuxt.renderRoute('/stateless')
|
|
t.true(html.includes('<h1>My component!</h1>'))
|
|
})
|
|
|
|
/*
|
|
** Example of testing via dom checking
|
|
*/
|
|
test('/css', async t => {
|
|
const window = await nuxt.renderAndGetWindow(url('/css'))
|
|
const element = window.document.querySelector('.red')
|
|
t.not(element, null)
|
|
t.is(element.textContent, 'This is red')
|
|
t.is(element.className, 'red')
|
|
t.is(window.getComputedStyle(element).color, 'red')
|
|
})
|
|
|
|
test('/stateful', async t => {
|
|
const { html } = await nuxt.renderRoute('/stateful')
|
|
t.true(html.includes('<div><p>The answer is 42</p></div>'))
|
|
})
|
|
|
|
test('/store', async t => {
|
|
const { html } = await nuxt.renderRoute('/store')
|
|
t.true(html.includes('<h1>Vuex Nested Modules</h1>'))
|
|
t.true(html.includes('<p>1</p>'))
|
|
})
|
|
|
|
test('/head', async t => {
|
|
const window = await nuxt.renderAndGetWindow(url('/head'), { virtualConsole: false })
|
|
const html = window.document.body.innerHTML
|
|
const metas = window.document.getElementsByTagName('meta')
|
|
t.is(window.document.title, 'My title')
|
|
t.is(metas[0].getAttribute('content'), 'my meta')
|
|
t.true(html.includes('<div><h1>I can haz meta tags</h1></div>'))
|
|
})
|
|
|
|
test('/async-data', async t => {
|
|
const { html } = await nuxt.renderRoute('/async-data')
|
|
t.true(html.includes('<p>Nuxt.js</p>'))
|
|
})
|
|
|
|
test('/await-async-data', async t => {
|
|
const { html } = await nuxt.renderRoute('/await-async-data')
|
|
t.true(html.includes('<p>Await Nuxt.js</p>'))
|
|
})
|
|
|
|
test('/callback-async-data', async t => {
|
|
const { html } = await nuxt.renderRoute('/callback-async-data')
|
|
t.true(html.includes('<p>Callback Nuxt.js</p>'))
|
|
})
|
|
|
|
test('/users/1', async t => {
|
|
const { html } = await nuxt.renderRoute('/users/1')
|
|
t.true(html.includes('<h1>User: 1</h1>'))
|
|
})
|
|
|
|
test('/validate should display a 404', async t => {
|
|
const { html } = await nuxt.renderRoute('/validate')
|
|
t.true(html.includes('This page could not be found'))
|
|
})
|
|
|
|
test('/validate?valid=true', async t => {
|
|
const { html } = await nuxt.renderRoute('/validate?valid=true')
|
|
t.true(html.includes('<h1>I am valid</h1>'))
|
|
})
|
|
|
|
test('/redirect', async t => {
|
|
const { html, redirected } = await nuxt.renderRoute('/redirect')
|
|
t.true(html.includes('<div id="__nuxt"></div>'))
|
|
t.true(redirected.path === '/')
|
|
t.true(redirected.status === 302)
|
|
})
|
|
|
|
test('/redirect -> check redirected source', async t => {
|
|
const window = await nuxt.renderAndGetWindow(url('/redirect'))
|
|
const html = window.document.body.innerHTML
|
|
t.true(html.includes('<h1>Index page</h1>'))
|
|
})
|
|
|
|
test('/special-state -> check window.__NUXT__.test = true', async t => {
|
|
const window = await nuxt.renderAndGetWindow(url('/special-state'))
|
|
t.is(window.__NUXT__.test, true)
|
|
})
|
|
|
|
test('/error', async t => {
|
|
try {
|
|
await nuxt.renderRoute('/error', { req: {}, res: {} })
|
|
} catch (err) {
|
|
t.true(err.message.includes('Error mouahahah'))
|
|
}
|
|
})
|
|
|
|
test('/error status code', async t => {
|
|
try {
|
|
await rp(url('/error'))
|
|
} catch (err) {
|
|
t.true(err.statusCode === 500)
|
|
t.true(err.response.body.includes('Error mouahahah'))
|
|
}
|
|
})
|
|
|
|
test('/error2', async t => {
|
|
const { html, error } = await nuxt.renderRoute('/error2')
|
|
t.true(html.includes('Custom error'))
|
|
t.true(error.message.includes('Custom error'))
|
|
t.true(error.statusCode === undefined)
|
|
})
|
|
|
|
test('/error2 status code', async t => {
|
|
try {
|
|
await rp(url('/error2'))
|
|
} catch (err) {
|
|
t.is(err.statusCode, 500)
|
|
t.true(err.response.body.includes('Custom error'))
|
|
}
|
|
})
|
|
|
|
test('/redirect2', async t => {
|
|
stdMocks.use()
|
|
await rp(url('/redirect2')) // Should console.error
|
|
stdMocks.restore()
|
|
const output = stdMocks.flush()
|
|
// Don't display error since redirect returns a noopApp
|
|
t.true(output.stderr.length === 0)
|
|
})
|
|
|
|
test('ETag Header', async t => {
|
|
const { headers: { etag } } = await rp(url('/stateless'), { resolveWithFullResponse: true })
|
|
// Validate etag
|
|
t.regex(etag, /W\/".*"$/)
|
|
// Verify functionality
|
|
const error = await t.throws(rp(url('/stateless'), { headers: { 'If-None-Match': etag } }))
|
|
t.is(error.statusCode, 304)
|
|
})
|
|
|
|
test('/_nuxt/server-bundle.json should return 404', async t => {
|
|
const err = await t.throws(rp(url('/_nuxt/server-bundle.json'), { resolveWithFullResponse: true }))
|
|
t.is(err.statusCode, 404)
|
|
})
|
|
|
|
test('/_nuxt/ should return 404', async t => {
|
|
const err = await t.throws(rp(url('/_nuxt/'), { resolveWithFullResponse: true }))
|
|
t.is(err.statusCode, 404)
|
|
})
|
|
|
|
// Close server and ask nuxt to stop listening to file changes
|
|
test.after('Closing server and nuxt.js', t => {
|
|
nuxt.close()
|
|
})
|