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 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('

Hello world!

')) }) // 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', (t) => { nuxt.close() })