unit testing

-

 /* eslint-disable @typescript-eslint/no-unused-vars */

/* eslint-disable no-unused-expressions */
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { Store } from '@ngrx/store';
import { CaseIndicatorConfigurationComponent } from './case-indicator-configuration.component';
import { UserPreferencesCommonService } from '../services/common.service';
import { provideMockStore } from '@ngrx/store/testing';
import { CommonModule } from '@angular/common';
import { HttpClientTestingModule } from '@angular/common/http/testing';
import {
  ReactiveFormsModule,
  FormsModule,
  FormGroup,
  FormControl,
  Validators,
} from '@angular/forms';
import { RouterTestingModule } from '@angular/router/testing';
import { OneWebComponentsAngularModule } from '@one/angular';
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { of } from 'rxjs';
import { I18NextModule } from 'angular-i18next';
import { I18N_PROVIDERS } from 'src/app/i18next/i18next';
import { snackbarService } from '@one/web-components';

// eslint-disable-next-line no-restricted-globals
fdescribe('CaseIndicatorConfigurationComponent', () => {
  let component: CaseIndicatorConfigurationComponent;
  let fixture: ComponentFixture<CaseIndicatorConfigurationComponent>;
  let store: jasmine.SpyObj<Store>;
  const getAllUserPreferences = {
    isLoading: false,
    allUserPreferences: [
      { prefName: 'AUT_FLAG_CASES', userPrefId: 358638, prefValue: '0' },
      { prefName: 'FLAG_CASE_YELLOW', userPrefId: 358638, prefValue: '0' },
      { prefName: 'FLAG_CASE_RED', userPrefId: 358638, prefValue: '0' },
    ],
  };
  const saveAllUserPreferences = {
    isLoading: false,
    responseStatus: { code: 1 },
    allUserPreferences: [
      { prefName: 'AUT_FLAG_CASES', userPrefId: 358638, prefValue: '0' },
      { prefName: 'FLAG_CASE_YELLOW', userPrefId: 358638, prefValue: '0' },
      { prefName: 'FLAG_CASE_RED', userPrefId: 358638, prefValue: '0' },
    ],
  };
  const initialState = {};
  // eslint-disable-next-line typescript-enum/no-enum, no-unused-vars
  const enum RADIO_VALUE_CHANGE {
    On = '1',
    Off = '0',
  }

  beforeEach(async () => {
    const apicallerServiceSpy = jasmine.createSpyObj(
      'UserPreferencesCommonService',
      ['selectAllUserPreferences', 'saveAllUserPreferences']
    );
    const storeserviceSpy = jasmine.createSpyObj('store', [
      'dispatch',
      'select',
    ]);

    await TestBed.configureTestingModule({
      imports: [
        HttpClientTestingModule,
        OneWebComponentsAngularModule,
        ReactiveFormsModule,
        RouterTestingModule,
        FormsModule,
        CommonModule,
        I18NextModule.forRoot(),
      ],
      declarations: [CaseIndicatorConfigurationComponent],
      providers: [
        provideMockStore({ initialState }),
        {
          provide: UserPreferencesCommonService,
          useValue: apicallerServiceSpy,
        },
        { provide: Store, useValue: storeserviceSpy },
        I18N_PROVIDERS,
      ],
      schemas: [CUSTOM_ELEMENTS_SCHEMA],
    })
      .compileComponents()
      .then(() => {
        store = TestBed.inject(Store) as jasmine.SpyObj<Store>;
      });

    fixture = TestBed.createComponent(CaseIndicatorConfigurationComponent);
    component = fixture.componentInstance;
    store.select.and.returnValue(
      await Promise.resolve(of(getAllUserPreferences))
    );
    store.select.and.returnValue(
      await Promise.resolve(of(saveAllUserPreferences))
    );
    component.caseIndicatorFormGroup = new FormGroup({
      txtYellow: new FormControl(
        { value: '', disabled: component.isInputDisabled },
        Validators.required
      ),
      txtRed: new FormControl(
        { value: '', disabled: component.isInputDisabled },
        Validators.required
      ),
    });
    component.caseIndicatorFormGroup.controls['txtYellow'].patchValue('2');
    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
    component.caseIndicatorFormGroup.controls['txtRed'].patchValue('2');
    fixture.detectChanges();
  });
  describe('store test  onInit', () => {
    it('should get users from the store', () => {
      // eslint-disable-next-line @typescript-eslint/no-unused-expressions
      component.caseIndicatorFormGroup.controls['txtYellow'].patchValue('1');
      // eslint-disable-next-line @typescript-eslint/no-unused-expressions
      component.caseIndicatorFormGroup.controls['txtRed'].patchValue('2');
      store.select.and.returnValue(of(getAllUserPreferences));
      component.ngOnInit();
    });
  });
  it('should call formCancelled', () => {
    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
    spyOn(snackbarService, 'show').and.callFake;
    spyOn<any>(component, 'confirmedByUserFromNotification').and.callThrough();
    component.formCancelled();
  });
  it('should call formcancelled', () => {
    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
    spyOn(snackbarService, 'show').and.callFake;
    component.showSuccess('');
  });
  it('should call formcancelled', () => {
    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
    spyOn(snackbarService, 'show').and.callFake;
    component.showError('');
  });

  // It('should call formCancelledClosed' , () =>{
  //   SpyOn(component.closeConfirmation, 'hide').and.callFake;
  //   Component.isFormDisabled = false;
  //   Component.formCancelledClosed();
  // })
  it('should call inputValueChange', () => {
    component.isFormDisabled = false;
    const ev = 'any';
    component.inputValueChange(ev);
    expect(component.isFormDisabled).toEqual(false);
  });
  it('should call saveCaseIndicator', () => {
    component.saveCaseIndicator();
  });
  it('should call onAutomaticFlagChange', () => {
    const data = component.isAutomaticFlagChange;
    component.onAutomaticFlagChange(data);
    component.isFormDisabled = false;
    expect(component.isFormDisabled).toEqual(false);
  });
  it('should call onAutomaticFlagChange', () => {
    const data = '1';
    component.onAutomaticFlagChange(data);
    component.isFormDisabled = true;
    expect(component.isFormDisabled).toEqual(true);
  });
  it('should create', () => {
    expect(component).toBeTruthy();
  });
});




