import test from 'ava' import { resolve } from 'path' import puppeteer from 'puppeteer' import { Nuxt, Builder } from '../index.js' const port = 4003 const url = (route) => 'http://localhost:' + port + route let nuxt = null let browser const open = async (path) => { const page = await browser.newPage() await page.goto(url(path)) await page.waitForFunction('!!window.$nuxt') page.html = () => page.evaluate(() => window.document.documentElement.outerHTML) return page } // Init nuxt.js and create server listening on localhost:4003 test.before('Init Nuxt.js', async t => { const options = { rootDir: resolve(__dirname, 'fixtures/basic'), dev: false, head: { titleTemplate(titleChunk) { return titleChunk ? `${titleChunk} - Nuxt.js` : 'Nuxt.js' } } } nuxt = new Nuxt(options) await new Builder(nuxt).build() await nuxt.listen(port, 'localhost') }) test.before('Start Puppeteer', async t => { // https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#puppeteerlaunchoptions browser = await puppeteer.launch({ args: ['--no-sandbox', '--disable-setuid-sandbox'] }) }) test('/stateless', async t => { const page = await open('/stateless') const h1 = await page.$eval('h1', (h1) => h1.textContent) const loading = await page.evaluate(() => window.$nuxt.$loading.$data) t.is(await page.title(), 'Nuxt.js') t.is(h1, 'My component!') t.is(loading.show, false) t.is(loading.percent, 0) await page.close() }) test('/css', async t => { const page = await open('/css') t.is(await page.$eval('.red', (red) => red.textContent), 'This is red') t.is(await page.$eval('.red', (red) => window.getComputedStyle(red).color), 'rgb(255, 0, 0)') await page.close() }) test('/stateful', async t => { const page = await open('/stateful') const html = await page.html() t.true(html.includes('

The answer is 42

')) await page.close() }) // 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 - Nuxt.js') // 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('/special-state -> check window.__NUXT__.test = true', async t => { // const window = await nuxt.renderAndGetWindow(url('/special-state')) // t.is(window.document.title, 'Nuxt.js') // t.is(window.__NUXT__.test, true) // }) // 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('An error occurred in the application and your page could not be served')) // } // }) // 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('/no-ssr', async t => { // const { html } = await nuxt.renderRoute('/no-ssr') // t.true(html.includes('
<p>Loading...</p>
')) // }) // test('/no-ssr (client-side)', async t => { // const window = await nuxt.renderAndGetWindow(url('/no-ssr')) // const html = window.document.body.innerHTML // t.true(html.includes('Displayed only on client-side')) // }) // 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) // }) // test('/_nuxt/server-bundle.json should return 404', async t => { // const err = await t.throws(rp(url('/_nuxt/server-bundle.json'), { resolveWithFullResponse: true })) // t.is(err.statusCode, 404) // }) // test('/_nuxt/ should return 404', async t => { // const err = await t.throws(rp(url('/_nuxt/'), { resolveWithFullResponse: true })) // t.is(err.statusCode, 404) // }) // Close server and ask nuxt to stop listening to file changes test.after('Closing server and nuxt.js', t => { nuxt.close() }) test.after('Close Puppeteer', async t => { await browser.close() browser = null })