vc-create-dashboard 2.9.6 → 2.9.7

package/src/lib/create-dashboard-container/create-dashboard.component.spec.ts

@@ -0,0 +1,755 @@
+import { CommonModule } from '@angular/common';
+import { HttpClientModule } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { FormsModule } from '@angular/forms';
+import { DpDatePickerModule } from 'ng2-date-picker';
+import { MarxEditorModule } from 'vcomply-editor';
+import { CreateDashboardService } from './services/create-dashboard.service';
+import { DialogRef } from '../ui-kit/dialog/dialog-ref';
+import { CategoriesComponent } from './categories/categories.component';
+import { CreateDashboardComponent } from './create-dashboard.component';
+import { FormGroupComponent } from './form-group/form-group.component';
+import { FrequencyComponent } from './frequency/frequency.component';
+import { ResponsibilityCenterComponent } from './responsibility-center/responsibility-center.component';
+import { RiskCategoriesComponent } from './risk-categories/risk-categories.component';
+import { PaginationService } from './services/pagination.service';
+import { UserListComponent } from './user-list/user-list.component';
+import { DialogModule } from '../ui-kit/dialog/dialog.module';
+import { FilterPipe } from './pipes/filter.pipe';
+import { FormgroupModule } from '../ui-kit/formgroup/formgroup.module';
+import { TooltipModule } from '../ui-kit/tooltip/tooltip.module';
+import { SelectModule } from '../ui-kit/select/select.module';
+import { DashboardFooterModule } from '../ui-kit/dashboard-footer/dashboard-footer.module';
+import { PaginationModule } from '../ui-kit/pagination/pagination.module';
+import { FloatingBarModule } from '../ui-kit/floating-bar/floating-bar.module';
+import { ConfigureWidgetsModule } from './configure-widgets/configure-widgets.module';
+import { of } from 'rxjs';
+import { By } from '@angular/platform-browser';
+// import {editform } from '../create-dashboard-container/create-dashboard-mockData'
+import * as dayjs from 'dayjs';
+import * as customParseFormat from 'dayjs/plugin/customParseFormat';
+import { TextCountPipe } from './pipes/text-count.pipe';
+import { FeatureFlagService } from 'src/app/layout/featureFlag/feature-flag.service';
+import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { compileComponentFromMetadata } from '@angular/compiler';
+import { Configurations } from '../configurations';
+import { editdata } from './create-dashboard-mockData';
+dayjs.extend(customParseFormat);
+/**
+ * If unit test is failing then please try to update token as token may get expired
+ */
+const localStorageMock = (() => {
+  let store: any = {
+    currentUser: {
+      token:
+        'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfaWQiOiI1ZTgyMWQzOGY4YmM2MDAwMDdkZjFjYTQiLCJ1c2VyIjp7ImlkIjo5OTY3LCJuYW1lIjoiQWJ1IFRlc3QgQWNjb3VudCAyIiwiZW1haWwiOiJyYWloYW5hYnUwM3pAZ21haWwuY29tIiwib3JnYW5pc2F0aW9uX2lkIjoxLCJzaG9ydF9uYW1lIjoiQTIiLCJrZXlBZG1pbklkIjoxNSwia2V5QWRtaW4iOmZhbHNlLCJhZG1pbiI6ZmFsc2UsIm1hbmFnZXIiOnRydWUsInVzZXIiOnRydWUsImJyb3dzZXJfZmluZ2VycHJpbnQiOjI4MzQ1MjQ4MTcsInRpbWV6b25lIjoiRXVyb3BlL0xvbmRvbiIsImNyZWF0ZWRfdXRjIjoxNjY1NDcwNjAwLCJhY2Nlc3NfdHlwZSI6Mn0sImV4cCI6MTY2NjM0OTAwMCwiaWF0IjoxNjY2MzQ5MDAwfQ.mz5kFamlFeQv6cT9oCsAvBgfiDaXE-wRJzbqCee76LQ',
+    },
+  };
+  return {
+    getItem(key: any) {
+      return JSON.stringify(store[key]);
+    },
+    setItem(key: any, value: any) {
+      store[key] = value.toString();
+    },
+    clear() {
+      store = { currentUser: '' };
+    },
+    removeItem(key: any) {
+      delete store[key];
+    },
+  };
+})();
+Object.defineProperty(window, 'localStorage', {
+  value: localStorageMock,
+});
+fdescribe('CreateDashboardComponent', () => {
+  let component: CreateDashboardComponent;
+  let fixture: ComponentFixture<CreateDashboardComponent>;
+  let service: FeatureFlagService;
+  let frequency = [
+    {
+      frequencyString: 'Every October',
+      frequencyType: 'monthly',
+      frequencies: [9],
+    },
+    {
+      frequencyString: 'Every Thursday',
+      frequencyType: 'weekly',
+      frequencies: [3],
+    },
+  ];
+
+  let widgetsData = [
+    {
+      title: 'Overview',
+      id: 'overview_flag',
+      description:
+        'Displays all responsibilities that have been assigned to you.',
+      widgetImage:
+        'https://cdn.v-comply.com/libraries/configure-widget/assets/images/overview.png',
+      value: 1,
+    },
+    {
+      title: 'Responsibility Calendar',
+      id: 'compliance_calendar_flag',
+      description:
+        'Displays all responsibilities that are due on a particular day.',
+      widgetImage:
+        'https://cdn.v-comply.com/libraries/configure-widget/assets/images/responsibility-calender.png',
+      value: 1,
+    },
+    {
+      title: 'Responsibility Center Overview',
+      id: 'responsibility_center_overview_flag',
+      description:
+        'Displays all responsibilities that have been assigned to you.',
+      widgetImage:
+        'https://cdn.v-comply.com/libraries/configure-widget/assets/images/overview.png',
+      value: 1,
+    },
+    {
+      title: 'My Responsibilities',
+      id: 'my_responsibilities',
+      description:
+        'Displays all responsibilities that have been assigned to you.',
+      widgetImage:
+        'https://cdn.v-comply.com/libraries/configure-widget/assets/images/my-responsibilities.png',
+      tabOption: true,
+      value: 0,
+    },
+    {
+      title: 'Key Responsibilities',
+      id: 'key_responsibilities',
+      description:
+        'Displays all responsibilities that are due on a particular day.',
+      widgetImage:
+        'https://cdn.v-comply.com/libraries/configure-widget/assets/images/key-responsibilities.png',
+      tabOption: true,
+      value: 0,
+    },
+    {
+      title: 'Trend Analysis',
+      id: 'trend_analysis_flag',
+      description:
+        'Displays all responsibilities that have been assigned to you.',
+      widgetImage:
+        'https://cdn.v-comply.com/libraries/configure-widget/assets/images/trend-analysis.png',
+      value: 0,
+    },
+    {
+      title: 'Workroom Updates',
+      id: 'workroom_alert_flag',
+      description:
+        'Displays all responsibilities that have been assigned to you.',
+      widgetImage:
+        'https://cdn.v-comply.com/libraries/configure-widget/assets/images/workroom-updates.png',
+      value: 0,
+    },
+    {
+      title: 'Recent Activities',
+      id: 'recent_activity_flag',
+      description:
+        'Displays all responsibilities that have been assigned to you.',
+      widgetImage:
+        'https://cdn.v-comply.com/libraries/configure-widget/assets/images/recent-activities.png',
+      value: 0,
+    },
+    {
+      title: 'Exception Summary',
+      id: 'exception_summary_flag',
+      description:
+        'Displays all responsibilities that have been assigned to you.',
+      widgetImage:
+        'https://cdn.v-comply.com/libraries/configure-widget/assets/images/exception-summary.png',
+      value: 0,
+    },
+    {
+      title: 'My Responsibilities',
+      id: 'my_responsibility_flag',
+      value: 0,
+    },
+    {
+      title: 'I’m Reviewing',
+      id: 'reviewer_responsibility_flag',
+      value: 0,
+    },
+    {
+      title: 'I’m Overseeing',
+      id: 'cc_responsibility_flag',
+      value: 0,
+    },
+    {
+      title: 'Overview',
+      id: 'key_responsibilities_overview_flag',
+      value: 0,
+    },
+    {
+      title: 'My Responsibilities',
+      id: 'key_my_responsibilities_flag',
+      value: 0,
+    },
+    {
+      title: 'I’m Reviewing',
+      id: 'key_i_am_reviewing_flag',
+      value: 0,
+    },
+    {
+      title: 'I’m Overseeing',
+      id: 'key_i_am_overseeing_flag',
+      value: 0,
+    },
+  ];
+  let groupsdata = [860, 857];
+  let groupslist = [
+    {
+      old_group_id: 0,
+      member_ids: [18282, 18262, 18503, 18521, 17924],
+      removed_member_ids: [],
+      group_type: 'vcomply',
+      state: 1,
+      _id: '63807db50067e1000852d62b',
+      group_name: 'abc',
+      group_description: '',
+      roles: [
+        {
+          _id: '638d923ebb03890008a2c7b9',
+          roleId: {
+            _id: '6387478a721ddf000839fcda',
+            roleName: 'Manage Program Permission Group',
+            licenseType: 'power users',
+            id: '6387478a721ddf000839fcda',
+          },
+        },
+      ],
+      associatedUsers: [
+        {
+          _id: '638d923ebb03890008a2c7b4',
+          userId: {
+            profile_pic: '',
+            license_type: 'power users',
+            _id: '6361fbe19f6cda0008120e49',
+            member_name: 'A3',
+            member_email: 'a3@fdfd.com',
+            member_id: 18282,
+          },
+        },
+        {
+          _id: '638d923ebb03890008a2c7b5',
+          userId: {
+            profile_pic: '',
+            license_type: 'power users',
+            _id: '63523a540aa9a200094da903',
+            member_name: 'A2',
+            member_email: 'a2@fdfd.com',
+            member_id: 18262,
+          },
+        },
+        {
+          _id: '638d923ebb03890008a2c7b6',
+          userId: {
+            profile_pic: '',
+            license_type: 'power users',
+            _id: '637f59bd9b20b00008e763a3',
+            member_name: 'LightUser1',
+            member_email: 'light@fdfd.com',
+            member_id: 18503,
+          },
+        },
+        {
+          _id: '638d923ebb03890008a2c7b7',
+          userId: {
+            profile_pic: '',
+            license_type: 'power users',
+            _id: '6388501a057eaf000886b647',
+            member_name: 'A4',
+            member_email: 'a4@fdfd.com',
+            member_id: 18521,
+          },
+        },
+        {
+          _id: '638d923ebb03890008a2c7b8',
+          userId: {
+            profile_pic: '',
+            license_type: 'power users',
+            _id: '623ac9fa46968d0009c8f0ed',
+            member_name: 'A1',
+            member_email: 'a1@fdfd.com',
+            member_id: 17924,
+          },
+        },
+      ],
+      organisation_id: 3452,
+      created_by: {
+        profile_pic: '',
+        _id: '623ac7c92498330009104f71',
+        member_name: 'D1',
+        member_email: 'test@fdfd.com',
+        member_id: 17923,
+      },
+      modified_by: {
+        profile_pic: '',
+        _id: '623ac7c92498330009104f71',
+        member_name: 'D1',
+        member_email: 'test@fdfd.com',
+        member_id: 17923,
+      },
+      created_at: 1669365173,
+      updated_at: 1670222398,
+      member_count: 5,
+      group_id: 853,
+      __v: 0,
+    },
+    {
+      old_group_id: 0,
+      member_ids: [17924, 18262],
+      removed_member_ids: [],
+      group_type: 'vcomply',
+      state: 1,
+      _id: '638b19553d93f900082d5f51',
+      group_name: 'check group with reviewer',
+      group_description: '',
+      roles: [
+        {
+          _id: '638b19553d93f900082d5f52',
+          roleId: {
+            _id: '6387478a721ddf000839fcda',
+            roleName: 'Manage Program Permission Group',
+            licenseType: 'power users',
+            id: '6387478a721ddf000839fcda',
+          },
+        },
+        {
+          _id: '638b19553d93f900082d5f53',
+          roleId: {
+            _id: '623ac7cb249833000910502c',
+            roleName: 'Manager',
+            licenseType: 'power users',
+            id: '623ac7cb249833000910502c',
+          },
+        },
+        {
+          _id: '638b19553d93f900082d5f54',
+          roleId: {
+            _id: '623ac7cb249833000910506c',
+            roleName: 'Admin',
+            licenseType: 'power users',
+            id: '623ac7cb249833000910506c',
+          },
+        },
+      ],
+      associatedUsers: [
+        {
+          _id: '638b19553d93f900082d5f55',
+          userId: {
+            profile_pic: '',
+            license_type: 'power users',
+            _id: '623ac9fa46968d0009c8f0ed',
+            member_name: 'A1',
+            member_email: 'a1@fdfd.com',
+            member_id: 17924,
+          },
+        },
+        {
+          _id: '638b19553d93f900082d5f56',
+          userId: {
+            profile_pic: '',
+            license_type: 'power users',
+            _id: '63523a540aa9a200094da903',
+            member_name: 'A2',
+            member_email: 'a2@fdfd.com',
+            member_id: 18262,
+          },
+        },
+      ],
+      organisation_id: 3452,
+      created_by: {
+        profile_pic: '',
+        _id: '623ac7c92498330009104f71',
+        member_name: 'D1',
+        member_email: 'test@fdfd.com',
+        member_id: 17923,
+      },
+      modified_by: {
+        profile_pic: '',
+        _id: '623ac7c92498330009104f71',
+        member_name: 'D1',
+        member_email: 'test@fdfd.com',
+        member_id: 17923,
+      },
+      created_at: 1670060373,
+      updated_at: 1670060373,
+      member_count: 2,
+      group_id: 860,
+      __v: 0,
+    },
+  ];
+  let userlist = [
+    {
+      _id: '623ac7c92498330009104f71',
+      member_id: 17923,
+      member_name: 'D1',
+      member_email: 'test@fdfd.com',
+      member_role: 'Keyadmin',
+    },
+    {
+      _id: '623ac9fa46968d0009c8f0ed',
+      member_id: 17924,
+      member_name: 'A1',
+      member_email: 'a1@fdfd.com',
+      user_id: '623ac9fa46968d0009c8f0ed',
+      user_name: 'A1',
+      user_email: 'a1@fdfd.com',
+      delete_flag: 1,
+      status: 'Active',
+      organisation_id: 3452,
+      permission:
+        '{"MEN":1,"MDV":1,"MDP":1,"MCG":1,"MPL":1,"MCC":0,"MCA":1,"MLD":1,"MAP":0,"MST":1,"MSV":1,"MAD":1,"MCO":0,"MLI":1,"MAC":1,"MPO":0,"MLC":1,"MACC":1,"MSC":0,"MQC":1,"MFC":0,"MPC":0,"MSRV":0,"MQZ":1,"MFRM":0,"MPOL":1,"MRISK":0,"MRISKC":0,"MKC":1,"MK":1,"MTC":1,"MTP":1,"ETP":1,"MPOC":1}',
+      last_password_updated_utc: '14 Nov 2022',
+      read_only_flag: 0,
+      profile_pic: '',
+      short_name: 'A1',
+      employee_id: 2189509,
+      employee_group_name: '',
+      employee_group_name_arr: [],
+      entity_details: '',
+      isMember: true,
+      compliance_score: '',
+      reports: [],
+      report_count: 0,
+      employee_performance: '0,0,0',
+      selected: false,
+      member_role: 'Admin',
+      is_login: 'ALLOW',
+      multiple_oncompletion_enable: 0,
+      exceed_user: 0,
+      loginEnable: false,
+      RTLEnable: false,
+      DEnable: false,
+      ActivateEnable: false,
+      DeleteEnable: false,
+      CTMEnable: false,
+      CTAEnable: false,
+      CTKAEnable: false,
+      AddToGroup: false,
+      SALEnable: false,
+      ATMEnable: false,
+      totalReportCount: 27,
+      view_details_enable: 1,
+      member_role_no: 2,
+      MFAEnabled: 0,
+      RoleCount: 1,
+      GroupCount: 2,
+      license_type: 'power users',
+      GroupDetails: ['abc', 'check group with reviewer'],
+      RolesDetails: ['Admin', 'Manage Program Permission Group', 'Manager'],
+      isFaceIdEnabled: false,
+      inProgress: '',
+    },
+  ];
+  let mockCreateDashboardService: CreateDashboardService;
+  let mockPaginationService: any;
+  let mockDialogRef: any;
+
+  beforeEach(async () => {
+    mockCreateDashboardService = jasmine.createSpyObj([
+      'getOrganizationUsersCount',
+      'getOrganizationUsers',
+      'getCategoryList',
+      'getResponsibilityCenterList',
+      'getAllGroups',
+      'organizationGet',
+    ]);
+
+    mockPaginationService = jasmine.createSpyObj([
+      'currentPage',
+      'searchValue',
+    ]);
+    // mockDialogRef = jasmine.createSpyObj([]);
+
+    await TestBed.configureTestingModule({
+      declarations: [
+        CreateDashboardComponent,
+        UserListComponent,
+        FormGroupComponent,
+        ResponsibilityCenterComponent,
+        CategoriesComponent,
+        RiskCategoriesComponent,
+        FrequencyComponent,
+        FilterPipe,
+        TextCountPipe,
+      ],
+      imports: [
+        HttpClientModule,
+        CommonModule,
+        MarxEditorModule,
+        FormgroupModule,
+        DpDatePickerModule,
+        FormsModule,
+        TooltipModule,
+        SelectModule,
+        DashboardFooterModule,
+        PaginationModule,
+        FloatingBarModule,
+        DialogModule,
+        ConfigureWidgetsModule,
+        HttpClientTestingModule,
+      ],
+      providers: [
+        CreateDashboardService,
+        { provide: PaginationService, useValue: mockPaginationService },
+        { provide: DialogRef, useValue: mockDialogRef },
+        {
+          provide: FeatureFlagService,
+          useValue: {
+            isFeatureEnabled: () =>
+              of({
+                ff_groups_improvements: {
+                  enabled: true,
+                },
+              }),
+          },
+        },
+        { provide: Configurations, useValue: { envConfig: { dashboard: '' } } },
+        // CreateDashboardService,
+        // PaginationService
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CreateDashboardComponent);
+    component = fixture.componentInstance;
+    component.groupList = [];
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('activate Selector function for true', () => {
+    component.activateSelector('rcList', true);
+    expect(component.activeSelector).toBe('rcList');
+  });
+
+  it('activate Selector function for false', () => {
+    component.activateSelector('rcList', false);
+    expect(component.activeSelector).toBe('');
+  });
+
+  it('open From Date Picker function', () => {
+    component.openFromDatePicker();
+    expect(component.datePickerOverlay).toBeTruthy();
+  });
+
+  it('open To Date Picker function', () => {
+    component.openToDatePicker();
+    expect(component.datePickerOverlay).toBeTruthy();
+  });
+
+  // it('close From Date Picker function', () => {
+  //   component.closeFromDatePicker();
+  //   expect(component.datePickerOverlay).toBeFalsy();
+  // });
+
+  it('close To Date Picker function', () => {
+    component.closeToDatePicker();
+    expect(component.datePickerOverlay).toBeFalsy();
+  });
+
+  it('save Frequency function', () => {
+    component.saveFrequency(frequency[0]);
+    expect(component.dashboardForm.selectedFrequencyType).toBe(
+      frequency[0].frequencyType
+    );
+    expect(component.dashboardForm.selectedFrequencies).toBe(
+      frequency[0].frequencies
+    );
+    expect(component.dashboardForm.frequencyMessage).toBe(
+      frequency[0].frequencyString
+    );
+  });
+
+  // it('Check configure Dashboard open', () => {
+  //   component.dashboardForm.dashboardName = 'test';
+  //   component.configureDashboard();
+  //   expect(component.openConfigureWidgets).toBeTruthy();
+  // });
+
+  // it('widgets Data Modified', () => {
+  //   component.widgetsDataModified(widgetsData);
+  //   expect(widgetsData).toBe(component.dashboardForm.configureWidget);
+  //   expect(component.openConfigureWidgets).toBeFalsy();
+  // });
+
+  it('close Configure Widgets', () => {
+    component.closeConfigureWidgets(false);
+    expect(component.openConfigureWidgets).toBeFalsy();
+  });
+
+  it('verify fields should return false if dashboard description is more than 250 char', () => {
+    component.dashboardForm.dashboardName = 'test';
+    component.dashboardForm.dashboardDescriptionText = new Array(252).join('x');
+    let status = component.validateDashboard();
+    expect(status).toBeFalse();
+    // expect(component.dashboardDescriptionError).toEqual(component.fieldLimitExceededErrorMessage.replace('XYZ', '250'));
+  });
+
+  it('should clear To Date if a later From Date is chosen', () => {
+    component.dashboardForm.selectedFromDate = dayjs(
+      '12-26-2021',
+      'MM-DD-YYYY'
+    );
+    component.dashboardForm.selectedToDate = dayjs('12-25-2021', 'MM-DD-YYYY');
+    component.closeFromDatePicker();
+    expect(component.dashboardForm.selectedToDate).toBeUndefined();
+  });
+
+  it('should set Frequency value', () => {
+    component.setFrequency('3~1~1,2~0', 'import');
+    fixture.detectChanges();
+    expect(component.dashboardForm.frequencyMessage).toEqual(
+      '1st of every January, February'
+    );
+  });
+  it('should save the group values to dashboard form', () => {
+    component.uniqueByProp(groupslist, 'group_id');
+    component.saveSelectedList('whoCanView', {
+      users: userlist,
+      groups: groupslist,
+    });
+    fixture.detectChanges();
+    expect(groupslist).toEqual(component.dashboardForm.selectedGroup);
+  });
+  it('should remove the group values from dashboard form', () => {
+    let removegroup = {
+      old_group_id: 0,
+      member_ids: [18282, 18262, 18503, 18521, 17924],
+      removed_member_ids: [],
+      group_type: 'vcomply',
+      state: 1,
+      _id: '63807db50067e1000852d62b',
+      group_name: 'abc',
+      group_description: '',
+      roles: [
+        {
+          _id: '638d923ebb03890008a2c7b9',
+          roleId: {
+            _id: '6387478a721ddf000839fcda',
+            roleName: 'Manage Program Permission Group',
+            licenseType: 'power users',
+            id: '6387478a721ddf000839fcda',
+          },
+        },
+      ],
+      associatedUsers: [
+        {
+          _id: '638d923ebb03890008a2c7b4',
+          userId: {
+            profile_pic: '',
+            license_type: 'power users',
+            _id: '6361fbe19f6cda0008120e49',
+            member_name: 'A3',
+            member_email: 'a3@fdfd.com',
+            member_id: 18282,
+          },
+        },
+        {
+          _id: '638d923ebb03890008a2c7b5',
+          userId: {
+            profile_pic: '',
+            license_type: 'power users',
+            _id: '63523a540aa9a200094da903',
+            member_name: 'A2',
+            member_email: 'a2@fdfd.com',
+            member_id: 18262,
+          },
+        },
+        {
+          _id: '638d923ebb03890008a2c7b6',
+          userId: {
+            profile_pic: '',
+            license_type: 'power users',
+            _id: '637f59bd9b20b00008e763a3',
+            member_name: 'LightUser1',
+            member_email: 'light@fdfd.com',
+            member_id: 18503,
+          },
+        },
+        {
+          _id: '638d923ebb03890008a2c7b7',
+          userId: {
+            profile_pic: '',
+            license_type: 'power users',
+            _id: '6388501a057eaf000886b647',
+            member_name: 'A4',
+            member_email: 'a4@fdfd.com',
+            member_id: 18521,
+          },
+        },
+        {
+          _id: '638d923ebb03890008a2c7b8',
+          userId: {
+            profile_pic: '',
+            license_type: 'power users',
+            _id: '623ac9fa46968d0009c8f0ed',
+            member_name: 'A1',
+            member_email: 'a1@fdfd.com',
+            member_id: 17924,
+          },
+        },
+      ],
+      organisation_id: 3452,
+      created_by: {
+        profile_pic: '',
+        _id: '623ac7c92498330009104f71',
+        member_name: 'D1',
+        member_email: 'test@fdfd.com',
+        member_id: 17923,
+      },
+      modified_by: {
+        profile_pic: '',
+        _id: '623ac7c92498330009104f71',
+        member_name: 'D1',
+        member_email: 'test@fdfd.com',
+        member_id: 17923,
+      },
+      created_at: 1669365173,
+      updated_at: 1670222398,
+      member_count: 5,
+      group_id: 853,
+      __v: 0,
+    };
+    component.remove('whoCanView', removegroup);
+    fixture.detectChanges();
+    expect(component.dashboardForm.selectedGroup).toEqual([]);
+  });
+  it('only the user list in who can view this dashboard with feature flag as false', () => {
+    component.groupsEnabled = false;
+    component.dashboardForm.selectedViewers = userlist;
+    const user = component.dashboardForm.selectedViewers;
+    fixture.detectChanges();
+    const value = fixture.debugElement.query(By.css('#onlyuserslist'));
+    expect(user[0].member_name).toEqual('D1');
+  });
+  it(' the groups in who can view this dashboard with feature flag as true', () => {
+    component.groupsEnabled = true;
+    component.dashboardForm.selectedGroup = groupslist;
+    const groups = component.dashboardForm.selectedGroup;
+    fixture.detectChanges();
+    const value = fixture.debugElement.query(By.css('#usersandgroups'));
+    expect(groups.length).toEqual(2);
+  });
+  fit('edit form for populate dashboaard', () => {
+    component.dashboardId = '637c89bd84fe1a0008aad043';
+    component.mode = 'EDIT';
+    component.usersList = userlist;
+    component.groupList = [];
+    fixture.detectChanges();
+    const data = editdata;
+    expect(component.populateDashboardForm(data)).toBeTruthy();
+  });
+});