Ben Drucker
e3f715f71b
As the test suite grows it's bad for debugging to leak tons of elements onto document.body. In order to concisely append/remove on the tests' "end" event, we need to make sure the root tagName doesn't change. If it does, the `tree` returned from `app.start` will no longer be the root node and the removal fn will throw.
61 lines
1.6 KiB
JavaScript
61 lines
1.6 KiB
JavaScript
const test = require('tape')
|
|
const append = require('append-child')
|
|
const choo = require('../../')
|
|
const view = require('../../html')
|
|
|
|
test('state is immutable', function (t) {
|
|
t.plan(4)
|
|
|
|
const app = choo()
|
|
const state = {
|
|
foo: 'baz',
|
|
beep: 'boop'
|
|
}
|
|
|
|
app.model({
|
|
state: state,
|
|
namespace: 'test',
|
|
reducers: {
|
|
'no-reducer-mutate': (action, state) => {
|
|
return {}
|
|
},
|
|
'mutate-on-return': (action, state) => {
|
|
delete action.type
|
|
return action
|
|
}
|
|
},
|
|
effects: {
|
|
'triggers-reducers': (action, state, send, done) => {
|
|
send('test:mutate-on-return', {beep: 'barp'}, done)
|
|
}
|
|
}
|
|
})
|
|
|
|
let loop = -1
|
|
|
|
const asserts = [
|
|
(state) => t.deepEqual(state, {foo: 'baz', beep: 'boop'}, 'intial state'),
|
|
(state) => t.deepEqual(state, {foo: 'baz', beep: 'boop'}, 'no change in state'),
|
|
(state) => t.deepEqual(state, {foo: 'oof', beep: 'boop'}, 'change in state from reducer'),
|
|
(state) => t.deepEqual(state, {foo: 'oof', beep: 'barp'}, 'change in state from effect')
|
|
]
|
|
|
|
const triggers = [
|
|
(send) => send('test:no-reducer-mutate'),
|
|
(send) => send('test:mutate-on-return', {foo: 'oof'}),
|
|
(send) => send('test:triggers-reducers')
|
|
]
|
|
|
|
app.router((route) => [
|
|
route('/', function (state, prev, send) {
|
|
++loop
|
|
asserts[loop] && asserts[loop](state.test)
|
|
setTimeout(() => triggers[loop] && triggers[loop](send), 5)
|
|
return view`<div><span class="test">${state.foo}:${state.beep}</span></div>`
|
|
})
|
|
])
|
|
|
|
const tree = app.start()
|
|
t.on('end', append(tree))
|
|
})
|