Nuxt/examples/with-ava/test/index.test.js

78 lines
2.1 KiB
JavaScript
Raw Normal View History

2016-11-07 01:34:58 +00:00
/*
** Test with Ava can be written in ES6 \o/
*/
import test from 'ava'
import jsdom from 'jsdom'
import { createServer } from 'http'
import { resolve } from 'path'
let nuxt = null
let server = null
// Init nuxt.js and create server listening on localhost:4000
test.before('Init nuxt.js', (t) => {
process.env.NODE_ENV = 'test'
const Nuxt = require('../../../')
const options = {
rootDir: resolve(__dirname, '..')
}
return new Nuxt(options)
.then(function (_nuxt) {
nuxt = _nuxt
server = createServer((req, res) => nuxt.render(req, res))
return new Promise((resolve, reject) => {
server.listen(4000, 'localhost', () => {
resolve()
})
})
})
})
// Function used to do dom checking via jsdom
async function renderAndGetWindow (route) {
return new Promise((resolve, reject) => {
const url = 'http://localhost:4000' + route
jsdom.env({
url: url,
features: {
FetchExternalResources: ['script', 'link'],
ProcessExternalResources: ['script']
},
done (err, window) {
if (err) return reject(err)
// Used by nuxt.js to say when the components are loaded and the app ready
window.onNuxtReady = function () {
resolve(window)
}
}
})
})
}
/*
** Example of testing only the html
*/
test('Route / exits and render HTML', async t => {
let context = {}
const html = await nuxt.renderRoute('/', context)
t.true(html.includes('<p class="red-color">Hello world!</p>'))
t.is(context.nuxt.error, null)
t.is(context.nuxt.data[0].name, 'world')
})
/*
** Example of testing via dom checking
*/
test('Route / exits and render HTML', async t => {
const window = await renderAndGetWindow('/')
t.is(window.document.querySelector('p').textContent, 'Hello world!')
t.is(window.document.querySelector('p').className, 'red-color')
t.true(window.document.querySelectorAll('style')[2].textContent.includes('.red-color {\n color: red;\n}'))
})
// Close server and ask nuxt to stop listening to file changes
test.after('Closing server and nuxt.js', t => {
server.close()
nuxt.stop()
})