Nuxt/test/basic.generate.test.js

166 lines
5.4 KiB
JavaScript
Raw Normal View History

2016-12-20 19:44:42 +00:00
import test from 'ava'
import { resolve } from 'path'
import { existsSync } from 'fs'
import { remove } from 'fs-extra'
2016-12-21 14:03:37 +00:00
import http from 'http'
import serveStatic from 'serve-static'
2016-12-21 19:51:43 +00:00
import finalhandler from 'finalhandler'
2016-12-21 14:03:37 +00:00
import rp from 'request-promise-native'
import { interceptLog, release } from './helpers/console'
import { Nuxt, Builder, Generator } from '..'
2017-06-14 18:51:14 +00:00
2017-05-21 19:00:01 +00:00
const port = 4002
2016-12-21 14:03:37 +00:00
const url = (route) => 'http://localhost:' + port + route
const rootDir = resolve(__dirname, 'fixtures/basic')
2016-12-20 19:44:42 +00:00
let nuxt = null
2016-12-21 14:03:37 +00:00
let server = null
let generator = null
2016-12-20 19:44:42 +00:00
// Init nuxt.js and create server listening on localhost:4000
test.serial('Init Nuxt.js', async t => {
2016-12-21 19:51:43 +00:00
let config = require(resolve(rootDir, 'nuxt.config.js'))
config.rootDir = rootDir
config.buildDir = '.nuxt-generate'
2016-12-21 19:51:43 +00:00
config.dev = false
config.build.stats = false
const logSpy = await interceptLog(async () => {
nuxt = new Nuxt(config)
const builder = new Builder(nuxt)
generator = new Generator(nuxt, builder)
await generator.generate()
})
t.true(logSpy.calledWithMatch('DONE'))
2016-12-21 14:03:37 +00:00
const serve = serveStatic(resolve(__dirname, 'fixtures/basic/dist'))
2016-12-21 19:51:43 +00:00
server = http.createServer((req, res) => {
serve(req, res, finalhandler(req, res))
})
2017-06-20 12:55:52 +00:00
server.listen(port)
2016-12-20 19:44:42 +00:00
})
test.serial('Check ready hook called', async t => {
2017-10-31 11:33:15 +00:00
t.true(nuxt.__hook_called__)
})
test.serial('/stateless', async t => {
2016-12-21 14:03:37 +00:00
const window = await nuxt.renderAndGetWindow(url('/stateless'))
const html = window.document.body.innerHTML
2016-12-20 19:44:42 +00:00
t.true(html.includes('<h1>My component!</h1>'))
})
2016-12-21 14:03:37 +00:00
test.serial('/css', async t => {
2016-12-21 14:03:37 +00:00
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.serial('/stateful', async t => {
2016-12-21 14:03:37 +00:00
const window = await nuxt.renderAndGetWindow(url('/stateful'))
const html = window.document.body.innerHTML
t.true(html.includes('<div><p>The answer is 42</p></div>'))
})
test.serial('/head', async t => {
const logSpy = await interceptLog()
2016-12-21 14:03:37 +00:00
const window = await nuxt.renderAndGetWindow(url('/head'))
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>'))
release()
t.is(logSpy.getCall(0).args[0], 'Body script!')
2016-12-21 14:03:37 +00:00
})
test.serial('/async-data', async t => {
2016-12-21 14:03:37 +00:00
const window = await nuxt.renderAndGetWindow(url('/async-data'))
const html = window.document.body.innerHTML
t.true(html.includes('<p>Nuxt.js</p>'))
})
test.serial('/users/1/index.html', async t => {
const html = await rp(url('/users/1/index.html'))
2016-12-21 19:51:43 +00:00
t.true(html.includes('<h1>User: 1</h1>'))
t.true(existsSync(resolve(__dirname, 'fixtures/basic/dist', 'users/1/index.html')))
t.false(existsSync(resolve(__dirname, 'fixtures/basic/dist', 'users/1.html')))
2016-12-21 19:51:43 +00:00
})
test.serial('/users/2', async t => {
2016-12-21 19:51:43 +00:00
const html = await rp(url('/users/2'))
t.true(html.includes('<h1>User: 2</h1>'))
})
test.serial('/users/3 (payload given)', async t => {
2016-12-21 19:51:43 +00:00
const html = await rp(url('/users/3'))
t.true(html.includes('<h1>User: 3000</h1>'))
2016-12-21 19:51:43 +00:00
})
test.serial('/users/4 -> Not found', async t => {
const error = await t.throws(rp(url('/users/4')))
t.true(error.statusCode === 404)
t.true(error.response.body.includes('Cannot GET /users/4'))
2016-12-21 19:51:43 +00:00
})
test.serial('/validate should not be server-rendered', async t => {
2016-12-21 14:03:37 +00:00
const html = await rp(url('/validate'))
t.true(html.includes('<div id="__nuxt"></div>'))
t.true(html.includes('serverRendered:!1'))
})
test.serial('/validate -> should display a 404', async t => {
2016-12-21 14:03:37 +00:00
const window = await nuxt.renderAndGetWindow(url('/validate'))
const html = window.document.body.innerHTML
t.true(html.includes('This page could not be found'))
})
test.serial('/validate?valid=true', async t => {
const window = await nuxt.renderAndGetWindow(url('/validate?valid=true'))
const html = window.document.body.innerHTML
t.true(html.includes('I am valid</h1>'))
})
2016-12-21 14:03:37 +00:00
test.serial('/redirect should not be server-rendered', async t => {
2016-12-21 14:03:37 +00:00
const html = await rp(url('/redirect'))
t.true(html.includes('<div id="__nuxt"></div>'))
t.true(html.includes('serverRendered:!1'))
})
test.serial('/redirect -> check redirected source', async t => {
2016-12-21 14:03:37 +00:00
const window = await nuxt.renderAndGetWindow(url('/redirect'))
const html = window.document.body.innerHTML
t.true(html.includes('<h1>Index page</h1>'))
})
test.serial('/users/1 not found', async t => {
await remove(resolve(rootDir, 'dist/users'))
const error = await t.throws(rp(url('/users/1')))
t.true(error.statusCode === 404)
t.true(error.response.body.includes('Cannot GET /users/1'))
})
test.serial('nuxt re-generating with no subfolders', async t => {
const logSpy = await interceptLog()
nuxt.options.generate.subFolders = false
await generator.generate()
release()
t.true(logSpy.calledWithMatch('DONE'))
})
test.serial('/users/1.html', async t => {
const html = await rp(url('/users/1.html'))
t.true(html.includes('<h1>User: 1</h1>'))
t.true(existsSync(resolve(__dirname, 'fixtures/basic/dist', 'users/1.html')))
t.false(existsSync(resolve(__dirname, 'fixtures/basic/dist', 'users/1/index.html')))
})
2016-12-21 14:03:37 +00:00
// Close server and ask nuxt to stop listening to file changes
test.after.always('Closing server', async t => {
await server.close()
2016-12-21 14:03:37 +00:00
})