2017-11-02 16:48:20 +00:00
|
|
|
import test from 'ava'
|
|
|
|
import { resolve } from 'path'
|
|
|
|
import { Nuxt, Builder } from '../index'
|
|
|
|
import * as browser from './helpers/browser'
|
|
|
|
|
|
|
|
const port = 4003
|
|
|
|
const url = (route) => 'http://localhost:' + port + route
|
|
|
|
|
|
|
|
let nuxt = null
|
|
|
|
let page = null
|
|
|
|
|
|
|
|
// 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 browser', async t => {
|
|
|
|
await browser.start({
|
|
|
|
// slowMo: 50,
|
|
|
|
// headless: false
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
test('Open /', async t => {
|
|
|
|
page = await browser.page(url('/'))
|
|
|
|
|
|
|
|
t.is(await page.$text('h1'), 'Index page')
|
|
|
|
})
|
|
|
|
|
|
|
|
test('/stateless', async t => {
|
2017-11-07 15:26:15 +00:00
|
|
|
const { hook } = await page.nuxt.navigate('/stateless', false)
|
2017-11-02 16:48:20 +00:00
|
|
|
const loading = await page.nuxt.loadingData()
|
|
|
|
|
|
|
|
t.is(loading.show, true)
|
2017-11-07 15:26:15 +00:00
|
|
|
await hook
|
2017-11-02 16:48:20 +00:00
|
|
|
t.is(await page.$text('h1'), 'My component!')
|
|
|
|
})
|
|
|
|
|
|
|
|
test('/css', async t => {
|
2017-11-07 15:26:15 +00:00
|
|
|
await page.nuxt.navigate('/css')
|
2017-11-02 16:48:20 +00:00
|
|
|
|
|
|
|
t.is(await page.$text('.red'), 'This is red')
|
|
|
|
t.is(await page.$eval('.red', (red) => window.getComputedStyle(red).color), 'rgb(255, 0, 0)')
|
|
|
|
})
|
|
|
|
|
|
|
|
test('/stateful', async t => {
|
2017-11-07 15:26:15 +00:00
|
|
|
await page.nuxt.navigate('/stateful')
|
2017-11-02 16:48:20 +00:00
|
|
|
|
|
|
|
t.is(await page.$text('p'), 'The answer is 42')
|
|
|
|
})
|
|
|
|
|
|
|
|
test('/store', async t => {
|
2017-11-07 15:26:15 +00:00
|
|
|
await page.nuxt.navigate('/store')
|
2017-11-02 16:48:20 +00:00
|
|
|
|
|
|
|
t.is(await page.$text('h1'), 'Vuex Nested Modules')
|
|
|
|
t.is(await page.$text('p'), '1')
|
|
|
|
})
|
|
|
|
|
|
|
|
test('/head', async t => {
|
2017-11-06 12:49:24 +00:00
|
|
|
const msg = new Promise((resolve) => page.on('console', (msg) => resolve(msg.text)))
|
2017-11-07 15:26:15 +00:00
|
|
|
await page.nuxt.navigate('/head')
|
2017-11-02 16:48:20 +00:00
|
|
|
const metas = await page.$$attr('meta', 'content')
|
|
|
|
|
2017-11-06 12:49:24 +00:00
|
|
|
t.is(await msg, 'Body script!')
|
2017-11-02 16:48:20 +00:00
|
|
|
t.is(await page.title(), 'My title - Nuxt.js')
|
|
|
|
t.is(await page.$text('h1'), 'I can haz meta tags')
|
|
|
|
t.is(metas[0], 'my meta')
|
|
|
|
})
|
|
|
|
|
|
|
|
test('/async-data', async t => {
|
2017-11-07 15:26:15 +00:00
|
|
|
await page.nuxt.navigate('/async-data')
|
2017-11-02 16:48:20 +00:00
|
|
|
|
|
|
|
t.is(await page.$text('p'), 'Nuxt.js')
|
|
|
|
})
|
|
|
|
|
|
|
|
test('/await-async-data', async t => {
|
2017-11-07 15:26:15 +00:00
|
|
|
await page.nuxt.navigate('/await-async-data')
|
2017-11-02 16:48:20 +00:00
|
|
|
|
|
|
|
t.is(await page.$text('p'), 'Await Nuxt.js')
|
|
|
|
})
|
|
|
|
|
|
|
|
test('/callback-async-data', async t => {
|
2017-11-07 15:26:15 +00:00
|
|
|
await page.nuxt.navigate('/callback-async-data')
|
2017-11-02 16:48:20 +00:00
|
|
|
|
|
|
|
t.is(await page.$text('p'), 'Callback Nuxt.js')
|
|
|
|
})
|
|
|
|
|
|
|
|
test('/users/1', async t => {
|
2017-11-07 15:26:15 +00:00
|
|
|
await page.nuxt.navigate('/users/1')
|
2017-11-02 16:48:20 +00:00
|
|
|
|
|
|
|
t.is(await page.$text('h1'), 'User: 1')
|
|
|
|
})
|
|
|
|
|
|
|
|
test('/validate should display a 404', async t => {
|
2017-11-07 15:26:15 +00:00
|
|
|
await page.nuxt.navigate('/validate')
|
2017-11-02 16:48:20 +00:00
|
|
|
const error = await page.nuxt.errorData()
|
|
|
|
|
|
|
|
t.is(error.statusCode, 404)
|
|
|
|
t.is(error.message, 'This page could not be found')
|
|
|
|
})
|
|
|
|
|
|
|
|
test('/validate?valid=true', async t => {
|
2017-11-07 15:26:15 +00:00
|
|
|
await page.nuxt.navigate('/validate?valid=true')
|
2017-11-02 16:48:20 +00:00
|
|
|
|
|
|
|
t.is(await page.$text('h1'), 'I am valid')
|
|
|
|
})
|
|
|
|
|
|
|
|
test('/redirect', async t => {
|
2017-11-07 15:26:15 +00:00
|
|
|
await page.nuxt.navigate('/redirect')
|
2017-11-02 16:48:20 +00:00
|
|
|
|
|
|
|
t.is(await page.$text('h1'), 'Index page')
|
|
|
|
})
|
|
|
|
|
|
|
|
test('/error', async t => {
|
2017-11-07 15:26:15 +00:00
|
|
|
await page.nuxt.navigate('/error')
|
2017-11-02 16:48:20 +00:00
|
|
|
|
|
|
|
t.deepEqual(await page.nuxt.errorData(), { statusCode: 500 })
|
|
|
|
t.is(await page.$text('.title'), 'Error mouahahah')
|
|
|
|
})
|
|
|
|
|
|
|
|
test('/error2', async t => {
|
2017-11-07 15:26:15 +00:00
|
|
|
await page.nuxt.navigate('/error2')
|
2017-11-02 16:48:20 +00:00
|
|
|
|
|
|
|
t.is(await page.$text('.title'), 'Custom error')
|
|
|
|
t.deepEqual(await page.nuxt.errorData(), { message: 'Custom error' })
|
|
|
|
})
|
|
|
|
|
|
|
|
test('/redirect2', async t => {
|
2017-11-07 15:26:15 +00:00
|
|
|
await page.nuxt.navigate('/redirect2')
|
2017-11-02 16:48:20 +00:00
|
|
|
|
|
|
|
t.is(await page.$text('h1'), 'Index page')
|
|
|
|
})
|
|
|
|
|
2017-11-28 09:10:44 +00:00
|
|
|
test('/redirect3', async t => {
|
|
|
|
// New page for redirecting to external link.
|
|
|
|
const page = await browser.page(url('/'))
|
|
|
|
await page.nuxt.navigate('/redirect3', false)
|
|
|
|
await page.waitForFunction(() => window.location.href === 'https://nuxtjs.org/')
|
|
|
|
page.close()
|
|
|
|
t.pass()
|
|
|
|
})
|
|
|
|
|
2017-11-02 16:48:20 +00:00
|
|
|
test('/no-ssr', async t => {
|
2017-11-07 15:26:15 +00:00
|
|
|
await page.nuxt.navigate('/no-ssr')
|
2017-11-02 16:48:20 +00:00
|
|
|
|
|
|
|
t.is(await page.$text('h1'), 'Displayed only on client-side')
|
|
|
|
})
|
|
|
|
|
2017-11-02 17:07:33 +00:00
|
|
|
test('/meta', async t => {
|
2017-11-07 15:26:15 +00:00
|
|
|
await page.nuxt.navigate('/meta')
|
2017-11-02 17:07:33 +00:00
|
|
|
|
|
|
|
const state = await page.nuxt.storeState()
|
|
|
|
t.deepEqual(state.meta, [{ works: true }])
|
|
|
|
})
|
|
|
|
|
2017-11-03 16:14:05 +00:00
|
|
|
test('/fn-midd', async t => {
|
2017-11-07 15:26:15 +00:00
|
|
|
await page.nuxt.navigate('/fn-midd')
|
2017-11-03 16:14:05 +00:00
|
|
|
|
|
|
|
t.is(await page.$text('.title'), 'You need to ask the permission')
|
|
|
|
t.deepEqual(await page.nuxt.errorData(), { message: 'You need to ask the permission', statusCode: 403 })
|
|
|
|
})
|
|
|
|
|
|
|
|
test('/fn-midd?please=true', async t => {
|
2017-11-07 15:26:15 +00:00
|
|
|
await page.nuxt.navigate('/fn-midd?please=true')
|
2017-11-03 16:14:05 +00:00
|
|
|
|
|
|
|
const h1 = await page.$text('h1')
|
|
|
|
t.true(h1.includes('Date:'))
|
|
|
|
})
|
|
|
|
|
2017-11-02 16:48:20 +00:00
|
|
|
// Close server and ask nuxt to stop listening to file changes
|
|
|
|
test.after('Closing server and nuxt.js', t => {
|
|
|
|
nuxt.close()
|
|
|
|
})
|
|
|
|
|
|
|
|
test.after('Stop browser', async t => {
|
|
|
|
await browser.stop()
|
|
|
|
})
|