add TestAsyncThunk class for async thunk tests & decomposition loginB…

…yUsername.test

src/features/AuthByUsername/model/services/loginByUsername/loginByUsername.test.ts

@@ -1,40 +1,34 @@
 import axios from 'axios';
-import { loginByUsername } from 'features/AuthByUsername/model/services/loginByUsername/loginByUsername';
-import { Dispatch } from '@reduxjs/toolkit';
-import { IStateSchema } from 'shared/config/storeConfig/StateSchema';
+import { loginByUsername } from './loginByUsername';
 import { userActions } from 'entities/User';
+import { TestAsyncThunk } from 'shared/lib/tests/TestAsyncThunk/TestAsyncThunk';
 
 jest.mock( 'axios' );
 
 const mockedAxios = jest.mocked( axios, true );
-
 describe( 'loginByUsername.test', () => {
-    let dispatch: Dispatch;
-    let getState: () => IStateSchema;
-
-    beforeEach( () => {
-        dispatch = jest.fn();
-        getState = jest.fn();
-    } );
-
     test( 'success login', async () => {
         const userValue = { username: '123', id: 1 };
 
         mockedAxios.post.mockReturnValue( Promise.resolve( { data: userValue } ) );
-        const action = loginByUsername( { username: '123', password: '123' } );
-        const result = await action( dispatch, getState, undefined );
-        expect( dispatch ).toHaveBeenCalledWith( userActions.setAuthData( userValue ) );
-        expect( dispatch ).toHaveBeenCalledTimes( 3 );
+
+        const thunk = new TestAsyncThunk( loginByUsername );
+        const result = await thunk.callThunk( { username: '123', password: '123' } );
+
+        expect( thunk.dispatch ).toHaveBeenCalledWith( userActions.setAuthData( userValue ) );
+        expect( thunk.dispatch ).toHaveBeenCalledTimes( 3 );
         expect( mockedAxios.post ).toHaveBeenCalled();
         expect( result.meta.requestStatus ).toBe( 'fulfilled' );
         expect( result.payload ).toEqual( userValue );
     } );
 
     test( 'error login', async () => {
         mockedAxios.post.mockReturnValue( Promise.resolve( { status: 403 } ) );
-        const action = loginByUsername( { username: '123', password: '123' } );
-        const result = await action( dispatch, getState, undefined );
-        expect( dispatch ).toHaveBeenCalledTimes( 2 );
+
+        const thunk = new TestAsyncThunk( loginByUsername );
+        const result = await thunk.callThunk( { username: '123', password: '123' } );
+
+        expect( thunk.dispatch ).toHaveBeenCalledTimes( 2 );
         expect( mockedAxios.post ).toHaveBeenCalled();
         expect( result.meta.requestStatus ).toBe( 'rejected' );
         expect( result.payload ).toBe( 'error' );

src/shared/lib/tests/TestAsyncThunk/TestAsyncThunk.ts

@@ -0,0 +1,25 @@
+import { IStateSchema } from 'shared/config/storeConfig/StateSchema';
+import { AsyncThunkAction } from '@reduxjs/toolkit';
+
+type ActionCreatorType<Return, Arg, RejectedValue> = (arg: Arg) => AsyncThunkAction<Return, Arg, {
+    rejectValue: RejectedValue;
+}>
+
+export class TestAsyncThunk<Return, Arg, RejectedValue> {
+    dispatch: jest.MockedFn<any>;
+    getState: () => IStateSchema;
+    actionCreator: ActionCreatorType<Return, Arg, RejectedValue>;
+
+    constructor(actionCreator: ActionCreatorType<Return, Arg, RejectedValue>) {
+        this.actionCreator = actionCreator;
+        this.dispatch = jest.fn();
+        this.getState = jest.fn();
+    }
+
+    async callThunk(arg: Arg) {
+        const action = this.actionCreator( arg );
+        const result = await action( this.dispatch, this.getState, undefined );
+
+        return result;
+    }
+}