@@ -3,14 +3,17 @@ import { MockStore, provideMockStore } from '@ngrx/store/testing';
33
44import { NgxPaginationModule } from 'ngx-pagination' ;
55import { UsersListComponent } from './users-list.component' ;
6- import { UserActionTypes , UserState , LoadUsers } from '../../store' ;
6+ import { UserActionTypes , UserState , LoadUsers , GrantRoleUser , RevokeRoleUser } from '../../store' ;
7+ import { FeatureManagerService } from 'src/app/modules/shared/feature-toggles/feature-toggle-manager.service' ;
78import { ActionsSubject } from '@ngrx/store' ;
89import { DataTablesModule } from 'angular-datatables' ;
10+ import { Observable , of } from 'rxjs' ;
911
1012describe ( 'UsersListComponent' , ( ) => {
1113 let component : UsersListComponent ;
1214 let fixture : ComponentFixture < UsersListComponent > ;
1315 let store : MockStore < UserState > ;
16+ let featureManagerService : FeatureManagerService ;
1417 const actionSub : ActionsSubject = new ActionsSubject ( ) ;
1518
1619 const state : UserState = {
@@ -29,13 +32,16 @@ describe('UsersListComponent', () => {
2932 message : '' ,
3033 } ;
3134
32- beforeEach ( waitForAsync ( ( ) => {
33- TestBed . configureTestingModule ( {
34- imports : [ NgxPaginationModule , DataTablesModule ] ,
35- declarations : [ UsersListComponent ] ,
36- providers : [ provideMockStore ( { initialState : state } ) , { provide : ActionsSubject , useValue : actionSub } ] ,
37- } ) . compileComponents ( ) ;
38- } ) ) ;
35+ beforeEach (
36+ waitForAsync ( ( ) => {
37+ TestBed . configureTestingModule ( {
38+ imports : [ NgxPaginationModule , DataTablesModule ] ,
39+ declarations : [ UsersListComponent ] ,
40+ providers : [ provideMockStore ( { initialState : state } ) , { provide : ActionsSubject , useValue : actionSub } ] ,
41+ } ) . compileComponents ( ) ;
42+ featureManagerService = TestBed . inject ( FeatureManagerService ) ;
43+ } )
44+ ) ;
3945
4046 beforeEach ( ( ) => {
4147 fixture = TestBed . createComponent ( UsersListComponent ) ;
@@ -69,6 +75,76 @@ describe('UsersListComponent', () => {
6975 expect ( component . users ) . toEqual ( state . data ) ;
7076 } ) ;
7177
78+ it ( 'When Component is created, should call the feature toggle method' , ( ) => {
79+ spyOn ( component , 'isFeatureToggleActivated' ) . and . returnValue ( of ( true ) ) ;
80+
81+ component . ngOnInit ( ) ;
82+
83+ expect ( component . isFeatureToggleActivated ) . toHaveBeenCalled ( ) ;
84+ expect ( component . isUserRoleToggleOn ) . toBe ( true ) ;
85+ } ) ;
86+
87+ const actionsParams = [
88+ { actionType : UserActionTypes . GRANT_USER_ROLE_SUCCESS } ,
89+ { actionType : UserActionTypes . REVOKE_USER_ROLE_SUCCESS } ,
90+ ] ;
91+
92+ actionsParams . map ( ( param ) => {
93+ it ( `When action ${ param . actionType } , ( ) => {
94+ spyOn ( store , 'dispatch' ) ;
95+
96+ const actionSubject = TestBed . inject ( ActionsSubject ) as ActionsSubject ;
97+ const action = {
98+ type : param . actionType ,
99+ payload : state . data ,
100+ } ;
101+
102+ actionSubject . next ( action ) ;
103+
104+ expect ( store . dispatch ) . toHaveBeenCalledWith ( new LoadUsers ( ) ) ;
105+ } ) ;
106+ } ) ;
107+
108+ const grantRoleTypes = [
109+ { roleId : 'admin' , roleValue : 'time-tracker-admin' } ,
110+ { roleId : 'test' , roleValue : 'time-tracker-tester' } ,
111+ ] ;
112+
113+ grantRoleTypes . map ( ( param ) => {
114+ it ( `When user switchRole to ${ param . roleId } ${ param . roleValue } , ( ) => {
115+ const roleId = param . roleId ;
116+ const roleValue = param . roleValue ;
117+ const userRoles = [ ] ;
118+ const userId = 'userId' ;
119+
120+ spyOn ( store , 'dispatch' ) ;
121+
122+ component . switchRole ( userId , userRoles , roleId , roleValue ) ;
123+
124+ expect ( store . dispatch ) . toHaveBeenCalledWith ( new GrantRoleUser ( userId , roleId ) ) ;
125+ } ) ;
126+ } ) ;
127+
128+ const revokeRoleTypes = [
129+ { roleId : 'admin' , roleValue : 'time-tracker-admin' , userRoles : [ 'time-tracker-admin' ] } ,
130+ { roleId : 'test' , roleValue : 'time-tracker-tester' , userRoles : [ 'time-tracker-tester' ] } ,
131+ ] ;
132+
133+ revokeRoleTypes . map ( ( param ) => {
134+ it ( `When user switchRole to ${ param . roleId } ${ param . roleValue } , ( ) => {
135+ const roleId = param . roleId ;
136+ const roleValue = param . roleValue ;
137+ const userRoles = param . userRoles ;
138+ const userId = 'userId' ;
139+
140+ spyOn ( store , 'dispatch' ) ;
141+
142+ component . switchRole ( userId , userRoles , roleId , roleValue ) ;
143+
144+ expect ( store . dispatch ) . toHaveBeenCalledWith ( new RevokeRoleUser ( userId , roleId ) ) ;
145+ } ) ;
146+ } ) ;
147+
72148 it ( 'on success load users, the data of roles should be an array and role null' , ( ) => {
73149 const actionSubject = TestBed . inject ( ActionsSubject ) as ActionsSubject ;
74150 const action = {
@@ -114,7 +190,23 @@ describe('UsersListComponent', () => {
114190 } ) ;
115191 } ) ;
116192
117- it ( 'on success load users, the datatable should be reloaded' , async ( ) => {
193+ const toggleValues = [ true , false ] ;
194+ toggleValues . map ( ( toggleValue ) => {
195+ it ( `when FeatureToggle is ${ toggleValue } ${ toggleValue } , ( ) => {
196+ spyOn ( featureManagerService , 'isToggleEnabledForUser' ) . and . returnValue ( of ( toggleValue ) ) ;
197+
198+ const isFeatureToggleActivated : Observable < boolean > = component . isFeatureToggleActivated ( ) ;
199+
200+ expect ( featureManagerService . isToggleEnabledForUser ) . toHaveBeenCalled ( ) ;
201+ isFeatureToggleActivated . subscribe ( ( value ) => expect ( value ) . toEqual ( toggleValue ) ) ;
202+ } ) ;
203+ } ) ;
204+
205+ /*
206+ TODO: block commented on purpose so that when the tests pass and the Feature toggle is removed,
207+ the table will be rendered again with dtInstance and not with dtOptions
208+
209+ it('on success load users, the datatable should be reloaded', async () => {
118210 const actionSubject = TestBed.inject(ActionsSubject);
119211 const action = {
120212 type: UserActionTypes.LOAD_USERS_SUCCESS,
@@ -125,7 +217,7 @@ describe('UsersListComponent', () => {
125217 actionSubject.next(action);
126218
127219 expect(component.dtElement.dtInstance.then).toHaveBeenCalled();
128- } ) ;
220+ });*/
129221
130222 afterEach ( ( ) => {
131223 component . dtTrigger . unsubscribe ( ) ;
0 commit comments