send('test')}>Hello world!`
+ })
+ ])
+
+ var node = document.createElement('div')
+ node.innerHTML = app.toString('/')
+ node = node.childNodes[0]
+ t.on('end', append(node))
+
+ app.start('#app-root')
+
+ onReady(function () {
+ t.equal(node.innerHTML, 'Hello world!', 'same content')
+ t.equal(typeof node.onclick, 'function', 'attaches dom listeners')
+ })
+})
diff --git a/tests/browser/routing.js b/tests/browser/routing.js
new file mode 100644
index 0000000..6bf0f36
--- /dev/null
+++ b/tests/browser/routing.js
@@ -0,0 +1,166 @@
+const test = require('tape')
+const Event = require('geval/event')
+const proxyquire = require('proxyquire')
+const append = require('append-child')
+const view = require('../../html')
+
+test('routing', function (t) {
+ t.test('history', function (t) {
+ t.plan(3)
+
+ const history = Event()
+ const choo = proxyquire('../..', {
+ 'sheet-router/history': history.listen
+ })
+
+ const app = choo()
+
+ app.model({
+ state: {
+ user: null
+ },
+ reducers: {
+ set: (action, state) => ({user: action.id})
+ },
+ effects: {
+ open: function (action, state, send, done) {
+ t.deepEqual(action, {id: 1})
+ send('set', {id: 1}, function (err) {
+ if (err) return done(err)
+ history.broadcast('https://foo.com/users/1')
+ })
+ }
+ }
+ })
+
+ app.router('/users', (route) => [
+ route('/users', parentView, [
+ route('/:user', childView)
+ ])
+ ])
+
+ const tree = app.start()
+ t.on('end', append(tree))
+
+ t.equal(tree.innerHTML.trim(), 'Open')
+ tree.onclick()
+
+ function parentView (state, prev, send) {
+ return view`
+
+ `
+ }
+
+ function childView (state, prev, send) {
+ t.equal(state.user, 1)
+ return view`
`
+ }
+ })
+
+ t.test('hash', function (t) {
+ t.plan(1)
+
+ const hash = Event()
+ const choo = proxyquire('../..', {
+ 'sheet-router/hash': hash.listen
+ })
+
+ const app = choo()
+
+ app.model({
+ state: {
+ user: null
+ },
+ reducers: {
+ set: (action, state) => ({user: action.id})
+ },
+ effects: {
+ open: function (action, state, send, done) {
+ send('set', {id: 1}, function (err) {
+ if (err) return done(err)
+ hash.broadcast('#users/1')
+ })
+ }
+ }
+ })
+
+ app.router('/users', (route) => [
+ route('/users', parentView, [
+ route('/:user', childView)
+ ])
+ ])
+
+ const tree = app.start({hash: true})
+ t.on('end', append(tree))
+
+ tree.onclick()
+
+ function parentView (state, prev, send) {
+ return view`
+
+ `
+ }
+
+ function childView (state, prev, send) {
+ t.equal(state.user, 1)
+ return view`
`
+ }
+ })
+
+ t.test('disabling history', function (t) {
+ t.plan(1)
+
+ const choo = proxyquire('../..', {
+ 'sheet-router/history': () => t.fail('history listener attached')
+ })
+
+ const app = choo()
+
+ app.router('/', (route) => [
+ route('/', function () {
+ t.pass('rendered')
+ })
+ ])
+
+ app.start({history: false})
+ })
+
+ t.test('disabling href', function (t) {
+ t.plan(1)
+
+ const choo = proxyquire('../..', {
+ 'sheet-router/href': () => t.fail('href listener attached')
+ })
+
+ const app = choo()
+
+ app.router('/', (route) => [
+ route('/', function () {
+ t.pass('rendered')
+ })
+ ])
+
+ app.start({href: false})
+ })
+
+ t.test('viewless nesting', function (t) {
+ t.plan(1)
+
+ const choo = require('../..')
+ const app = choo()
+
+ app.router('/users/123', (route) => [
+ route('/users', [
+ route('/:user', function (state) {
+ t.deepEqual(state.params, {user: '123'})
+ })
+ ])
+ ])
+
+ app.start()
+ })
+})
diff --git a/tests/server/index.js b/tests/server/index.js
index c4e4a67..871b035 100644
--- a/tests/server/index.js
+++ b/tests/server/index.js
@@ -1,9 +1,10 @@
-const tape = require('tape')
+const test = require('tape')
+const minDocument = require('min-document')
const choo = require('../../')
const view = require('../../html')
-tape('should render on the server', function (t) {
- t.test('should render a static response', function (t) {
+test('server', function (t) {
+ t.test('renders a static html response', function (t) {
t.plan(1)
const app = choo()
@@ -16,7 +17,20 @@ tape('should render on the server', function (t) {
t.equal(html, expected, 'strings are equal')
})
- t.test('should accept a state object', function (t) {
+ t.test('renders without a real DOM', function (t) {
+ t.plan(1)
+
+ const app = choo()
+ app.router((route) => [
+ route('/', () => minDocument.createElement('div'))
+ ])
+
+ const html = app.toString('/')
+ const expected = '
'
+ t.equal(html, expected, 'strings are equal')
+ })
+
+ t.test('receives a state object', function (t) {
t.plan(1)
const app = choo()
@@ -31,7 +45,7 @@ tape('should render on the server', function (t) {
t.equal(html, expected, 'strings are equal')
})
- t.test('should extend flat existing models', function (t) {
+ t.test('extends flat existing models', function (t) {
t.plan(1)
const app = choo()
@@ -48,7 +62,7 @@ tape('should render on the server', function (t) {
t.equal(html, expected, 'strings are equal')
})
- t.test('should extend namespaced existing models', function (t) {
+ t.test('extends namespaced existing models', function (t) {
t.plan(1)
const app = choo()
@@ -75,7 +89,7 @@ tape('should render on the server', function (t) {
t.equal(html, expected, 'strings are equal')
})
- t.test('should throw if called without route', function (t) {
+ t.test('throws if called without route', function (t) {
t.plan(1)
const app = choo()
@@ -88,7 +102,7 @@ tape('should render on the server', function (t) {
t.throws(app.toString.bind(null), /route must be a string/)
})
- t.test('should throw if calling send()', function (t) {
+ t.test('throws when calling send()', function (t) {
t.plan(1)
const app = choo()