updux/docs/tutorial-effects.test.js

import { test, expect } from 'vitest';

import u from 'updeep';
import { action, Updux, dux } from '../src/index.js';

const addTodoWithId = action('addTodoWithId');
const incNextId = action('incNextId');
const addTodo = action('addTodo');

const addTodoEffect = ({ getState, dispatch }) => next => action => {
    const id = getState.nextId();

    dispatch.incNextId();

    next(action);

    dispatch.addTodoWithId({ description: action.payload, id });
}

const todosDux = new Updux({
    initial: { nextId: 1, todos: [] },
    actions: { addTodo, incNextId, addTodoWithId },
    selectors: {
        nextId: ({nextId}) => nextId,
    },
    mutations: {
        addTodoWithId: (todo) => u({ todos:  (todos) => [...todos, todo] }),
        incNextId: () => u({ nextId: id => id+1 }),
    },
    effects: {
        'addTodo': addTodoEffect
    }
});

const store = todosDux.createStore();

test( "tutorial example", async () => {
    store.dispatch.addTodo('Do the thing');

    expect( store.getState() ).toMatchObject({
        nextId:2, todos: [ { description: 'Do the thing', id: 1 } ]
    })

});

test( "catch-all effect", () => {

    let seen = [];

    const foo = new Updux({
        actions: {
            one: null,
            two: null,
        },
        effects: {
            '*': (api) => next => action => {
                seen.push(action.type);
                next(action);
            }
        }
    } );

    const store = foo.createStore();

    store.dispatch.one();
    store.dispatch.two();

    expect(seen).toEqual([ 'one', 'two' ]);
} )