@ieeesa-npm/tenants 0.4.3 → 0.4.4

package/src/lib/components/roles-and-permissions-mapping/roles-and-permissions-mapping.component.spec.ts

@@ -0,0 +1,716 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { RolesAndPermissionsMappingComponent } from './roles-and-permissions-mapping.component';
+import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { MatDialogModule } from '@angular/material/dialog';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { FormBuilder } from '@angular/forms';
+import {
+  FormControlType,
+  FormModel,
+  SelectOption,
+  SlideToggleOption,
+} from '@ieeesa-npm/presentation';
+import { TenantApplicationsService } from '../../services/tenant-applications.service';
+import { TenantsMocks } from '../../assets/tenants-mock';
+import { Observable } from 'rxjs';
+import {
+  Permission,
+  RoleDetails,
+  RoleOrPermissionMapping,
+} from '../../models/roles-and-permissions.model';
+import { RoleAndPermissionsTableType } from '../../models/roles-and-permissions-table-type.model';
+import { HttpErrorResponse } from '@angular/common/http';
+import { AlertType, AlertsService } from '@ieeesa-npm/utility';
+import { SharedService } from '@shared/services/shared.service';
+
+describe('MapPermissionsRolesComponent', () => {
+  let component: RolesAndPermissionsMappingComponent;
+  let fixture: ComponentFixture<RolesAndPermissionsMappingComponent>;
+  let sharedService: SharedService;
+  let tenantAppService: TenantApplicationsService;
+  const formBuilder: FormBuilder = new FormBuilder();
+  const mockFormGroup = formBuilder.group({
+    role: [
+      { id: 'ROLE_NESC_edaf1dcc-229f-4d4c-9635-7ac732b4dfd8', name: 'Admin' },
+    ],
+    permission: [
+      {
+        id: 'PERM_NESC_c05ff592-7178-4614-b730-7a7a8828824e',
+        name: 'View Groups',
+      },
+    ],
+  });
+  const mockFormModel: FormModel = {
+    formGroup: [
+      {
+        legend: '',
+        controls: [
+          {
+            type: FormControlType.SELECT,
+            controlName: 'role',
+          },
+          {
+            type: FormControlType.SELECT,
+            controlName: 'permission',
+          },
+        ],
+      },
+    ],
+  };
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        RolesAndPermissionsMappingComponent,
+        HttpClientTestingModule,
+        MatDialogModule,
+        BrowserAnimationsModule,
+      ],
+      providers: [TenantApplicationsService, SharedService, AlertsService],
+    });
+    fixture = TestBed.createComponent(RolesAndPermissionsMappingComponent);
+    component = fixture.componentInstance;
+    sharedService = TestBed.inject(SharedService);
+    tenantAppService = TestBed.inject(TenantApplicationsService);
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+  describe('#ngOnInit', () => {
+    it('should load all the page defaults', () => {
+      tenantAppService.setSelectedTenantInformation(
+        TenantsMocks?.tenantInfoMock
+      );
+      component.formGroup = mockFormModel;
+      component.ngOnInit();
+      expect(component.formGroup?.formGroup).toBeDefined();
+      expect(component.formGroup?.formGroup?.[0]?.controls?.length).toBe(2);
+      expect(component.appId).toBe(TenantsMocks?.tenantInfoMock?.appId);
+    });
+    it('should set focus to modal once all the alerts are closed', () => {
+      const isAlertClosedSpy = spyOn(sharedService.isAlertClosed, 'next')
+        .and.callThrough()
+        .and.returnValue(sharedService.isAlertClosed?.next(true));
+      const mockSelectElement = document.createElement('select');
+      component.elementRef.nativeElement = mockSelectElement;
+      const focusSpy = spyOn(component.elementRef.nativeElement, 'focus');
+      component.ngOnInit();
+      fixture.detectChanges();
+      sharedService.isAlertClosed?.asObservable().subscribe((response) => {
+        expect(response).toBe(true);
+        expect(focusSpy).toHaveBeenCalled();
+      });
+      expect(isAlertClosedSpy).toHaveBeenCalledWith(true);
+    });
+  });
+  describe('#onRoleOrPermissionSelected', () => {
+    it('should load permissions table based on the role selection.', () => {
+      const roleOrPermissionMapping: RoleOrPermissionMapping = {
+        roleOrPermissionName: 'View Groups',
+        roleOrPermissionId: 'PERM_NESC_c05ff592-7178-4614-b730-7a7a8828824e',
+        status: false,
+      };
+      mockFormGroup?.get('permission')?.setValue(null);
+      mockFormGroup?.get('role')?.setValue({
+        id: 'ROLE_NESC_edaf1dcc-229f-4d4c-9635-7ac732b4dfd8',
+        name: 'Admin',
+      });
+      spyOn(tenantAppService, 'getRolePermissionMapping').and.callThrough();
+      component.onRoleOrPermissionSelected([mockFormGroup]);
+      component.tableColumnSchema[0].cellData(roleOrPermissionMapping);
+      expect(component.selectedRole).toEqual(TenantsMocks?.mockRoleInfo);
+      expect(component.tableHeading).toBe('Role: <strong>Admin</strong>');
+      expect(component.selectedPermission).toBeUndefined();
+      expect(component.tableColumnSchema?.[0]?.heading).toBe('Permission');
+      expect(tenantAppService.getRolePermissionMapping).toHaveBeenCalled();
+    });
+    it('should load roles table based on the permission selection.', () => {
+      const roleOrPermissionMapping: RoleOrPermissionMapping = {
+        roleOrPermissionName: 'View Groups',
+        roleOrPermissionId: 'PERM_NESC_c05ff592-7178-4614-b730-7a7a8828824e',
+        status: false,
+      };
+      mockFormGroup?.get('role')?.setValue(null);
+      mockFormGroup?.get('permission')?.setValue({
+        id: 'PERM_NESC_c05ff592-7178-4614-b730-7a7a8828824e',
+        name: 'View Groups',
+      });
+      spyOn(tenantAppService, 'getRolePermissionMapping').and.callThrough();
+      component.onRoleOrPermissionSelected([mockFormGroup]);
+      component.tableColumnSchema[0].cellData(roleOrPermissionMapping);
+      component.tableColumnSchema[1].cellData(roleOrPermissionMapping);
+      expect(component.selectedPermission).toEqual(
+        TenantsMocks?.permissionsSuccessResponse?.body[0]
+      );
+      expect(component.tableHeading).toBe(
+        'Permission: <strong>View Groups</strong>'
+      );
+      expect(component.selectedRole).toBeUndefined();
+      expect(component.tableColumnSchema?.[0]?.heading).toBe('Role');
+      expect(tenantAppService.getRolePermissionMapping).toHaveBeenCalled();
+    });
+    it('should load permission table based on the role and permission selection.', () => {
+      mockFormGroup?.get('permission')?.setValue({
+        id: 'PERM_NESC_c05ff592-7178-4614-b730-7a7a8828824e',
+        name: 'View Groups',
+      });
+      mockFormGroup?.get('role')?.setValue({
+        id: 'ROLE_NESC_edaf1dcc-229f-4d4c-9635-7ac732b4dfd8',
+        name: 'Admin',
+      });
+      spyOn(tenantAppService, 'getRolePermissionMapping').and.callThrough();
+      component.onRoleOrPermissionSelected([mockFormGroup]);
+      fixture.detectChanges();
+      expect(component?.selectedRole).toEqual(TenantsMocks?.mockRoleInfo);
+      expect(component?.selectedPermission).toEqual(
+        TenantsMocks?.permissionsSuccessResponse?.body[0]
+      );
+      expect(component?.tableHeading).toBe(
+        'Role: <strong>Admin</strong></br>Permission: <strong>View Groups</strong>'
+      );
+      expect(component?.tableColumnSchema?.[0]?.heading).toBe('Permission');
+      expect(tenantAppService.getRolePermissionMapping).toHaveBeenCalled();
+    });
+  });
+  describe('#getRoles', () => {
+    it('should call getRoles to load the roles dropdown options.', () => {
+      spyOn(tenantAppService, 'getRoles').and.returnValue(
+        new Observable((subscriber) => {
+          subscriber.next(TenantsMocks.mockUserRoles);
+        })
+      );
+      spyOn(
+        component['formUtilityService'],
+        'updateFormControlOptions'
+      ).and.callThrough();
+      component.getRoles();
+      const mappedRoleOptions: SelectOption[] = [];
+      TenantsMocks.mockUserRoles?.body?.map((role) => {
+        mappedRoleOptions.push({
+          id: role.roleId,
+          name: role.roleName,
+        });
+      });
+      expect(component.roles).toEqual(mappedRoleOptions);
+      expect(
+        component['formUtilityService'].updateFormControlOptions
+      ).toHaveBeenCalledWith(
+        'role',
+        'dropdownOptions',
+        component.roles,
+        component.dynamicFormComponent
+      );
+    });
+    it('should return 3007 error code when fail to load the roles dropdown options.', () => {
+      const errorResponse = TenantsMocks.mockRolesErrorResponse;
+      spyOn(tenantAppService, 'getRoles').and.returnValue(
+        new Observable((subscriber) => {
+          subscriber.error(errorResponse);
+        })
+      );
+      spyOn(
+        component['formUtilityService'],
+        'updateFormControlOptions'
+      ).and.callThrough();
+      spyOn(component['sharedService'], 'handleErrors').and.callThrough();
+      component.getRoles();
+      expect(component.roles).toEqual([]);
+      expect(
+        component['formUtilityService'].updateFormControlOptions
+      ).not.toHaveBeenCalled();
+      expect(component['sharedService'].handleErrors).toHaveBeenCalledWith(
+        errorResponse,
+        component?.mapRolesAndPermissionsScreenTexts?.errors
+      );
+    });
+  });
+  describe('#getPermissions', () => {
+    it('should call getPermissions to load the permission dropdown options.', () => {
+      spyOn(tenantAppService, 'getPermissions').and.returnValue(
+        new Observable((subscriber) => {
+          subscriber.next(TenantsMocks.permissionsSuccessResponse);
+        })
+      );
+      spyOn(
+        component['formUtilityService'],
+        'updateFormControlOptions'
+      ).and.callThrough();
+      component.getPermissions();
+      const mappedPermissionOptions: SelectOption[] = [];
+      TenantsMocks.permissionsSuccessResponse?.body?.map((permission) => {
+        mappedPermissionOptions.push({
+          id: permission.permissionId,
+          name: permission.permissionName,
+        });
+      });
+      expect(component.permissions).toEqual(mappedPermissionOptions);
+      expect(
+        component['formUtilityService'].updateFormControlOptions
+      ).toHaveBeenCalledWith(
+        'permission',
+        'dropdownOptions',
+        component.permissions,
+        component.dynamicFormComponent
+      );
+    });
+    it('should return 3008 when fail to load the permission dropdown options.', () => {
+      const errorResponse =
+        TenantsMocks.permissionsFailureResponse;
+      spyOn(tenantAppService, 'getPermissions').and.returnValue(
+        new Observable((subscriber) => {
+          subscriber.error(errorResponse);
+        })
+      );
+      spyOn(
+        component['formUtilityService'],
+        'updateFormControlOptions'
+      ).and.callThrough();
+      spyOn(component['sharedService'], 'handleErrors').and.callThrough();
+      component.getPermissions();
+      expect(component.permissions).toEqual([]);
+      expect(
+        component['formUtilityService'].updateFormControlOptions
+      ).not.toHaveBeenCalled();
+      expect(component['sharedService'].handleErrors).toHaveBeenCalledWith(
+        errorResponse,
+        component?.mapRolesAndPermissionsScreenTexts?.errors
+      );
+    });
+  });
+  describe('#getRolePermissionMapping', () => {
+    it('should retrieve the mapped permissions based on the role selection.', () => {
+      const permissionsResponse =
+        TenantsMocks.getPermissionsByRoleIdSuccessResponse;
+      spyOn(tenantAppService, 'getRolePermissionMapping').and.returnValue(
+        new Observable((subscriber) => {
+          subscriber.next(permissionsResponse);
+        })
+      );
+      const payload = {
+        payload: {
+          appId: 'NESC',
+          permissionId: null,
+          roleId: 'ROLE_NESC_edaf1dcc-229f-4d4c-9635-7ac732b4dfd8',
+        },
+      };
+      const mappedPermissionOptions: SelectOption[] = [];
+      permissionsResponse?.body?.map((permission) => {
+        mappedPermissionOptions.push({
+          id: permission.permissionId,
+          name: permission.permissionName,
+        });
+      });
+      component.permissions = mappedPermissionOptions;
+      spyOn(component, 'setTableData').and.callThrough();
+      component.getRolePermissionMapping(payload);
+      expect(component.setTableData).toHaveBeenCalledWith(
+        component.permissions,
+        permissionsResponse?.body as Permission[],
+        RoleAndPermissionsTableType.PERMISSION
+      );
+    });
+    it('should retrieve the mapped roles based on the permission selection.', () => {
+      const rolesResponse = TenantsMocks.getRolesByPermissionIdSuccessResponse;
+      spyOn(tenantAppService, 'getRolePermissionMapping').and.returnValue(
+        new Observable((subscriber) => {
+          subscriber.next(rolesResponse);
+        })
+      );
+      const payload = {
+        payload: {
+          appId: 'NESC',
+          permissionId: 'PERM_NESC_c05ff592-7178-4614-b730-7a7a8828824e',
+          roleId: null,
+        },
+      };
+      const mappedRoleOptions: SelectOption[] = [];
+      rolesResponse?.body?.map((role) => {
+        mappedRoleOptions.push({
+          id: role.roleId,
+          name: role.roleName,
+        });
+      });
+      component.roles = mappedRoleOptions;
+      spyOn(component, 'setTableData').and.callThrough();
+      component.getRolePermissionMapping(payload);
+      expect(component.setTableData).toHaveBeenCalledWith(
+        component.roles,
+        rolesResponse?.body as RoleDetails[],
+        RoleAndPermissionsTableType.ROLE
+      );
+    });
+    it('should retrieve the mapped permissions based on the role and permission selection.', () => {
+      const permissionsResponse =
+        TenantsMocks.getPermissionsByRoleIdAndPermissionIdSuccessResponse;
+      spyOn(tenantAppService, 'getRolePermissionMapping').and.returnValue(
+        new Observable((subscriber) => {
+          subscriber.next(permissionsResponse);
+        })
+      );
+      const payload = {
+        payload: {
+          appId: 'NESC',
+          permissionId: 'PERM_NESC_c05ff592-7178-4614-b730-7a7a8828824e',
+          roleId: 'ROLE_NESC_edaf1dcc-229f-4d4c-9635-7ac732b4dfd8',
+        },
+      };
+      component.selectedPermission = {
+        permissionId: 'PERM_NESC_c05ff592-7178-4614-b730-7a7a8828824e',
+        permissionName: 'View Groups',
+      };
+      component.getRolePermissionMapping(payload);
+      expect(component?.tableData?.length).toBe(1);
+      expect(component?.tableData?.[0]?.roleOrPermissionId).toBe(
+        payload?.payload?.permissionId
+      );
+      expect(component?.tableData?.[0]?.status).toBeTruthy();
+    });
+    it('should return 3021 error code if there are no mapped permissions loaded for the role selection.', () => {
+      const errorCode3021Response =
+        TenantsMocks.getPermissionsByRoleIdFailureResponse;
+      spyOn(tenantAppService, 'getRolePermissionMapping').and.returnValue(
+        new Observable((subscriber) => {
+          subscriber.error(errorCode3021Response);
+        })
+      );
+      const payload = {
+        payload: {
+          appId: 'NESC',
+          permissionId: null,
+          roleId: 'ROLE_NESC_edaf1dcc-229f-4d4c-9635-7ac732b4dfd8',
+        },
+      };
+      spyOn(component, 'setTableData').and.callThrough();
+      component.getRolePermissionMapping(payload);
+      expect(component.setTableData).toHaveBeenCalledWith(
+        component.permissions,
+        [],
+        RoleAndPermissionsTableType.PERMISSION
+      );
+    });
+    it('should return 3020 error code if there are no mapped roles loaded for the permission selection.', () => {
+      const errorCode3020Response =
+        TenantsMocks.getRolesByPermissionIdFailureResponse;
+      spyOn(tenantAppService, 'getRolePermissionMapping').and.returnValue(
+        new Observable((subscriber) => {
+          subscriber.error(errorCode3020Response);
+        })
+      );
+      const payload = {
+        payload: {
+          appId: 'NESC',
+          permissionId: 'PERM_NESC_c05ff592-7178-4614-b730-7a7a8828824e',
+          roleId: null,
+        },
+      };
+      spyOn(component, 'setTableData').and.callThrough();
+      component.getRolePermissionMapping(payload);
+      expect(component.setTableData).toHaveBeenCalledWith(
+        component.roles,
+        [],
+        RoleAndPermissionsTableType.ROLE
+      );
+    });
+    it('should return 3017 error code if role permission mapping does not exist for the role id.', () => {
+      const errorCode3017Response =
+        TenantsMocks.getPermissionsByRoleIdAndPermissionIdFailureResponse;
+      spyOn(tenantAppService, 'getRolePermissionMapping').and.returnValue(
+        new Observable((subscriber) => {
+          subscriber.error(errorCode3017Response);
+        })
+      );
+      const payload = {
+        payload: {
+          appId: 'NESC',
+          permissionId: 'PERM_NESC_c05ff592-7178-4614-b730-7a7a8828824e',
+          roleId: 'ROLE_NESC_edaf1dcc-229f-4d4c-9635-7ac732b4dfd8',
+        },
+      };
+      component.selectedPermission = {
+        permissionId: 'PERM_NESC_c05ff592-7178-4614-b730-7a7a8828824e',
+        permissionName: 'View Groups',
+      };
+      component.getRolePermissionMapping(payload);
+      fixture.detectChanges();
+      expect(component.tableData?.length).toBe(1);
+      expect(component.tableData?.[0]?.roleOrPermissionId).toBe(
+        payload.payload.permissionId
+      );
+      expect(component.tableData?.[0]?.status).toBeFalsy();
+    });
+    it('should return server error.', () => {
+      const errorResponse = new HttpErrorResponse({
+        error: {
+          status: false,
+          message: 'server error',
+          body: {
+            errorCodes: [],
+          },
+        },
+        status: 404,
+      });
+      spyOn(tenantAppService, 'getRolePermissionMapping').and.returnValue(
+        new Observable((subscriber) => {
+          subscriber.error(errorResponse);
+        })
+      );
+      const payload = {
+        payload: {
+          appId: 'NESC',
+          permissionId: 'PERM_NESC_c05ff592-7178-4614-b730-7a7a8828824e',
+          roleId: 'ROLE_NESC_edaf1dcc-229f-4d4c-9635-7ac732b4dfd8',
+        },
+      };
+      spyOn(component['sharedService'], 'handleErrors').and.callThrough();
+      component.getRolePermissionMapping(payload);
+      expect(component['sharedService'].handleErrors).toHaveBeenCalled();
+    });
+  });
+  describe('#setTableData', () => {
+    it('should load the permissions table with the mapped permissions.', () => {
+      const permissionOptions: SelectOption[] = [];
+      TenantsMocks.permissionsSuccessResponse?.body?.map((permission) => {
+        permissionOptions.push({
+          id: permission.permissionId,
+          name: permission.permissionName,
+        });
+      });
+      const mappedPermissions: Permission[] = [
+        {
+          permissionName: 'View Groups',
+          permissionId: 'PERM_NESC_c05ff592-7178-4614-b730-7a7a8828824e',
+        },
+      ];
+      component.setTableData(
+        permissionOptions,
+        mappedPermissions as Permission[],
+        RoleAndPermissionsTableType.PERMISSION
+      );
+      expect(component.tableData?.[0]?.status).toBeTruthy();
+    });
+    it('should load the roles table with the mapped roles.', () => {
+      const roleOptions: SelectOption[] = [];
+      TenantsMocks.mockUserRoles?.body?.map((role) => {
+        roleOptions.push({
+          id: role.roleId,
+          name: role.roleName,
+        });
+      });
+      const mappedRoles: RoleDetails[] = [
+        {
+          roleName: 'Admin',
+          roleId: 'ROLE_NESC_edaf1dcc-229f-4d4c-9635-7ac732b4dfd8',
+        },
+      ];
+      component.setTableData(
+        roleOptions,
+        mappedRoles as RoleDetails[],
+        RoleAndPermissionsTableType.ROLE
+      );
+      expect(component.tableData?.[0]?.status).toBeTruthy();
+    });
+  });
+  describe('#roleOrPermissionStatusChange', () => {
+    it('should select the respective permission and added to payload.', () => {
+      const slideToggleOption: SlideToggleOption = {
+        id: 1,
+        label: '',
+        checked: true,
+      };
+      const roleOrPermissionMapping: RoleOrPermissionMapping = {
+        roleOrPermissionName: 'View Groups',
+        roleOrPermissionId: 'PERM_NESC_c05ff592-7178-4614-b730-7a7a8828824e',
+        status: false,
+      };
+      component.selectedRole = {
+        roleId: 'ROLE_NESC_edaf1dcc-229f-4d4c-9635-7ac732b4dfd8',
+        roleName: 'Admin',
+      };
+      component.roleOrPermissionStatusChange({
+        slideToggle: slideToggleOption,
+        rowData: roleOrPermissionMapping,
+      });
+      expect(component.modifiedRolesAndPermissionsMapping?.[0]?.roleId).toBe(
+        component.selectedRole?.roleId
+      );
+      expect(
+        component.modifiedRolesAndPermissionsMapping?.[0]?.permissionId
+      ).toBe(roleOrPermissionMapping?.roleOrPermissionId);
+      expect(
+        component.modifiedRolesAndPermissionsMapping?.[0]?.status
+      ).toBeTruthy();
+      expect(
+        component.dynamicFormComponent?.isSubmitButtonDisabled
+      ).toBeFalsy();
+    });
+    it('should de-select the already added permission and removed from payload.', () => {
+      const slideToggleOption: SlideToggleOption = {
+        id: 1,
+        label: '',
+        checked: false,
+      };
+      const roleOrPermissionMapping: RoleOrPermissionMapping = {
+        roleOrPermissionName: 'View Groups',
+        roleOrPermissionId: 'PERM_NESC_c05ff592-7178-4614-b730-7a7a8828824e',
+        status: true,
+      };
+      component.selectedRole = {
+        roleId: 'ROLE_NESC_edaf1dcc-229f-4d4c-9635-7ac732b4dfd8',
+        roleName: 'Admin',
+      };
+      component.modifiedRolesAndPermissionsMapping?.push({
+        appId: 'NESC',
+        permissionId: 'PERM_NESC_c05ff592-7178-4614-b730-7a7a8828824e',
+        roleId: component?.selectedRole?.roleId,
+        status: true,
+      });
+      component.roleOrPermissionStatusChange({
+        slideToggle: slideToggleOption,
+        rowData: roleOrPermissionMapping,
+      });
+      expect(component.modifiedRolesAndPermissionsMapping).toEqual([]);
+      expect(
+        component.dynamicFormComponent?.isSubmitButtonDisabled
+      ).toBeTruthy();
+    });
+    it('should select the respective role and added to payload.', () => {
+      const slideToggleOption: SlideToggleOption = {
+        id: 1,
+        label: '',
+        checked: true,
+      };
+      const roleOrPermissionMapping: RoleOrPermissionMapping = {
+        roleOrPermissionName: 'Admin',
+        roleOrPermissionId: 'ROLE_NESC_edaf1dcc-229f-4d4c-9635-7ac732b4dfd8',
+        status: false,
+      };
+      component.selectedPermission = {
+        permissionId: 'PERM_NESC_c05ff592-7178-4614-b730-7a7a8828824e',
+        permissionName: 'View Groups',
+      };
+      component.roleOrPermissionStatusChange({
+        slideToggle: slideToggleOption,
+        rowData: roleOrPermissionMapping,
+      });
+      expect(component.modifiedRolesAndPermissionsMapping?.[0]?.roleId).toBe(
+        roleOrPermissionMapping?.roleOrPermissionId
+      );
+      expect(
+        component.modifiedRolesAndPermissionsMapping?.[0]?.permissionId
+      ).toBe(component?.selectedPermission?.permissionId);
+      expect(
+        component.modifiedRolesAndPermissionsMapping?.[0]?.status
+      ).toBeTruthy();
+      expect(
+        component.dynamicFormComponent?.isSubmitButtonDisabled
+      ).toBeFalsy();
+    });
+    it('should de-select the already added role and removed from the payload.', () => {
+      const slideToggleOption: SlideToggleOption = {
+        id: 1,
+        label: '',
+        checked: false,
+      };
+      const roleOrPermissionMapping: RoleOrPermissionMapping = {
+        roleOrPermissionName: 'Admin',
+        roleOrPermissionId: 'ROLE_NESC_edaf1dcc-229f-4d4c-9635-7ac732b4dfd8',
+        status: true,
+      };
+      component.selectedPermission = {
+        permissionId: 'PERM_NESC_c05ff592-7178-4614-b730-7a7a8828824e',
+        permissionName: 'View Groups',
+      };
+      component.modifiedRolesAndPermissionsMapping?.push({
+        appId: 'NESC',
+        permissionId: component?.selectedPermission?.permissionId,
+        roleId: roleOrPermissionMapping?.roleOrPermissionId,
+        status: true,
+      });
+      component.roleOrPermissionStatusChange({
+        slideToggle: slideToggleOption,
+        rowData: roleOrPermissionMapping,
+      });
+      expect(component.modifiedRolesAndPermissionsMapping).toEqual([]);
+      expect(
+        component.dynamicFormComponent?.isSubmitButtonDisabled
+      ).toBeTruthy();
+    });
+  });
+  describe('#onMapAndPermissionsFormSubmit', () => {
+    it('should save the mapped roles and permissions data.', () => {
+      component.modifiedRolesAndPermissionsMapping = [
+        {
+          appId: 'NESC',
+          permissionId: 'ROLE_NESC_edaf1dcc-229f-4d4c-9635-7ac732b4dfd8',
+          roleId: 'PERM_NESC_c05ff592-7178-4614-b730-7a7a8828824e',
+          status: true,
+        },
+      ];
+      const saveRolePermissionMappingSuccessResponse =
+        TenantsMocks.saveRolePermissionMappingSuccessResponse;
+      const saveRolePermissionMappingSpy = spyOn(
+        tenantAppService,
+        'saveRolePermissionMapping'
+      ).and.returnValue(
+        new Observable((subscriber) => {
+          subscriber.next(saveRolePermissionMappingSuccessResponse);
+        })
+      );
+      spyOn(component['sharedService'], 'showAlertMessage');
+      component.onMapAndPermissionsFormSubmit();
+      expect(saveRolePermissionMappingSpy).toHaveBeenCalled();
+      expect(component['sharedService'].showAlertMessage).toHaveBeenCalledWith(
+        AlertType.SUCCESS,
+        component?.mapRolesAndPermissionsScreenTexts?.message?.success
+          ?.rolesAndPermissionsSubmission
+      );
+    });
+    it('should return 3009 error code while saving mapped roles and permissions data.', () => {
+      component.modifiedRolesAndPermissionsMapping = [
+        {
+          appId: 'NESC',
+          permissionId: 'ROLE_NESC_edaf1dcc-229f-4d4c-9635-7ac732b4dfd8',
+          roleId: 'PERM_NESC_c05ff592-7178-4614-b730-7a7a8828824e',
+          status: true,
+        },
+      ];
+      const saveRolePermissionMappingFailureResponse =
+        TenantsMocks.saveRolePermissionMappingFailureResponse;
+      const saveRolePermissionMappingSpy = spyOn(
+        tenantAppService,
+        'saveRolePermissionMapping'
+      ).and.returnValue(
+        new Observable((subscriber) => {
+          subscriber.error(saveRolePermissionMappingFailureResponse);
+        })
+      );
+      spyOn(component['sharedService'], 'handleErrors');
+      component.onMapAndPermissionsFormSubmit();
+      expect(saveRolePermissionMappingSpy).toHaveBeenCalled();
+      expect(component['sharedService'].handleErrors).toHaveBeenCalledWith(
+        saveRolePermissionMappingFailureResponse,
+        component?.mapRolesAndPermissionsScreenTexts?.errors
+      );
+    });
+  });
+  describe('#onMapAndPermissionsFormCancel', () => {
+    it('should emit formCancel event', () => {
+      const formCancelEmitSpy = spyOn(
+        component.formCancel,
+        'emit'
+      ).and.callThrough();
+      component.onMapAndPermissionsFormCancel();
+      expect(formCancelEmitSpy).toHaveBeenCalled();
+    });
+  });
+  describe('#ngOnDestroy', () => {
+    it('should unsubscribe on ngOnDestroy', () => {
+      spyOn(component.destroy$, 'next');
+      spyOn(component.destroy$, 'unsubscribe');
+      component.ngOnDestroy();
+      expect(component.destroy$.next).toHaveBeenCalledWith(true);
+      expect(component.destroy$.unsubscribe).toHaveBeenCalled();
+    });
+  });
+});