import { Component } from '@angular/core';
import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
import { Store } from '@ngrx/store';
import { snackbarService } from '@one/web-components';
import { Subject, takeUntil } from 'rxjs';
import { AppState } from 'src/app/state/app-state';
import { resetCaseIndicator,  getAllUserPreferences, saveUserPreferences } from '../state/userPreferences.actions';
import { saveAllUserPreferences, selectAllUserPreferences } from '../state/userPreferences.selectors';
import { BACKEND_RESPONSE_CODE, TIMEOUTS } from 'src/types/enums';
import { t } from 'i18next';
export enum RADIO_VALUE_CHANGE {
  On  = "1",
  Off = "0"
}
@Component({
  selector: 'app-case-indicator-configuration',
  templateUrl: './case-indicator-configuration.component.html',
  styleUrls: ['./case-indicator-configuration.component.scss']
})
export class CaseIndicatorConfigurationComponent {
  private readonly destroyed$: Subject<any> = new Subject<any>();
  public caseIndicatorFormGroup !: FormGroup;
  public isFormDisabled: boolean = true;
  public isSubmitted:  boolean = false;
  public caseIndicatorData: any = [];
  public automaticFlag: any = [];
  public isAutomaticFlagChange: string = '0';
  public isInputDisabled: boolean = false;
  public flagCaseYellow: any;
  public flagCaseRed: any;
  public closeConfirmation: any;
  constructor(private readonly formBuilder: FormBuilder,    
    private readonly store: Store<AppState>,){

  }
  ngOnDestroy(): void {
    this.destroyed$.next(true);
    this.destroyed$.complete();
    this.store.dispatch(resetCaseIndicator());
  }
  ngOnInit(): void {
    this.initResetCaseIndicatorForm();
    if(this.isAutomaticFlagChange === RADIO_VALUE_CHANGE.Off){
      this.caseIndicatorFormGroup.get('txtYellow')?.disable();
      this.caseIndicatorFormGroup.get('txtRed')?.disable();
    }
    this.store.dispatch(getAllUserPreferences());
    this.store
    .select(selectAllUserPreferences)
    .pipe(takeUntil(this.destroyed$))
    .subscribe((res: any) => {
      if(res.isLoading === false){  
      this.caseIndicatorData = res;      
      this.automaticFlag =  this.caseIndicatorData.allUserPreferences.filter((d:any )=> d.prefName === "AUT_FLAG_CASES");
      this.isAutomaticFlagChange = this.automaticFlag[0].prefValue;  
      this.flagCaseYellow = this.caseIndicatorData.allUserPreferences.filter((d:any )=> d.prefName === "FLAG_CASE_YELLOW");
      this.flagCaseRed = this.caseIndicatorData.allUserPreferences.filter((d:any )=> d.prefName === "FLAG_CASE_RED");
      this.caseIndicatorFormGroup.setValue({txtYellow: this.flagCaseYellow[0].prefValue,txtRed:this.flagCaseRed[0].prefValue});
      }  
    });
    this.store
    .select(saveAllUserPreferences)
    .pipe(takeUntil(this.destroyed$))
    .subscribe((data:any) => {  
    if(data.isLoading === false){  
      if(data.responseStatus !== undefined){
        if(data.responseStatus.code === BACKEND_RESPONSE_CODE.Success){
          this.showSuccess(t('dataManagement.requests.saved'));
        }else{
          this.showError(data.message);
        }
      }  
      if(data.allUserPreferences){
          this.caseIndicatorData = data;  
          this.automaticFlag =  this.caseIndicatorData.allUserPreferences.filter((d:any )=> d.prefName === "AUT_FLAG_CASES");
          this.isAutomaticFlagChange = this.automaticFlag[0].prefValue;  
          this.flagCaseYellow = this.caseIndicatorData.allUserPreferences.filter((d:any )=> d.prefName === "FLAG_CASE_YELLOW");
          this.flagCaseRed = this.caseIndicatorData.allUserPreferences.filter((d:any )=> d.prefName === "FLAG_CASE_RED");
          this.caseIndicatorFormGroup.setValue({txtYellow: this.flagCaseYellow[0].prefValue,txtRed:this.flagCaseRed[0].prefValue});
          this.isFormDisabled =true;
      }
    }
    });
   
   
  }
  public initResetCaseIndicatorForm(){
    this.caseIndicatorFormGroup = new FormGroup({
      txtYellow: new FormControl({value: '', disabled: this.isInputDisabled}, Validators.required),
      txtRed: new FormControl({value: '', disabled: this.isInputDisabled },Validators.required)
    });
 
  }
  public formCancelled() {
    let msg = t('common.messages.cancel');
    this.isFormDisabled = true;
    this.closeConfirmation = snackbarService.show({
      message: msg,
      action: 'Yes',
      actionBtn: () => this.confirmedByUserFromNotification(),
      close: () => this.formCancelledClosed(),
      duration: 0,
      type: 'info',
      verticalPlacement: 'top',
      horizontalPlacement: 'center',
    });
  }

