mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-11 08:33:53 +00:00
Add more tests
This commit is contained in:
parent
8102ce48eb
commit
b74d452f23
@ -96,6 +96,8 @@
|
||||
"jsdom": "^9.8.3",
|
||||
"json-loader": "^0.5.4",
|
||||
"nyc": "^10.0.0",
|
||||
"request": "^2.79.0",
|
||||
"request-promise-native": "^1.0.3",
|
||||
"webpack-node-externals": "^1.5.4"
|
||||
}
|
||||
}
|
||||
|
@ -1,10 +1,13 @@
|
||||
import test from 'ava'
|
||||
import { resolve } from 'path'
|
||||
import pify from 'pify'
|
||||
import fs from 'fs'
|
||||
const readFile = pify(fs.readFile)
|
||||
import http from 'http'
|
||||
import serveStatic from 'serve-static'
|
||||
import rp from 'request-promise-native'
|
||||
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 => {
|
||||
@ -15,9 +18,84 @@ test.before('Init Nuxt.js', async t => {
|
||||
}
|
||||
nuxt = new Nuxt(options)
|
||||
await nuxt.generate()
|
||||
const serve = serveStatic(resolve(__dirname, 'fixtures/basic/dist'))
|
||||
server = http.createServer(serve)
|
||||
server.listen(port)
|
||||
})
|
||||
|
||||
test('/stateless', async t => {
|
||||
const html = await readFile(resolve(__dirname, 'fixtures/basic/dist/stateless/index.html'), 'utf8')
|
||||
const window = await nuxt.renderAndGetWindow(url('/stateless'))
|
||||
const html = window.document.body.innerHTML
|
||||
t.true(html.includes('<h1>My component!</h1>'))
|
||||
})
|
||||
|
||||
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 window = await nuxt.renderAndGetWindow(url('/stateful'))
|
||||
const html = window.document.body.innerHTML
|
||||
t.true(html.includes('<div><p>The answer is 42</p></div>'))
|
||||
})
|
||||
|
||||
test('/head', async t => {
|
||||
const window = await nuxt.renderAndGetWindow(url('/head'))
|
||||
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('<div><h1>I can haz meta tags</h1></div>'))
|
||||
})
|
||||
|
||||
test('/async-data', async t => {
|
||||
const window = await nuxt.renderAndGetWindow(url('/async-data'))
|
||||
const html = window.document.body.innerHTML
|
||||
t.true(html.includes('<p>Nuxt.js</p>'))
|
||||
})
|
||||
|
||||
test('/validate should not be server-rendered', async t => {
|
||||
const html = await rp(url('/validate'))
|
||||
t.true(html.includes('<div id="__nuxt"></div>'))
|
||||
t.true(html.includes('serverRendered:!1'))
|
||||
})
|
||||
|
||||
test('/validate -> should display a 404', async t => {
|
||||
const window = await nuxt.renderAndGetWindow(url('/validate'))
|
||||
const html = window.document.body.innerHTML
|
||||
t.true(html.includes('This page could not be found'))
|
||||
})
|
||||
|
||||
test('/validate?valid=true', async t => {
|
||||
const window = await nuxt.renderAndGetWindow(url('/validate?valid=true'))
|
||||
const html = window.document.body.innerHTML
|
||||
t.true(html.includes('<h1>I am valid</h1>'))
|
||||
})
|
||||
|
||||
test('/redirect should not be server-rendered', async t => {
|
||||
const html = await rp(url('/redirect'))
|
||||
t.true(html.includes('<div id="__nuxt"></div>'))
|
||||
t.true(html.includes('serverRendered:!1'))
|
||||
})
|
||||
|
||||
test('/redirect -> check redirected source', async t => {
|
||||
const window = await nuxt.renderAndGetWindow(url('/redirect'))
|
||||
const html = window.document.body.innerHTML
|
||||
t.true(html.includes('<h1>Index page</h1>'))
|
||||
})
|
||||
|
||||
test('/error', async t => {
|
||||
const window = await nuxt.renderAndGetWindow(url('/error'))
|
||||
const html = window.document.body.innerHTML
|
||||
t.true(html.includes('Error mouahahah'))
|
||||
})
|
||||
|
||||
// Close server and ask nuxt to stop listening to file changes
|
||||
test.after('Closing server', t => {
|
||||
server.close()
|
||||
})
|
||||
|
@ -1,5 +1,6 @@
|
||||
import test from 'ava'
|
||||
import { resolve } from 'path'
|
||||
import rp from 'request-promise-native'
|
||||
const port = 4000
|
||||
const url = (route) => 'http://localhost:' + port + route
|
||||
|
||||
@ -66,8 +67,10 @@ test('/validate?valid=true', async t => {
|
||||
})
|
||||
|
||||
test('/redirect', async t => {
|
||||
const { html } = await nuxt.renderRoute('/redirect')
|
||||
const { html, redirected } = await nuxt.renderRoute('/redirect')
|
||||
t.true(html.includes('<div id="__nuxt"></div>'))
|
||||
t.true(redirected.path === '/')
|
||||
t.true(redirected.status === 302)
|
||||
})
|
||||
|
||||
test('/redirect -> check redirected source', async t => {
|
||||
@ -80,6 +83,32 @@ test('/error', async t => {
|
||||
const { html, error } = await nuxt.renderRoute('/error')
|
||||
t.true(html.includes('Error mouahahah'))
|
||||
t.true(error.message.includes('Error mouahahah'))
|
||||
t.true(error.statusCode === 500)
|
||||
})
|
||||
|
||||
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.true(err.statusCode === 500)
|
||||
t.true(err.response.body.includes('Custom error'))
|
||||
}
|
||||
})
|
||||
|
||||
// Close server and ask nuxt to stop listening to file changes
|
||||
|
11
test/fixtures/basic/pages/error2.vue
vendored
Normal file
11
test/fixtures/basic/pages/error2.vue
vendored
Normal file
@ -0,0 +1,11 @@
|
||||
<template>
|
||||
<h1>Error page</h1>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data ({ error }) {
|
||||
error({ message: 'Custom error' })
|
||||
}
|
||||
}
|
||||
</script>
|
5
test/fixtures/with-config/nuxt.config.js
vendored
Normal file
5
test/fixtures/with-config/nuxt.config.js
vendored
Normal file
@ -0,0 +1,5 @@
|
||||
module.exports = {
|
||||
router: {
|
||||
base: '/test/'
|
||||
}
|
||||
}
|
6
test/fixtures/with-config/pages/about.vue
vendored
Normal file
6
test/fixtures/with-config/pages/about.vue
vendored
Normal file
@ -0,0 +1,6 @@
|
||||
<template>
|
||||
<div>
|
||||
<h1>About page</h1>
|
||||
<nuxt-link to="/">Home page</nuxt-link>
|
||||
</div>
|
||||
</template>
|
Loading…
Reference in New Issue
Block a user