diff --git a/tests/browser/hooks.js b/tests/browser/hooks.js
new file mode 100644
index 0000000..a72638f
--- /dev/null
+++ b/tests/browser/hooks.js
@@ -0,0 +1,57 @@
+const test = require('tape')
+const choo = require('../../')
+const view = require('../../html')
+
+test('hooks', function (t) {
+  t.plan(11)
+
+  const app = choo({
+    onError: function (err, state, createSend) {
+      t.equal(err.message, 'effect error', 'receives err')
+      t.equal(state.clicks, 1, 'current state: 1 clicks')
+      t.equal(typeof createSend, 'function', 'createSend fn')
+    },
+    onAction: function (action, state, name, caller, createSend) {
+      if (name === 'explodes') return
+      t.deepEqual(action, {foo: 'bar'}, 'action data')
+      t.equal(state.clicks, 0, 'current state: 0 clicks')
+      t.equal(name, 'click', 'action name')
+      t.equal(caller, '/', 'caller name')
+      t.equal(typeof createSend, 'function', 'createSend fn')
+    },
+    onState: function (action, state, prev, createSend) {
+      t.deepEqual(action, {foo: 'bar'}, 'action data')
+      t.deepEqual(state.clicks, 1, 'new state: 1 clicks')
+      t.deepEqual(prev.clicks, 0, 'prev state: 0 clicks')
+    }
+  })
+
+  app.model({
+    state: {
+      clicks: 0
+    },
+    reducers: {
+      click: (action, state) => ({clicks: state.clicks + 1})
+    },
+    effects: {
+      explodes: (action, state, send, done) => {
+        setTimeout(() => done(new Error('effect error')), 5)
+      }
+    }
+  })
+
+  var sent = false
+  app.router((route) => [
+    route('/', function (state, prev, send) {
+      if (!sent) {
+        send('click', {foo: 'bar'})
+        send('explodes')
+      }
+      sent = true
+      return view`<span></span>`
+    })
+  ])
+
+  const tree = app.start()
+  document.body.appendChild(tree)
+})