  public formCancelledClosed() {
    this.isFormDisabled = false;
    this.closeConfirmation.hide();
  }
  public inputValueChange(ev:any){
     this.isFormDisabled = false;
  }
  public saveCaseIndicator(){
    this.isSubmitted = true;
    if(this.caseIndicatorFormGroup.valid || this.caseIndicatorFormGroup.status === "DISABLED"){
      this.isSubmitted = false;
      let automatic  = {prefName : this.automaticFlag[0].prefName,userPrefId:this.automaticFlag[0].userPrefId, prefValue:this.isAutomaticFlagChange};
      let yellowFlag = {prefName : this.flagCaseYellow[0].prefName,userPrefId:this.flagCaseYellow[0].userPrefId, prefValue:this.caseIndicatorFormGroup.value.txtYellow};
      let redFlag    = {prefName : this.flagCaseRed[0].prefName,userPrefId:this.flagCaseRed[0].userPrefId, prefValue:this.caseIndicatorFormGroup.value.txtRed};
      let caseData   = [];
      caseData.push(automatic,yellowFlag,redFlag)
      let payload =  caseData;
      this.store.dispatch(saveUserPreferences({ payload }));
    }
  }
  public onAutomaticFlagChange(data:any){  
    this.isAutomaticFlagChange = data;
    if(data === RADIO_VALUE_CHANGE.Off){  
      this.caseIndicatorFormGroup.get('txtYellow')?.disable();
      this.caseIndicatorFormGroup.get('txtRed')?.disable();
      this.isFormDisabled = false;
      this.caseIndicatorFormGroup.setValue({txtYellow: this.flagCaseYellow[0].prefValue,txtRed:this.flagCaseRed[0].prefValue});
    }else{
      this.caseIndicatorFormGroup.get('txtYellow')?.enable();
      this.caseIndicatorFormGroup.get('txtRed')?.enable();
      this.isFormDisabled  = true;
    }
  }
  public showError(message: string) {
    snackbarService.show({
      message,
      duration: 0,
      type: 'error',
      verticalPlacement: 'top',
      horizontalPlacement: 'center',
    });
  }
  public showSuccess(message: string) {
    snackbarService.show({
      message,
      duration: TIMEOUTS.StandardNotificationTimeout,
      type: 'success',
      verticalPlacement: 'top',
      horizontalPlacement: 'center',
    });
  }
  private confirmedByUserFromNotification() {
    this.isFormDisabled = true;
    this.isAutomaticFlagChange = this.automaticFlag[0].prefValue;  
    this.caseIndicatorFormGroup.setValue({txtYellow: this.flagCaseYellow[0].prefValue,txtRed:this.flagCaseRed[0].prefValue});
    this.closeConfirmation.hide();
  }
}


