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': (data, state) => {
|
|
return {}
|
|
},
|
|
'mutate-on-return': (data, state) => {
|
|
delete data.type
|
|
return data
|
|
}
|
|
},
|
|
effects: {
|
|
'triggers-reducers': (data, 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))
|
|
})
|