import test from 'ava' import { resolve } from 'path' import rp from 'request-promise-native' import stdMocks from 'std-mocks' import { Nuxt, Server, Builder } from '../index.js' const port = 4003 const url = (route) => 'http://localhost:' + port + route let nuxt = null let server = null // Init nuxt.js and create server listening on localhost:4000 test.before('Init Nuxt.js', async t => { const options = { rootDir: resolve(__dirname, 'fixtures/basic'), dev: false, runBuild: true } nuxt = new Nuxt(options) await new Builder(nuxt).build() server = new Server(nuxt) server.listen(port, 'localhost') }) test('/stateless', async t => { const { html } = await nuxt.renderRoute('/stateless') t.true(html.includes('

My component!

')) }) /* ** Example of testing via dom checking */ test('/css', async t => { 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('/stateful', async t => { const { html } = await nuxt.renderRoute('/stateful') t.true(html.includes('

The answer is 42

')) }) test('/store', async t => { const { html } = await nuxt.renderRoute('/store') t.true(html.includes('

Vuex Nested Modules

')) t.true(html.includes('

1

')) }) test('/head', async t => { const window = await nuxt.renderAndGetWindow(url('/head'), { virtualConsole: false }) 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('

I can haz meta tags

')) }) test('/async-data', async t => { const { html } = await nuxt.renderRoute('/async-data') t.true(html.includes('

Nuxt.js

')) }) test('/await-async-data', async t => { const { html } = await nuxt.renderRoute('/await-async-data') t.true(html.includes('

Await Nuxt.js

')) }) test('/callback-async-data', async t => { const { html } = await nuxt.renderRoute('/callback-async-data') t.true(html.includes('

Callback Nuxt.js

')) }) test('/users/1', async t => { const { html } = await nuxt.renderRoute('/users/1') t.true(html.includes('

User: 1

')) }) test('/validate should display a 404', async t => { const { html } = await nuxt.renderRoute('/validate') t.true(html.includes('This page could not be found')) }) test('/validate?valid=true', async t => { const { html } = await nuxt.renderRoute('/validate?valid=true') t.true(html.includes('

I am valid

')) }) test('/redirect', async t => { const { html, redirected } = await nuxt.renderRoute('/redirect') t.true(html.includes('
')) t.true(redirected.path === '/') t.true(redirected.status === 302) }) test('/redirect -> check redirected source', async t => { const window = await nuxt.renderAndGetWindow(url('/redirect')) const html = window.document.body.innerHTML t.true(html.includes('

Index page

')) }) test('/error', async t => { try { await nuxt.renderRoute('/error', { req: {}, res: {} }) } catch (err) { t.true(err.message.includes('Error mouahahah')) } }) test('/error status code', async t => { try { await rp(url('/error')) } catch (err) { t.true(err.statusCode === 500) t.true(err.response.body.includes('Error mouahahah')) } }) test('/error2', async t => { const { html, error } = await nuxt.renderRoute('/error2') t.true(html.includes('Custom error')) t.true(error.message.includes('Custom error')) t.true(error.statusCode === undefined) }) test('/error2 status code', async t => { try { await rp(url('/error2')) } catch (err) { t.is(err.statusCode, 500) t.true(err.response.body.includes('Custom error')) } }) test('/redirect2', async t => { stdMocks.use() await rp(url('/redirect2')) // Should console.error stdMocks.restore() const output = stdMocks.flush() // Don't display error since redirect returns a noopApp t.true(output.stderr.length === 0) }) test('ETag Header', async t => { const {headers: {etag}} = await rp(url('/stateless'), {resolveWithFullResponse: true}) // Validate etag t.regex(etag, /W\/".*"$/) // Verify functionality const error = await t.throws(rp(url('/stateless'), {headers: {'If-None-Match': etag}})) t.is(error.statusCode, 304) }) // Close server and ask nuxt to stop listening to file changes test.after('Closing server and nuxt.js', t => { server.close() nuxt.close() })