mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-11 16:43:55 +00:00
44 lines
1.3 KiB
JavaScript
Executable File
44 lines
1.3 KiB
JavaScript
Executable File
import { resolve } from 'path'
|
|
import { Nuxt, Builder } from 'nuxt'
|
|
import { JSDOM } from 'jsdom'
|
|
import test from 'ava'
|
|
|
|
// We keep the nuxt and server instance
|
|
// So we can close them at the end of the test
|
|
let nuxt = null
|
|
|
|
// Init Nuxt.js and create a server listening on localhost:4000
|
|
test.before(async () => {
|
|
const config = {
|
|
dev: false,
|
|
rootDir: resolve(__dirname, '..')
|
|
}
|
|
nuxt = new Nuxt(config)
|
|
await new Builder(nuxt).build()
|
|
await nuxt.server.listen(4000, 'localhost')
|
|
}, 30000)
|
|
|
|
// Example of testing only generated html
|
|
test('Route / exits and render HTML', async (t) => {
|
|
const context = {}
|
|
const { html } = await nuxt.server.renderRoute('/', context)
|
|
t.true(html.includes('<h1 class="red">Hello world!</h1>'))
|
|
})
|
|
|
|
// Example of testing via dom checking
|
|
test('Route / exits and render HTML with CSS applied', async (t) => {
|
|
const context = {}
|
|
const { html } = await nuxt.server.renderRoute('/', context)
|
|
const { window } = new JSDOM(html).window
|
|
const element = window.document.querySelector('.red')
|
|
t.not(element, null)
|
|
t.is(element.textContent, 'Hello world!')
|
|
t.is(element.className, 'red')
|
|
t.is(window.getComputedStyle(element).color, 'red')
|
|
})
|
|
|
|
// Close server and ask nuxt to stop listening to file changes
|
|
test.after('Closing server and nuxt.js', (t) => {
|
|
nuxt.close()
|
|
})
|