test(feature): fixed all the failing tests

Author: paul58914080

src/app/shared/components/badges/badges.component.spec.ts

@@ -4,7 +4,7 @@ import { initContext, TestContext } from '../../../../testing/test.context';
 
 @Component({
   template: `
-      <ff4j-badges [values]="values" [maxToShow]="maxToShow"></ff4j-badges>
+    <ff4j-badges [values]="values" [maxToShow]="maxToShow"></ff4j-badges>
   `
 })
 class TesteeBadgeComponent {
@@ -29,7 +29,7 @@ describe('BadgesComponent', () => {
     // on change should apply
     this.hostComponent.values = ['4', '5'];
     this.hostComponent.maxToShow = 2;
-    this.detectChanges();
+    this.fixture.detectChanges();
     expect(this.testedComponent.values).toEqual(['4', '5']);
     expect(this.testedComponent.maxToShow).toEqual(2);
   });

src/app/shared/components/feature-card/feature-card.component.spec.ts

@@ -7,7 +7,7 @@ import { Property } from '../../models/Property';
 
 @Component({
   template: `
-      <ff4j-feature-card [feature]="feature"></ff4j-feature-card>
+    <ff4j-feature-card [feature]="feature"></ff4j-feature-card>
   `
 })
 class TesteeFeatureCardComponent {
@@ -30,7 +30,7 @@ describe('FeatureCardComponent', () => {
   initContext(FeatureCardComponent, TesteeFeatureCardComponent, moduleMetaData);
 
   it('should create', function(this: Context) {
-    this.detectChanges();
+    this.fixture.detectChanges();
     expect(this.hostComponent).toBeTruthy();
     expect(this.testedComponent).toBeTruthy();
   });
@@ -41,15 +41,15 @@ describe('FeatureCardComponent', () => {
   });
 
   it('should have got the input value for feature', function(this: Context) {
-    this.detectChanges();
+    this.fixture.detectChanges();
     expect(this.testedComponent.feature.uid).toBe('Feature_UID');
     expect(this.testedComponent.feature.description).toBe(`Feature Card Description`);
     expect(this.testedComponent.feature.group).toBe('Group Name');
     expect(this.testedComponent.feature.enable).toBeFalsy();
     expect(this.testedComponent.feature.permissions.length).toEqual(4);
     // on change should apply
     this.hostComponent.feature.enable = true;
-    this.detectChanges();
+    this.fixture.detectChanges();
     expect(this.testedComponent.feature.enable).toBeTruthy();
   });
 
@@ -63,7 +63,7 @@ describe('FeatureCardComponent', () => {
       value: 'go!',
       fixedValues: []
     });
-    this.detectChanges();
+    this.fixture.detectChanges();
     let resultValues = this.testedComponent.getPropertiesValues(properties);
     expect(resultValues).toEqual(['SampleProperty = go!']);
     // if customProperties is undefined or empty it should also result in empty