mirror of https://github.com/nuxt/nuxt.git
114 lines
3.9 KiB
JavaScript
114 lines
3.9 KiB
JavaScript
import http from 'http'
|
|
import { existsSync } from 'fs'
|
|
import { resolve } from 'path'
|
|
|
|
import serveStatic from 'serve-static'
|
|
import finalhandler from 'finalhandler'
|
|
import rp from 'request-promise-native'
|
|
|
|
import { Nuxt, Builder, Generator, Options } from '..'
|
|
|
|
import { loadConfig } from './helpers/config'
|
|
|
|
const port = 4015
|
|
const url = route => 'http://localhost:' + port + route
|
|
|
|
let nuxt = null
|
|
let server = null
|
|
let generator = null
|
|
|
|
describe('fallback generate', () => {
|
|
// Init nuxt.js and create server listening on localhost:4015
|
|
beforeAll(async () => {
|
|
let config = loadConfig('basic', {
|
|
buildDir: '.nuxt-spa-fallback',
|
|
dev: false
|
|
})
|
|
config.build.stats = false
|
|
|
|
nuxt = new Nuxt(config)
|
|
const builder = new Builder(nuxt)
|
|
generator = new Generator(nuxt, builder)
|
|
|
|
await generator.generate()
|
|
|
|
const serve = serveStatic(resolve(__dirname, 'fixtures/basic/dist'))
|
|
server = http.createServer((req, res) => {
|
|
serve(req, res, finalhandler(req, res))
|
|
})
|
|
server.listen(port)
|
|
}, 30000)
|
|
|
|
test('default creates /200.html as fallback', async () => {
|
|
const html = await rp(url('/200.html'))
|
|
expect(html.includes('<h1>Index page</h1>')).toBe(false)
|
|
expect(html.includes('data-server-rendered')).toBe(false)
|
|
expect(existsSync(resolve(__dirname, 'fixtures/basic/dist', '200.html'))).toBe(true)
|
|
expect(existsSync(resolve(__dirname, 'fixtures/basic/dist', '404.html'))).toBe(false)
|
|
})
|
|
|
|
test('nuxt re-generating with generate.fallback = false', async () => {
|
|
// const logSpy = await interceptLog(async () => {
|
|
nuxt.options.generate.fallback = false
|
|
await generator.generate()
|
|
// expect(logSpy.calledWithMatch('DONE')).toBe(true)
|
|
})
|
|
|
|
test('false creates no fallback', async () => {
|
|
await expect(rp(url('/200.html'))).rejects.toMatchObject({
|
|
statusCode: 404,
|
|
response: {
|
|
body: expect.stringContaining('Cannot GET /200.html')
|
|
}
|
|
})
|
|
|
|
expect(existsSync(resolve(__dirname, 'fixtures/basic/dist', '200.html'))).toBe(false)
|
|
expect(existsSync(resolve(__dirname, 'fixtures/basic/dist', '404.html'))).toBe(false)
|
|
})
|
|
|
|
test('generate.fallback = true is transformed to /404.html', async () => {
|
|
nuxt.options.generate.fallback = true
|
|
const options = Options.from(nuxt.options)
|
|
expect(options.generate.fallback).toBe('404.html')
|
|
})
|
|
|
|
test(
|
|
'nuxt re-generating with generate.fallback = "spa-fallback.html"',
|
|
async () => {
|
|
nuxt.options.generate.fallback = 'spa-fallback.html'
|
|
await generator.generate()
|
|
}
|
|
)
|
|
|
|
test(
|
|
'"spa-fallback.html" creates /spa-fallback.html as fallback',
|
|
async () => {
|
|
const html = await rp(url('/spa-fallback.html'))
|
|
expect(html.includes('<h1>Index page</h1>')).toBe(false)
|
|
expect(html.includes('data-server-rendered')).toBe(false)
|
|
expect(existsSync(resolve(__dirname, 'fixtures/basic/dist', 'spa-fallback.html'))).toBe(true)
|
|
expect(existsSync(resolve(__dirname, 'fixtures/basic/dist', '404.html'))).toBe(false)
|
|
expect(existsSync(resolve(__dirname, 'fixtures/basic/dist', '200.html'))).toBe(false)
|
|
}
|
|
)
|
|
|
|
test('nuxt re-generating with generate.fallback = "index.html"', async () => {
|
|
nuxt.options.generate.fallback = 'index.html'
|
|
await generator.generate()
|
|
})
|
|
|
|
test('"index.html" creates /index.html as fallback', async () => {
|
|
const html = await rp(url('/index.html'))
|
|
expect(html.includes('<h1>Index page</h1>')).toBe(true)
|
|
expect(html.includes('data-server-rendered')).toBe(true)
|
|
expect(existsSync(resolve(__dirname, 'fixtures/basic/dist', 'index.html'))).toBe(true)
|
|
expect(existsSync(resolve(__dirname, 'fixtures/basic/dist', '404.html'))).toBe(false)
|
|
expect(existsSync(resolve(__dirname, 'fixtures/basic/dist', '200.html'))).toBe(false)
|
|
})
|
|
|
|
// Close server and ask nuxt to stop listening to file changes
|
|
test('Closing server', async () => {
|
|
await server.close()
|
|
})
|
|
})
|