Comments

Post a Comment

Popular posts from this blog

Your app currently targets API level 27 and must target at least API level 28 to ensure it is built on the latest APIs optimized for security and performance. Change your app's target API level to at least 28

-
https://stackoverflow.com/questions/51466168/android-playstore-warning-your-app-currently-targets-api-level-25 ionic cordova platform rm android ionic cordova platform add android@7 . 1.4 (Or) prefer below code first, using ionic3 <preference name = "android-targetSdkVersion" value = "28" />
Read more

ionic project creation

-
ionic start myApp tabs  ionic generate page contact for services ::: ionic generate provider httpclientModule in ionic3 https://www.npmjs.com/package/ngx-http-client https://www.tutorialspoint.com/ionic/ionic_camera.htm import { HttpClient } from '@angular/common/http'; import { Injectable } from '@angular/core'; import { toPromise } from 'rxjs/operator/toPromise'; import { AlertController, MenuController, ToastController } from 'ionic-angular'; /* Generated class for the CallsProvider provider. See https://angular.io/guide/dependency-injection for more info on providers and Angular DI. */ @Injectable() export class CallsProvider { SERVER_IP=" http://209.126.98.38/EverestHome/public/api/v1/ " constructor(public http: HttpClient) { console.log('Hello CallsProvider Provider'); } post(api: string , requestData: any) { debugger; console.log(requestData); return this.http.po...
Read more

change root user in ubuntu

-
Run  sudo <command>  and type in your login password, if prompted, to run only that instance of the command as root. Next time you run another or the same command without the  sudo  prefix, you will not have root access. Run  sudo -i . This will give you an interactive root shell. Note that the  $  at the end of your prompt has changed to a  # , indicating that you have root access. From here you can run any sequence of commands as root, or run the command  exit  to leave the root shell. Use the  su  (substitute user) command to get a root shell. This is effectively the same as using  sudo -i . Note that when you use this command it will ask for the root password and not your login password. These are not the same. You may have to set or change the root password by running  sudo passwd root  first. Run  sudo -s . This gives you root access, but maintains your current SHELL. Shell specific s...
Read more