beforeEach(inject([DynamicFormService], (service: DynamicFormService) => {

        formGroup = service.createFormGroup(formModel);

        component.group = formGroup;
        component.model = testModel;

        fixture.detectChanges();

        testElement = debugElement.query(By.css(`p-inputSwitch[id="${testModel.id}"]`));
    }));

    beforeEach(inject([DynamicFormService], (service: DynamicFormService) => {

        formGroup = service.createFormGroup(formModel);

        component.group = formGroup;
        component.model = testModel;

        fixture.detectChanges();

        testElement = debugElement.query(By.css(`fieldset[role="radiogroup"]`));
    }));

    beforeEach(inject([DynamicFormService], (service: DynamicFormService) => {

        formGroup = service.createFormGroup(formModel);

        component.group = formGroup;
        component.model = testModel;

        fixture.detectChanges();

        testElement = debugElement.query(By.css(`mat-datepicker`));
    }));

 inject([DynamicFormService], (service: DynamicFormService) => {
   formGroup = service.createFormGroup(formModel);
   component.group = formGroup;
   component.model = testModel;
   component.ngOnChanges({
     group: new SimpleChange(null, component.group, true),
     model: new SimpleChange(null, component.model, true)
   });
   fixture.detectChanges();
   testElement = debugElement.query(By.css(`input[name='foo']`));
 })

  ngOnInit() {
    this.formModel = this.configurationService.getFormModel(
      this.connection,
      false
    );
    this.formGroup = this.formService.createFormGroup(this.formModel);
    this.formChangesSubscription = this.formGroup.valueChanges.subscribe(
      data => {
        this.connection.configuredProperties = this.configurationService.sanitize(data);
      }
    );

    this.current.formGroup = (this.hasCredentials) ? null : this.formGroup;
  }

 ngOnInit() {
   this.formModel = this.configurationService.getFormModel(
     this.connection,
     false
   );
   this.formGroup = this.formService.createFormGroup(this.formModel);
   this.formChangesSubscription = this.formGroup.valueChanges.subscribe(
     data => {
       Object.keys(data).forEach(key => {
         if (data[key] === null) {
           delete data[key];
         }
       });
       this.connection.configuredProperties = data;
     }
   );
 }

 clear() {
     this.formService.clearFormArray(this.arrayControl, this.arrayModel);
 }

 remove(index: number) {
     this.formService.removeFormArrayGroup(index, this.arrayControl, this.arrayModel);
 }

 add() {
     this.formService.addFormArrayGroup(this.arrayControl, this.arrayModel);
 }