updux/docs/tutorial-effects.test.js

import { test, expect } from 'vitest';
process.env.UPDEEP_MODE = "dangerously_never_freeze";
// [effects-1]
import u from '@yanick/updeep-remeda';
import * as R from 'remeda';
import Updux, { createAction, withPayload } from 'updux';
const addTodoWithId = createAction('addTodoWithId', withPayload());
const incNextId = createAction('incNextId');
const addTodo = createAction('addTodo', withPayload());
const todosDux = new Updux({
    initialState: { nextId: 1, todos: [] },
    actions: { addTodo, incNextId, addTodoWithId },
    selectors: {
        nextId: ({ nextId }) => nextId,
    },
});
todosDux.addMutation(addTodoWithId, (todo) => state => state
    // u({
    // todos: R.concat([u(todo, { done: false })])
    // })
);
todosDux.addMutation(incNextId, () => state => state); //u({ nextId: id => id + 1 }));
// todosDux.addEffect(addTodo, ({ getState, dispatch }) => next => action => {
//     const id = getState.nextId();
//     dispatch.incNextId();
//     next(action);
//     dispatch.addTodoWithId({ id, description: action.payload });
// });
const store = todosDux.createStore();
store.dispatch.addTodo('write tutorial');
// [effects-1]
test('basic', () => {
    expect(store.getState()).toMatchObject({
        nextId: 2,
        todos: [{ id: 1, description: 'write tutorial', done: false }]
    });
});