TypeScript testing.shouldNotAlterStateOnUnknownAction函數代碼示例

describe('Global Reducer', () => {
    const reducer = globalReducer(state => state);

    let oldState: AppState;

    beforeEach(() => {
        oldState = assignDeep(defaultAppState);
    });

    shouldNotAlterStateOnUnknownAction(reducer);

    it(`Assigns missing properties to the state tree
        ON App Start
        using the default state`, () => {
        oldState.user.logIn = undefined;
        const newState = reducer(oldState, new GlobalActions.AppStart());

        expect(newState).toEqual(defaultAppState);
    });

    it(`Does not alter existing state properties
        IF they are part of the correct schema`, () => {
        oldState.user.logIn.failureMessage = 'Example';

        const newState = reducer(oldState, new GlobalActions.AppStart());

        expect(newState.user.logIn.failureMessage).toBe('Example');
    });
});

describe('Todos Reducer', () => {
    shouldNotAlterStateOnUnknownAction(todosReducer);

    let oldState: TodosState;

    beforeEach(() => {
        oldState = assignDeep(initialTodosState);
    });

    it(`Assigns the uid of the edited todo to the editing prop
        WHEN edit is called`, () => {
        const newState = todosReducer(oldState, new TodosActions.Edit('123'));
        expect(newState.editing).toBe('123');
    });

    it(`Assigns an empty string to the editing prop
        WHEN Update is called`, () => {
        oldState.editing = '123';
        const newState = todosReducer(oldState, new TodosActions.Update(null));
        expect(newState.editing).toBe('');
    });

    it(`Assigns an empty string to the editing prop
        WHEN Close Edit is called`, () => {
        oldState.editing = '123';
        const newState = todosReducer(oldState, new TodosActions.CloseEdit());
        expect(newState.editing).toBe('');
    });
});

describe('Update Password Reducer', () => {
    shouldNotAlterStateOnUnknownAction(updatePasswordReducer);

    let oldState: FormState;

    beforeEach(() => {
        oldState = assignDeep(FormStates.Default);
    });

    it('Toggles the form visibility WHEN Toggle is called', () => {
        oldState.showForm = false;

        let newState = updatePasswordReducer(
            oldState,
            new UpdatePasswordActions.ToggleForm()
        );
        expect(newState.showForm).toBe(true);

        newState = updatePasswordReducer(
            newState,
            new UpdatePasswordActions.ToggleForm()
        );
        expect(newState.showForm).toBe(false);
    });

    it('Assigns the requesting state WHEN UpdatePassword is called', () => {
        const newState = updatePasswordReducer(
            oldState,
            new UpdatePasswordActions.Update({} as any)
        );
        expect(newState).toEqual(FormStates.Requesting);
    });

    it('Displays the correct error message WHEN failure is called', () => {
        const newState = updatePasswordReducer(
            oldState,
            new UpdatePasswordActions.Failure({})
        );
        expect(newState).toEqual(
            FormStates.Failure(Messages.ApiResponse.ServerError)
        );
    });

    it('Displays the correct message WHEN success is called', () => {
        const newState = updatePasswordReducer(
            oldState,
            new UpdatePasswordActions.Success({})
        );
        expect(newState).toEqual(
            FormStates.Success(Messages.ApiResponse.UpdatePasswordSuccess)
        );
    });
});

describe('Update Email Reducer', () => {
    shouldNotAlterStateOnUnknownAction(updateEmailReducer);

    let oldState: FormState;

    beforeEach(() => {
        oldState = assignDeep(FormStates.Default);
    });

    it('Should toggle the form visibility when toggle is called', () => {
        oldState.showForm = false;
        let newState = updateEmailReducer(
            oldState,
            new UpdateEmailActions.ToggleForm()
        );
        expect(newState.showForm).toBe(true);
        newState = updateEmailReducer(
            newState,
            new UpdateEmailActions.ToggleForm()
        );
        expect(newState.showForm).toBe(false);
    });

    it('Should show the requesting status WHEN update is called', () => {
        const newState = updateEmailReducer(
            oldState,
            new UpdateEmailActions.Update('example@gmail.com')
        );
        expect(newState).toEqual(FormStates.Requesting);
    });

    it('Should show the failure status WHEN failure is called', () => {
        const newState = updateEmailReducer(
            oldState,
            new UpdateEmailActions.Failure({})
        );
        expect(newState).toEqual(
            FormStates.Failure(Messages.ApiResponse.ServerError)
        );
    });

    it('Should show the success status WHEN failure is called', () => {
        const newState = updateEmailReducer(
            oldState,
            new UpdateEmailActions.Success({})
        );
        expect(newState).toEqual(
            FormStates.Success(Messages.ApiResponse.UpdateEmailSuccess)
        );
    });
});