Add more tests

package.json

@@ -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"
   }
 }

test/basic.generate.test.js

@@ -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()
+})

test/basic.test.js

@@ -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

test/fixtures/basic/pages/error2.vue

@@ -0,0 +1,11 @@
+<template>
+  <h1>Error page</h1>
+</template>
+
+<script>
+export default {
+  data ({ error }) {
+    error({ message: 'Custom error' })
+  }
+}
+</script>

test/fixtures/with-config/nuxt.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  router: {
+    base: '/test/'
+  }
+}

test/fixtures/with-config/pages/about.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <h1>About page</h1>
+    <nuxt-link to="/">Home page</nuxt-link>
+  </div>
+</template>