Nuxt/test/basic.test.js

152 lines
4.2 KiB
JavaScript
Raw Normal View History

2016-12-09 17:51:19 +00:00
import test from 'ava'
import { resolve } from 'path'
2016-12-21 14:03:37 +00:00
import rp from 'request-promise-native'
2017-05-16 13:12:30 +00:00
import stdMocks from 'std-mocks'
2016-12-20 18:25:51 +00:00
const port = 4000
2016-12-09 17:51:19 +00:00
const url = (route) => 'http://localhost:' + port + route
let nuxt = null
let server = null
// Init nuxt.js and create server listening on localhost:4000
2016-12-20 19:44:42 +00:00
test.before('Init Nuxt.js', async t => {
2016-12-09 17:51:19 +00:00
const Nuxt = require('../')
const options = {
2016-12-20 19:44:42 +00:00
rootDir: resolve(__dirname, 'fixtures/basic'),
2016-12-09 17:51:19 +00:00
dev: false
}
nuxt = await new Nuxt(options)
2016-12-20 19:44:42 +00:00
await nuxt.build()
server = new nuxt.Server(nuxt)
server.listen(port, 'localhost')
2016-12-09 17:51:19 +00:00
})
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 => {
2016-12-20 16:56:06 +00:00
const window = await nuxt.renderAndGetWindow(url('/css'))
2016-12-09 17:51:19 +00:00
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>'))
})
2017-03-25 23:53:50 +00:00
test('/store', async t => {
const { html } = await nuxt.renderRoute('/store')
t.true(html.includes('<h1>Vuex Nested Modules</h1>'))
2017-05-13 17:32:35 +00:00
t.true(html.includes('<p>1</p>'))
2017-03-25 23:53:50 +00:00
})
2016-12-09 17:51:19 +00:00
test('/head', async t => {
2017-01-30 11:41:59 +00:00
const window = await nuxt.renderAndGetWindow(url('/head'), { virtualConsole: false })
2016-12-09 17:51:19 +00:00
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>'))
})
2016-12-27 15:31:25 +00:00
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>'))
})
2016-12-21 19:51:43 +00:00
test('/users/1', async t => {
const { html } = await nuxt.renderRoute('/users/1')
t.true(html.includes('<h1>User: 1</h1>'))
})
2016-12-20 17:26:46 +00:00
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>'))
})
2016-12-20 18:25:51 +00:00
test('/redirect', async t => {
2016-12-21 14:03:37 +00:00
const { html, redirected } = await nuxt.renderRoute('/redirect')
2016-12-20 18:25:51 +00:00
t.true(html.includes('<div id="__nuxt"></div>'))
2016-12-21 14:03:37 +00:00
t.true(redirected.path === '/')
t.true(redirected.status === 302)
2016-12-20 18:25:51 +00:00
})
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('/error', async t => {
2017-04-14 10:06:40 +00:00
try {
await nuxt.renderRoute('/error', { req: {}, res: {} })
} catch (err) {
t.true(err.message.includes('Error mouahahah'))
}
2016-12-21 14:03:37 +00:00
})
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) {
2017-05-16 13:12:30 +00:00
t.is(err.statusCode, 500)
2016-12-21 14:03:37 +00:00
t.true(err.response.body.includes('Custom error'))
}
2016-12-20 18:25:51 +00:00
})
2017-05-16 13:12:30 +00:00
test('/redirect2 status code', async t => {
stdMocks.use()
await rp(url('/redirect2')) // Should console.error
stdMocks.restore()
const output = stdMocks.flush()
t.true(output.stderr.length >= 1)
t.true(output.stderr[0].includes('Error: NOPE!'))
})
2016-12-09 17:51:19 +00:00
// Close server and ask nuxt to stop listening to file changes
test.after('Closing server and nuxt.js', t => {
server.close()
nuxt.close()
})