feat: #569 add test for user effects and selectors

Author: PaulRC-ioet

src/app/modules/users/components/users-list/users-list.component.html

@@ -14,8 +14,8 @@
       <td class="col-sm-3">{{ user.name }}</td>
       <td class="col-sm-3">{{ user.role }}</td>
       <td class="col-sm-3 text-center custom-control custom-switch">
-          <input type="checkbox" class="custom-control-input" id="{{user.name}}" [(ngModel)]="user.role" (click)="changeSwitch()"/>
-          <label class="custom-control-label" for="{{user.name}}"></label>
+        <input type="checkbox" class="custom-control-input" id="{{ user.id }}" />
+        <label class="custom-control-label" for="{{ user.id }}"></label>
       </td>
     </tr>
   </tbody>

src/app/modules/users/components/users-list/users-list.component.ts

@@ -52,8 +52,4 @@ export class UsersListComponent implements OnInit, OnDestroy, AfterViewInit {
       this.dtTrigger.next();
     }
   }
-
-  changeSwitch() {
-    console.log('ENTROOO');
-  }
 }

src/app/modules/users/store/user.actions.spec.ts

@@ -1,6 +1,11 @@
 import * as actions from './user.actions';
 
 describe('UserActions', () => {
+  it('LoadUsers type is UserActionTypes.LOAD_USERS', () => {
+    const action = new actions.LoadUsers();
+    expect(action.type).toEqual(actions.UserActionTypes.LOAD_USERS);
+  });
+
   it('LoadUsersSuccess type is UserActionTypes.LOAD_USERS_SUCCESS', () => {
     const action = new actions.LoadUsersSuccess([]);
     expect(action.type).toEqual(actions.UserActionTypes.LOAD_USERS_SUCCESS);

src/app/modules/users/store/user.effects.spec.ts

@@ -0,0 +1,54 @@
+import { TestBed } from '@angular/core/testing';
+import { provideMockActions } from '@ngrx/effects/testing';
+import { Action } from '@ngrx/store';
+import { Observable, of, throwError } from 'rxjs';
+import { UsersService } from '../services/users.service';
+import { UserActionTypes } from './user.actions';
+import { UserEffects } from './user.effects';
+import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { ToastrModule, ToastrService } from 'ngx-toastr';
+
+describe('UserEffects', () => {
+  let actions$: Observable<Action>;
+  let effects: UserEffects;
+  let service: UsersService;
+  let toastrService;
+  const user = { id: 'id', name: 'name', email: 'email' };
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [UserEffects, provideMockActions(() => actions$)],
+      imports: [HttpClientTestingModule, ToastrModule.forRoot()],
+      declarations: [],
+    });
+    effects = TestBed.inject(UserEffects);
+    service = TestBed.inject(UsersService);
+    toastrService = TestBed.inject(ToastrService);
+  });
+
+  it('should be created', async () => {
+    expect(effects).toBeTruthy();
+  });
+
+  it('should return a list of users when the action LOAD_USERS is called', async () => {
+    actions$ = of({ type: UserActionTypes.LOAD_USERS });
+    const serviceSpy = spyOn(service, 'loadUsers');
+    serviceSpy.and.returnValue(of(user));
+
+    effects.loadUsers$.subscribe((action) => {
+      expect(action.type).toEqual(UserActionTypes.LOAD_USERS_SUCCESS);
+    });
+  });
+
+  it('should return an error when the action LOAD_USERS call fails', async () => {
+    actions$ = of({ type: UserActionTypes.LOAD_USERS });
+    const serviceSpy = spyOn(service, 'loadUsers');
+    serviceSpy.and.returnValue(throwError({ error: { message: 'fail!' } }));
+    spyOn(toastrService, 'error');
+
+    effects.loadUsers$.subscribe((action) => {
+      expect(toastrService.error).toHaveBeenCalled();
+      expect(action.type).toEqual(UserActionTypes.LOAD_USERS_FAIL);
+    });
+  });
+});

src/app/modules/users/store/user.selectors.spec.ts

@@ -0,0 +1,10 @@
+import * as selectors from './user.selectors';
+
+describe('UserSelectors', () => {
+  it('should select is Loading', () => {
+    const isLoadingValue = true;
+    const userState = { isLoading: isLoadingValue };
+
+    expect(selectors.getIsLoading.projector(userState)).toBe(isLoadingValue);
+  });
+});