mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-23 22:25:12 +00:00
78 lines
2.1 KiB
JavaScript
Executable File
78 lines
2.1 KiB
JavaScript
Executable File
/*
|
|
** 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()
|
|
})
|