mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-18 03:35:17 +00:00
200 lines
7.3 KiB
JavaScript
200 lines
7.3 KiB
JavaScript
import jsdom from 'jsdom'
|
|
import { getPort, loadFixture, Nuxt, rp } from '../utils'
|
|
|
|
let port
|
|
const url = route => 'http://localhost:' + port + route
|
|
|
|
let nuxt = null
|
|
|
|
describe('with-config', () => {
|
|
beforeAll(async () => {
|
|
const config = await loadFixture('with-config')
|
|
nuxt = new Nuxt(config)
|
|
port = await getPort()
|
|
await nuxt.server.listen(port, 'localhost')
|
|
})
|
|
|
|
test('/', async () => {
|
|
const { html } = await nuxt.server.renderRoute('/')
|
|
expect(html.includes('<h1>I have custom configurations</h1>')).toBe(true)
|
|
})
|
|
|
|
test('/ (asset name for analyze mode)', async () => {
|
|
const { html } = await nuxt.server.renderRoute('/')
|
|
expect(html).toContain('<script src="/test/orion/app.js"')
|
|
})
|
|
|
|
test.skip('/ (global styles inlined)', async () => {
|
|
const { html } = await nuxt.server.renderRoute('/')
|
|
expect(html).toContain('.global-css-selector')
|
|
})
|
|
|
|
test.skip('/ (preload fonts)', async () => {
|
|
const { html } = await nuxt.server.renderRoute('/')
|
|
expect(html.includes(
|
|
'<link rel="preload" href="/test/orion/fonts/roboto.7cf5d7c.woff2" as="font" type="font/woff2" crossorigin'
|
|
)).toBe(true)
|
|
})
|
|
|
|
test('/ (styleResources styles inlined)', async () => {
|
|
const { html } = await nuxt.server.renderRoute('/')
|
|
expect(html).toContain('.pre-process-selector')
|
|
})
|
|
|
|
test('/ (custom app.html)', async () => {
|
|
const { html } = await nuxt.server.renderRoute('/')
|
|
expect(html.includes('<p>Made by Nuxt.js team</p>')).toBe(true)
|
|
})
|
|
|
|
test('/ (custom build.publicPath)', async () => {
|
|
const { html } = await nuxt.server.renderRoute('/')
|
|
expect(html.includes('<script src="/test/orion/')).toBe(true)
|
|
})
|
|
|
|
test('/ (custom postcss.config.js)', async () => {
|
|
const { html } = await nuxt.server.renderRoute('/')
|
|
expect(html.includes('::-webkit-input-placeholder')).toBe(true)
|
|
})
|
|
|
|
test('/test/ (custom globalName)', async () => {
|
|
const window = await nuxt.server.renderAndGetWindow(url('/test/'))
|
|
const html = window.document.body.innerHTML
|
|
expect(html.includes('id="custom-nuxt-id">')).toBe(true)
|
|
expect(html.includes('id="__nuxt">')).toBe(false)
|
|
expect(window.__NOXXT__).toBeDefined()
|
|
expect(window.__NUXT__).toBeUndefined()
|
|
expect(window.$noxxt).toBeDefined()
|
|
expect(window.$nuxt).toBeDefined() // for Vue Dev Tools detection
|
|
})
|
|
|
|
test('/test/ (router base)', async () => {
|
|
const window = await nuxt.server.renderAndGetWindow(url('/test/'))
|
|
|
|
const html = window.document.body.innerHTML
|
|
expect(window.__NOXXT__.layout).toBe('default')
|
|
expect(html.includes('<h1>Default layout</h1>')).toBe(true)
|
|
expect(html.includes('<h1>I have custom configurations</h1>')).toBe(true)
|
|
|
|
expect(window.__test_plugin).toBe(true)
|
|
})
|
|
|
|
test('/test/about (custom layout)', async () => {
|
|
const window = await nuxt.server.renderAndGetWindow(url('/test/about'))
|
|
const html = window.document.body.innerHTML
|
|
expect(window.__NOXXT__.layout).toBe('custom')
|
|
expect(html.includes('<h1>Custom layout</h1>')).toBe(true)
|
|
expect(html.includes('<h1>About page</h1>')).toBe(true)
|
|
})
|
|
|
|
test('/test/desktop (custom layout in desktop folder)', async () => {
|
|
const window = await nuxt.server.renderAndGetWindow(url('/test/desktop'))
|
|
const html = window.document.body.innerHTML
|
|
expect(window.__NOXXT__.layout).toBe('desktop/default')
|
|
expect(html.includes('<h1>Default desktop layout</h1>')).toBe(true)
|
|
expect(html.includes('<h1>Desktop page</h1>')).toBe(true)
|
|
})
|
|
|
|
test('/test/mobile (custom layout in mobile folder)', async () => {
|
|
const window = await nuxt.server.renderAndGetWindow(url('/test/mobile'))
|
|
const html = window.document.body.innerHTML
|
|
expect(window.__NOXXT__.layout).toBe('mobile/default')
|
|
expect(html.includes('<h1>Default mobile layout</h1>')).toBe(true)
|
|
expect(html.includes('<h1>Mobile page</h1>')).toBe(true)
|
|
})
|
|
|
|
test('/test/env', async () => {
|
|
const window = await nuxt.server.renderAndGetWindow(url('/test/env'))
|
|
const html = window.document.body.innerHTML
|
|
expect(html.includes('<h1>Custom env layout</h1>')).toBe(true)
|
|
expect(html.includes('"bool": true')).toBe(true)
|
|
expect(html.includes('"num": 23')).toBe(true)
|
|
expect(html.includes('"string": "Nuxt.js"')).toBe(true)
|
|
expect(html.includes('"bool": false')).toBe(true)
|
|
expect(html.includes('"string": "ok"')).toBe(true)
|
|
expect(html.includes('"num2": 8.23')).toBe(true)
|
|
expect(html.includes('"obj": {')).toBe(true)
|
|
expect(html).toContain('"NUXT_ENV_FOO": "manniL"')
|
|
})
|
|
|
|
test('/test/error', async () => {
|
|
const window = await nuxt.server.renderAndGetWindow(url('/test/error'))
|
|
const html = window.document.body.innerHTML
|
|
expect(html.includes('Error page')).toBe(true)
|
|
})
|
|
|
|
test('/test/user-agent', async () => {
|
|
const window = await nuxt.server.renderAndGetWindow(url('/test/user-agent'))
|
|
const html = window.document.body.innerHTML
|
|
expect(html.includes('<pre>Mozilla')).toBe(true)
|
|
})
|
|
|
|
test('/test/about-bis (added with extendRoutes)', async () => {
|
|
const window = await nuxt.server.renderAndGetWindow(url('/test/about-bis'))
|
|
const html = window.document.body.innerHTML
|
|
expect(html.includes('<h1>Custom layout</h1>')).toBe(true)
|
|
expect(html.includes('<h1>About page</h1>')).toBe(true)
|
|
})
|
|
|
|
test('/test/not-existed should return 404', async () => {
|
|
await expect(rp(url('/test/not-existed')))
|
|
.rejects.toMatchObject({ statusCode: 404 })
|
|
})
|
|
|
|
test('/test/redirect/about-bis (redirect with extendRoutes)', async () => {
|
|
const window = await nuxt.server.renderAndGetWindow(url('/test/redirect/about-bis'))
|
|
const windowHref = window.location.href
|
|
expect(windowHref.includes('/test/about-bis')).toBe(true)
|
|
|
|
const html = window.document.body.innerHTML
|
|
expect(html.includes('<h1>Custom layout</h1>')).toBe(true)
|
|
expect(html.includes('<h1>About page</h1>')).toBe(true)
|
|
})
|
|
|
|
test('Check /test/test.txt with custom serve-static options', async () => {
|
|
const { headers } = await rp(url('/test/test.txt'), {
|
|
resolveWithFullResponse: true
|
|
})
|
|
expect(headers['cache-control']).toBe('public, max-age=31536000')
|
|
})
|
|
|
|
test('Check /test.txt should return 404', async () => {
|
|
await expect(rp(url('/test.txt')))
|
|
.rejects.toMatchObject({ statusCode: 404 })
|
|
})
|
|
|
|
test('renderAndGetWindow options', async () => {
|
|
const fakeErrorLog = jest.fn()
|
|
const mockOptions = {
|
|
beforeParse: jest.fn((window) => {
|
|
// Mock window.scrollTo
|
|
window.scrollTo = () => {}
|
|
window._virtualConsole.emit('jsdomError', new Error('test'))
|
|
}),
|
|
virtualConsole: new jsdom.VirtualConsole().sendTo({ error: fakeErrorLog })
|
|
}
|
|
try {
|
|
await nuxt.server.renderAndGetWindow(url('/test/error'), mockOptions)
|
|
} catch (e) {}
|
|
expect(mockOptions.beforeParse).toHaveBeenCalled()
|
|
expect(fakeErrorLog).toHaveBeenCalled()
|
|
})
|
|
|
|
// Close server and ask nuxt to stop listening to file changes
|
|
afterAll(async () => {
|
|
await nuxt.close()
|
|
})
|
|
})
|
|
|
|
describe('server config', () => {
|
|
test('opens on port defined in server.port', async () => {
|
|
const config = await loadFixture('with-config')
|
|
config.server.port = port = await getPort()
|
|
nuxt = new Nuxt(config)
|
|
await nuxt.server.listen()
|
|
await nuxt.server.renderAndGetWindow(url('/test/'))
|
|
})
|
|
afterAll(async () => {
|
|
await nuxt.close()
|
|
})
|
|
})
|